.atmosphere-bg-text, .booking-subtitle, .booking-title, .btn-discover, .btn-pillar-cta, .btn-reservation, .content-modal-title, .detail-label, .footer-links_1 li, .footer-logo, .footer-tagline, .header-logo, .hero-subtitle, .hero-subtitle_discover, .hero-title, .hero-title_Scroll, .languege-switcher, .location-title, .pillar-name, .pillars-section .section-tag, .section-tag, .section-title {
	text-transform:uppercase
}
body, html {
	overflow-x:hidden
}
.btn-pillar-cta, .pillar-desc, .section-tag, body {
	font-family:var(--font-body)
}
.btn-pillar-cta, a {
	text-decoration:none
}
:root {
--color-bg:#050505;
--color-accent:#B4945A;
--color-accent-hover:#c9a96e;
--color-text-muted:#8E877D;
--color-text-body:#C7C1B6;
--color-text-light:#F2EFE8;
--color-white:#FFFFFF;
--color-border:rgba(180, 148, 90, 0.2);
--color-card-bg:#0A0A0A;
--color-card-btn_bg_def:#050505;
--color-card-btn_bg_hov:#141414;
--color-card-btn_bg_act:#1e1e1e;
--color-card-btn_bg_disab:#696969;
--color-card-red:#BF2027;
--font-heading:'Manrope', sans-serif;
--font-body:'Source Sans 3', sans-serif;
--shadow-1:0px 4px 6px -4px rgba(0, 0, 0, 0.5), 0px 10px 15px -3px rgba(0, 0, 0, 0.5);
--shadow-2:0px 25px 50px -12px rgba(0, 0, 0, 1);
--section-padding-desktop:96px;
--section-padding-mobile:48px;
--header-padding-desktop:56px;
--header-padding-mobile:24px;
--gap-heading-body:16px;
--gap-body-cta:32px;
--btn-height-desktop:48px;
--btn-height-mobile:44px;
--input-height:52px
}
*, ::after, ::before {
margin:0;
padding:0;
box-sizing:border-box
}
html {
	scroll-behavior:smooth
}
body {
	font-size:16px;
	line-height:1.6;
	color:var(--color-text-body);
	background-color:var(--color-bg);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
img {
	max-width:100%;
	height:auto;
	display:block
}
a {
	color:inherit;
transition:color .3s
}
ul {
	list-style:none;
	margin:0;
	padding:0
}
.section-tag {
	display:inline-block;
	font-size:12px;
	font-weight:600;
	letter-spacing:3px;
	color:var(--color-accent);
	margin-bottom:16px
}
.nav-list, .site-header {
	display:flex;
	align-items:center
}
.header-logo, .section-title {
	font-family:var(--font-heading)
}
.section-title, .title-accent {
	font-weight:700
}
.section-title {
	font-size:44px;
	color:var(--color-text-light);
	line-height:1.15;
	letter-spacing:1px;
	margin-bottom:0
}
.site-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	padding:0 var(--header-padding-desktop);
	height:80px;
transition:background-color .4s, box-shadow .4s;
	background-color:transparent
}
.site-header .container-fluid {
	width:100%;
	padding:0
}
.site-header.scrolled {
	background-color:rgba(5, 5, 5, .95)
}
.header-logo {
	font-size:24px;
	font-weight:800;
	color:var(--color-accent);
	letter-spacing:4px;
transition:opacity .3s
}
.btn-book-now, .nav-link-item {
	font-family:var(--font-body);
	font-size:12px;
	font-weight:600
}
.btn-book-now, .footer-heading, .mobile-nav-link, .nav-link-item, .newsletter-btn {
	letter-spacing:2px;
	text-transform:uppercase
}
.header-logo:hover {
	color:var(--color-accent);
	opacity:.8
}
.nav-list {
	gap:52px
}
.nav-link-item {
	color:var(--color-text-body);
	position:relative;
	padding:4px 0;
transition:color .3s;
	text-decoration:none
}
.nav-link-item::after {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:0;
height:1px;
background-color:var(--color-accent);
transition:width .3s
}
.footer-links a, .nav-link-item.active, .nav-link-item:hover {
	color:var(--color-text-muted)
}
.btn-book-now, .languege-switcher a.active, .languege-switcher a:hover, .mobile-menu-close, .mobile-nav-link {
	color:var(--color-text-light)
}
.nav-link-item.active::after, .nav-link-item:hover::after {
width:100%
}
.btn-book-now {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:var(--btn-height-desktop);
	padding:0 20px;
	background-color:var(--color-card-btn_bg_def);
	border:1px solid var(--color-text-light);
	border-radius:999px;
transition:.3s;
	cursor:pointer;
	white-space:nowrap;
	text-decoration:none
}
.btn-book-now:hover, .btn-discover:hover, .btn-pillar-cta:hover {
	border:1px solid var(--color-card-btn_bg_hov);
	background-color:var(--color-card-btn_bg_hov);
	color:var(--color-text-light)
}
.mobile-menu-toggle {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:32px;
	height:32px;
	background:0 0;
	border:none;
	cursor:pointer;
	gap:5px;
	padding:0
}
.hamburger-line {
	display:block;
	width:24px;
	height:1.5px;
	background-color:var(--color-text-light);
transition:.3s
}
.mobile-menu-toggle.active .hamburger-line:first-child {
	transform:translateY(6.5px) rotate(45deg)
}
.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
opacity:0
}
.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
transform:translateY(-6.5px) rotate(-45deg)
}
.mobile-menu-overlay {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--color-bg);
	z-index:999;
	display:flex;
	flex-direction:column;
	opacity:0;
	visibility:hidden;
transition:opacity .4s, visibility .4s;
	padding-top:35px
}
.booking-modal-overlay.open, .content-modal-overlay.is-open, .mobile-menu-overlay.open {
	opacity:1;
	visibility:visible
}
.mobile-menu-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 24px;
	height:72px;
	flex-shrink:0
}
.mobile-menu-close {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	background:0 0;
	border:none;
	cursor:pointer;
transition:.3s
}
.footer-links a, .mobile-nav-link {
transition:color .3s, padding-left .3s
}
.mobile-menu-close:hover {
	border-color:var(--color-accent);
	color:var(--color-accent)
}
.mobile-nav {
	flex:1;
	display:flex;
	align-items:flex-start;
	text-align:left;
	padding:40px 24px
}
.mobile-nav-list {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0;
	width:100%;
	max-width:240px
}
.hero-subtitle span, .mobile-nav-link {
	font-size:12px;
	font-weight:500;
	display:block
}
.mobile-nav-list li {
	width:100%;
	border-bottom:var(--color-card-btn_bg_act) solid 1px
}
.mobile-nav-link {
	font-family:var(--font-heading);
	padding:19px 0 13px;
	opacity:0;
	transform:translateX(-20px)
}
.mobile-menu-overlay.open .mobile-nav-link {
	opacity:1;
	transform:translateX(0);
transition:color .3s, padding-left .3s, opacity .5s, transform .5s
}
.mobile-nav-link:hover {
	color:var(--color-accent);
	padding-left:10px
}
.mobile-nav-divider {
	height:1px;
	background:linear-gradient(90deg, transparent 0, var(--color-border) 20%, var(--color-border) 80%, transparent 100%);
	width:100%
}
.mobile-menu-footer {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:24px;
	padding:24px 24px 40px;
	flex-shrink:0
}
.mobile-book-btn {
	width:100%;
	max-width:320px;
	height:48px;
	text-align:center
}
.mobile-socials {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px
}
.mobile-social-link {
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	color:var(--color-text-muted);
	border:1px solid var(--color-border);
transition:.3s
}
.mobile-social-link:hover {
	color:var(--color-accent);
	border-color:var(--color-accent);
	background-color:rgba(180, 148, 90, .1)
}
.hero-section {
	position:relative;
	width:100%;
	height:100vh;
	min-height:700px;
	overflow:hidden;
	display:flex;
	align-items:flex-end
}
.hero-bg-image, .hero-bg-image_2, .hero-bg-image_mobile {
	position:absolute;
	inset:0;
	z-index:0
}
.hero-bg-image img, .hero-bg-image_2 img, .hero-bg-image_mobile img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center
}
.footer-links_1 li.mobile_link, .footer_linkleft_mob, .footer_linkright_mob, .hero-bg-image_mobile {
	display:none
}
.hero-overlay, .hero-overlay_2 {
	position:absolute;
	z-index:1;
	inset:0
}
.hero-overlay {
	background:linear-gradient(180deg, rgba(5, 5, 5, .9) 0, rgba(5, 5, 5, .7) 40%, rgba(5, 5, 5, .6) 70%, rgba(5, 5, 5, .95) 100%)
}
.hero-overlay_2 {
	background:linear-gradient(180deg, #050505 10%, rgba(5, 5, 5, .7) 40%, rgba(5, 5, 5, .7) 70%, rgba(5, 5, 5, .95) 100%)
}
.hero-content {
	position:relative;
	z-index:2;
	margin-bottom:33px
}
.hero-subtitle, .hero-subtitle_discover {
	font-family:var(--font-body);
	font-weight:400;
	letter-spacing:3px;
	margin-bottom:10px;
	line-height:20px
}
.hero-subtitle {
	font-size:14px;
	color:var(--color-text-body);
	display:inline-block
}
.hero-subtitle_discover {
	font-size:16px;
	color:var(--color-text-light);
	float:right;
	margin-top:38px
}
.hero-subtitle span {
	color:var(--color-accent);
	margin-bottom:6px
}
.hero-title-wrapper {
	bottom:0;
	left:0;
	right:0;
	z-index:2;
	pointer-events:none;
	line-height:.85;
	margin-left:-20px
}
.hero-title {
	font-family:var(--font-heading);
	font-size:clamp(120px, 21vw, 305px);
	font-weight:600;
	color:var(--color-card-red);
	letter-spacing:-8px;
	white-space:nowrap;
	line-height:.85;
	margin:0;
	padding:0
}
.booking-subtitle, .btn-discover, .btn-reservation, .scroll-text {
	font-family:var(--font-body);
	letter-spacing:2px
}
.hero-scroll-indicator {
	position:absolute;
	right:var(--header-padding-desktop);
	bottom:40px;
	z-index:3;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px
}
.scroll-text {
	font-size:10px;
	font-weight:600;
	color:var(--color-text-muted);
	writing-mode:vertical-rl;
	text-orientation:mixed
}
.scroll-line {
	width:1px;
	height:48px;
	background:linear-gradient(180deg, var(--color-accent) 0, transparent 100%);
	animation:2s ease-in-out infinite scrollPulse
}
@keyframes scrollPulse {
0%, 100% {
opacity:1;
transform:scaleY(1)
}
50% {
opacity:.4;
transform:scaleY(.6)
}
}
.intro-section {
	position:relative;
	width:100%;
	height:100vh;
	min-height:650px;
	overflow:hidden;
	display:flex;
	align-items:center
}
.btn-discover, .btn-pillar-cta {
	display:inline-flex;
	align-items:center
}
.intro-section .container {
	z-index:999
}
.white_line {
	background:var(--color-text-body);
	width:1px;
	height:150px;
	margin:50px auto 60px
}
.container_about_cus {
	max-width:520px
}
.intro-text {
	font-family:var(--font-body);
	font-size:20px;
	font-weight:400;
	line-height:1.8;
	color:var(--color-text-body);
	margin-bottom:var(--gap-body-cta)
}
.btn-discover, .pillar-name {
	color:var(--color-text-light)
}
.btn-discover {
	justify-content:center;
	height:var(--btn-height-desktop);
	padding:0 25px;
	font-size:12px;
	font-weight:600;
	background-color:transparent;
	border:1px solid var(--color-text-light);
	border-radius:999px;
transition:.3s;
	cursor:pointer;
	text-decoration:none
}
.gallery-image, .location-bg-image img, .pillar-image {
	height:100%;
	object-position:center;
	width:100%;
	object-fit:cover
}
.pillars-section {
	padding:var(--section-padding-desktop) 0;
	background-color:var(--color-bg)
}
.pillars-section .section-tag {
	margin-bottom:12px;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	letter-spacing:4.2px;
	vertical-align:middle
}
.pillars-section .section-title {
	margin-bottom:64px
}
.our_table_box_2 {
	margin-top:95px
}
.pillar-card {
	text-align:left;
transition:.4s cubic-bezier(.4, 0, .2, 1);
	padding:20px 0;
	border-radius:12px
}
.pillar-card:hover {
	transform:translateY(-12px)
}
.pillar-image-wrapper {
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0 auto 16px;
	box-shadow:0 15px 35px rgba(0, 0, 0, .4);
	border-radius:6px
}
.pillar-image {
transition:transform .8s cubic-bezier(.4, 0, .2, 1)
}
.pillar-card:hover .pillar-image {
	transform:scale(1.1)
}
.pillar-name {
	font-family:var(--font-heading);
	font-size:24px;
	font-weight:700;
	letter-spacing:2.4px;
	margin-bottom:16px
}
.pillar-desc {
	font-size:18px;
	line-height:24px;
	color:var(--color-text-muted);
	margin-bottom:22px
}
.btn-pillar-cta, .hero-title_Scroll {
	font-weight:600;
	color:var(--color-text-light)
}
.btn-pillar-cta {
	justify-content:center;
	padding:10px 24px;
	font-size:12px;
	letter-spacing:2px;
	background-color:transparent;
	border:1px solid var(--color-text-light);
	border-radius:999px;
transition:.3s
}
.atmosphere-bg-text, .hero-title_Scroll, .location-title {
	font-family:var(--font-heading)
}
.atmosphere-section, .location-section {
	border-top:1px solid var(--color-card-btn_bg_act);
	overflow:hidden
}
.atmosphere-section {
	padding:var(--section-padding-desktop) 0;
	background-color:var(--color-bg);
	position:relative
}
.hero-title-wrapper_Scroll {
	bottom:0;
	left:0;
	right:0;
	z-index:2;
	pointer-events:none;
	line-height:.85;
	text-align:center
}
.hero-title_Scroll {
	font-size:clamp(120px, 21vw, 305px);
	letter-spacing:-8px;
	white-space:nowrap;
	line-height:.85;
	margin:0;
	padding:0;
	opacity:.1
}
.carosel_sec_cus {
	margin-top:-160px;
	padding-bottom:0!important
}
.atmosphere-section .section-title {
	margin-bottom:57px
}
.atmosphere-bg-text {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:clamp(100px, 14vw, 220px);
	font-weight:800;
	color:transparent;
	-webkit-text-stroke:1px rgba(180, 148, 90, 0.08);
	white-space:nowrap;
	pointer-events:none;
	z-index:0;
	letter-spacing:.1em;
	user-select:none
}
.gallery-grid {
	position:relative;
	z-index:1
}
.gallery-item {
	position:relative;
	width:100%;
	aspect-ratio:4/5;
	overflow:hidden;
	box-shadow:var(--shadow-1);
	cursor:pointer
}
.gallery-image {
transition:transform .6s, filter .4s
}
.gallery-item:hover .gallery-image {
	transform:scale(1.08);
	filter:brightness(1.1)
}
.booking-modal-overlay.open .booking-modal-container, .reveal.revealed {
	transform:translateY(0)
}
.gallery-item::after {
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, transparent 60%, rgba(5, 5, 5, .4) 100%);
pointer-events:none
}
.location-section {
	position:relative;
	padding:var(--section-padding-desktop) 0;
	min-height:600px;
	display:flex;
	align-items:center
}
.location-bg-image {
	position:absolute;
	inset:0;
	z-index:0;
	background:var(--color-bg)
}
.location-bg-image img {
	opacity:.8
}
.location-overlay {
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(90deg, rgba(5, 5, 5, .92) 0, rgba(5, 5, 5, .7) 50%, rgba(5, 5, 5, .3) 100%)
}
.location-title {
	font-size:44px;
	font-weight:700;
	color:var(--color-text-light);
	line-height:1.15;
	letter-spacing:1px;
	margin-bottom:40px
}
.detail-label, .detail-value, .detail-value_cus, .detail-value_para {
	font-family:var(--font-body);
	font-weight:400
}
.detail-value, .detail-value_cus {
	line-height:20px
}
.location-details {
	display:flex;
	flex-direction:column;
	gap:24px;
	margin-bottom:var(--gap-body-cta)
}
.location-detail-item {
	display:flex;
	flex-direction:column;
	gap:4px
}
.detail-label {
	font-size:16px;
	letter-spacing:2px;
	color:var(--color-accent)
}
.detail-value {
	font-size:16px;
	color:var(--color-text-body);
	max-width:165px
}
.detail-value_cus {
	font-size:14px;
	color:var(--color-text-muted);
	margin-top:10px;
	max-width: 200px;
}
.detail-value_para {
	font-size:16px;
	color:var(--color-text-body);
	line-height:1.6;
	max-width:480px
}
.site-footer {
	padding:var(--section-padding-desktop) 0 35px;
	background-color:var(--color-bg);
	border-top:1px solid var(--color-border)
}
.footer-logo {
	font-family:var(--font-heading);
	font-size:24px;
	font-weight:800;
	color:var(--color-accent);
	letter-spacing:4px;
	display:inline-block;
	margin-bottom:7px
}
.content-modal-body a:hover, .footer-logo:hover {
	color:var(--color-accent-hover)
}
.footer-tagline {
	font-family:var(--font-body);
	font-size:12px;
	color:var(--color-text-muted);
	line-height:20px;
	max-width:320px
}
.footer-heading {
	font-family:var(--font-heading);
	font-size:12px;
	font-weight:700;
	color:var(--color-text-light);
	margin-bottom:20px
}
.footer-links a, .footer-links_1 a, .footer-links_2 a, .footer-newsletter-text, .newsletter-input {
	font-size:14px;
	font-family:var(--font-body);
	text-decoration:none
}
.footer-links {
	float:left
}
.footer-links li, .footer-links_2 li {
	margin-bottom:12px;
	display:inline-block;
	padding-right:69px
}
.footer-links a:hover {
	color:var(--color-accent);
	padding-left:4px
}
.footer-links_1 {
	display:inline-flex;
	flex-wrap:wrap;
	align-items:flex-start;
	max-width:100%;
	width:100%;
	float:right;
	position:relative
}
.footer-links_1 li {
	margin-bottom:15px;
	display:inline-block
}
.footer-links_1 li:first-child {
	max-width:40%;
	width:100%
}
.footer-links_1 li:nth-child(2), .footer-links_1 li:nth-child(3) {
max-width:30%;
width:100%
}
.footer-links_1 li:nth-child(4) {
position:absolute;
right:0
}
.footer-links_1 li:nth-child(4) a {
color:var(--color-text-muted);
margin:0 5px
}
.footer-links_1 li:nth-child(4) a.active, .footer-links_1 li:nth-child(4) a:hover, .languege-switcher a {
color:var(--color-text-body)
}
.footer-links_1 li:last-child, .footer-links_2 li:last-child {
	padding-right:0
}
.footer-links_1 a, .footer-links_2 a {
	font-weight:600;
	color:var(--color-text-body);
transition:color .3s, padding-left 0
}
.footer-links_1 a:hover, .footer-links_2 a:hover {
	color:var(--color-accent);
	padding-left:0
}
.footer-links_2 {
	float:right;
	max-width:442px;
	width:100%
}
.footer-newsletter-text {
	color:var(--color-text-muted);
	line-height:1.7;
	margin-bottom:16px
}
.newsletter-form {
	display:flex;
	gap:0
}
.newsletter-input {
	flex:1;
	height:var(--input-height);
	padding:0 16px;
	color:var(--color-text-light);
	background-color:rgba(255, 255, 255, .05);
	border:1px solid var(--color-border);
	border-right:none;
	outline:0;
transition:border-color .3s
}
.newsletter-input::placeholder {
color:var(--color-text-muted)
}
.form-control-custom:focus, .form-select-custom:focus, .newsletter-input:focus {
	border-color:var(--color-accent)
}
.newsletter-btn {
	height:var(--input-height);
	padding:0 20px;
	font-family:var(--font-body);
	font-size:12px;
	font-weight:600;
	color:var(--color-bg);
	background-color:var(--color-accent);
	border:1px solid var(--color-accent);
	cursor:pointer;
transition:.3s;
	white-space:nowrap
}
.newsletter-btn:hover {
	background-color:var(--color-accent-hover);
	border-color:var(--color-accent-hover)
}
.footer-bottom {
	margin-top:64px;
	padding-top:30px;
	border-top:1px solid var(--color-border)
}
.footer-copyright, .footer-privacypolicyLInk {
	font-family:var(--font-body);
	font-size:12px;
	color:var(--color-text-muted);
	margin:0
}
.footer-privacypolicyLInk a {
	color:var(--color-text-muted);
	margin-left:35px
}
.languege-switcher a, .languege-switcher a:hover {
	margin:0 5px;
	font-size:14px;
	text-decoration:none
}
.booking-modal-close:hover, .content-modal-close:hover, .footer-privacypolicyLInk a:hover {
	color:var(--color-accent)
}
.footer-socials {
	display:flex;
	justify-content:flex-end;
	align-items:right;
	gap:16px
}
.social-link {
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--color-text-muted);
transition:.3s
}
.social-link:hover {
	filter:brightness(0) saturate(50%) invert(60%)
}
.reveal {
	opacity:0;
	transform:translateY(40px);
transition:opacity .8s, transform .8s
}
.reveal.revealed {
	opacity:1
}
@media (max-width:991.98px) {
.hero-content, .site-header {
padding:0 var(--header-padding-mobile)
}
.site-header {
height:64px
}
.hero-subtitle {
font-size:12px;
letter-spacing:2px
}
.hero-title {
font-size:clamp(80px, 14vw, 160px)
}
.hero-scroll-indicator {
right:var(--header-padding-mobile)
}
.location-title, .section-title {
font-size:32px
}
.atmosphere-section .section-title, .pillars-section .section-title {
margin-bottom:48px
}
.footer-links_1_1 {
padding-top:18px
}
.footer-links_1 li:first-child, .footer-links_1 li:nth-child(2), .footer-links_1 li:nth-child(3) {
max-width:inherit;
width:100%
}
.footer-links_1 li:nth-child(4) {
display:none
}
.footer-links_1 li {
margin-bottom:0
}
.footer-links_1 li.mobile_link {
display:block;
margin-left:-7px
}
.footer-links_1 li.mobile_link a {
color:var(--color-text-muted);
margin:0 5px
}
.footer-links_1 li.mobile_link a.active, .footer-links_1 li.mobile_link a:hover {
color:var(--color-text-body)
}
}
@media (max-width:767.98px) {
.container_about_cus, .hero-content, .site-header, .table_sec_mobile {
padding:0 24px
}
:root {
--section-padding-desktop:48px;
--header-padding-desktop:24px
}
.footer_linkleft_web, .footer_linkright_web, .hero-bg-image, .hero-scroll-indicator {
display:none
}
.footer_linkleft_mob, .hero-bg-image_mobile {
display:block
}
.hero-overlay {
background:linear-gradient(180deg, rgba(5, 5, 5, .7) 0, rgba(5, 5, 5, .7) 40%, rgba(5, 5, 5, .6) 70%, rgba(5, 5, 5, .95) 100%)
}
.site-header {
height:72px;
margin-top:35px;
background:var(--color-bg)
}
.header-logo {
font-size:18px;
letter-spacing:3px
}
.header-logo img {
max-width:107px
}
.hero-section {
min-height:600px
}
.hero-subtitle {
font-size:14px;
letter-spacing:4.2px;
line-height:20px;
margin-bottom:0;
max-width:310px;
font-weight:400
}
.hero-subtitle_discover {
font-size:16px;
float:inherit;
margin-top:38px;
width:100%;
text-align:right
}
.hero-title {
font-size:76px;
-webkit-text-stroke-width:1px
}
.hero-overlay_2 {
background:linear-gradient(180deg, rgba(5, 5, 5, .9) 10%, rgba(5, 5, 5, .7) 40%, rgba(5, 5, 5, .7) 70%, rgba(5, 5, 5, 0) 100%)
}
.intro-text {
font-size:18px;
line-height:1.7
}
.section-tag {
margin-bottom:12px;
font-weight:400;
font-size:12px;
line-height:20px;
letter-spacing:5.6px;
text-align:center;
vertical-align:middle
}
.location-bg-image img {
opacity:.6
}
.section-title {
font-size:20px;
letter-spacing:.5px
}
.location-title {
font-weight:400;
font-size:32px;
line-height:40px;
letter-spacing:4.2px;
margin-bottom:18px
}
.pillar-name {
font-weight:700;
font-size:24px;
line-height:32px;
letter-spacing:2.4px;
text-transform:uppercase;
margin-bottom:10px
}
.contact_left_mob {
margin-bottom:65px
}
.our_table_box_2 {
margin-top:0
}
.footer-logo, .pillar-desc {
font-size:18px
}
.pillars-section .section-title {
margin-bottom:15px
}
.atmosphere-bg-text {
font-size:80px;
-webkit-text-stroke:1px rgba(180, 148, 90, 0.06)
}
.atmosphere-section .section-title {
margin-bottom:40px;
font-size:32px;
letter-spacing:4.8px
}
.location-section {
min-height:500px;
padding:48px 13px 15px
}
.location-overlay {
background:linear-gradient(180deg, rgba(5, 5, 5, .85) 0, rgba(5, 5, 5, .75) 50%, rgba(5, 5, 5, .6) 100%)
}
.location-details {
gap:20px
}
.detail-value {
font-size:14px
}
.btn-book-now, .btn-discover {
height:var(--btn-height-mobile);
font-size:11px;
padding:0 25px
}
.site-footer {
padding-left:13px;
padding-right:13px
}
.footer-links_1 {
gap:16px
}
.footer-logo img {
max-width:110px
}
.footer-links_1 li {
padding-right:0;
width:100%
}
.footer_linkright_mob {
display:block;
padding-top:20px
}
.footer-privacypolicyLInk a {
margin-left:0;
margin-right:35px
}
.footer-socials {
justify-content:left;
margin-top:16px
}
.footer-copyright {
font-size:12px;
text-align:left;
margin-bottom:8px
}
.footer-bottom {
margin-top:40px
}
.newsletter-form {
flex-direction:column;
gap:8px
}
.newsletter-input {
border-right:1px solid var(--color-border)
}
.newsletter-btn {
width:100%
}
}
@media (max-width:575.98px) {
.hero-title {
font-size:76px;
letter-spacing:normal;
font-weight:600
}
.hero-title-wrapper {
margin-left:-4px
}
.section-title {
font-weight:400;
font-size:32px;
line-height:40px;
letter-spacing:4.2px
}
.pillar-image-wrapper {
margin-bottom:16px
}
.pillar-card {
margin-bottom:0;
padding:12px 0 20px
}
.pillars-section {
padding-bottom:30px
}
.gallery-item {
aspect-ratio:1/1
}
.pillar-desc {
margin-bottom:27px
}
.carosel_sec_cus {
padding:0 24px;
margin-top:0
}
.hero-title_Scroll {
font-weight:600;
font-size:86px;
line-height:55px;
letter-spacing:-8px;
text-align:center;
text-transform:uppercase;
color:var(--color-text-light)
}
.carousel-track {
padding-top:35px!important
}
}
@media (min-width:1400px) {
.hero-title {
font-size:298px
}
.intro-text {
font-size:20px;
line-height:30px
}
.location-title, .section-title {
font-size:44px;
font-weight:400
}
}
::selection {
background-color:var(--color-accent);
color:var(--color-bg)
}
::-moz-selection {
background-color:var(--color-accent);
color:var(--color-bg)
}
::-webkit-scrollbar {
width:6px
}
::-webkit-scrollbar-track {
background:var(--color-bg)
}
::-webkit-scrollbar-thumb {
background:var(--color-accent);
border-radius:3px
}
::-webkit-scrollbar-thumb:hover {
background:var(--color-accent-hover)
}
.booking-modal-overlay {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .85);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	z-index:2000;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
transition:opacity .4s, visibility .4s
}
.booking-modal-container {
	width:90%;
	max-width:340px;
	background-color:#050505;
	border-radius:10px;
	position:relative;
	overflow:hidden;
	padding:30px 32px;
	box-shadow:var(--shadow-2);
	transform:translateY(30px);
transition:transform .4s
}
.booking-modal-close {
	position:absolute;
	top:24px;
	right:24px;
	background:0 0;
	border:none;
	color:var(--color-text-muted);
	cursor:pointer;
transition:color .3s;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center
}
.booking-modal-content {
	text-align:center
}
.booking-title {
	font-family:var(--font-heading);
	font-size:24px;
	font-weight:700;
	letter-spacing:4px;
	color:var(--color-text-light);
	margin-bottom:8px
}
.booking-subtitle, .input-icon {
	color:var(--color-text-muted)
}
.booking-subtitle {
	font-size:12px;
	font-weight:600;
	margin-bottom:40px
}
.btn-reservation, .content-modal-title {
	font-weight:700
}
.booking-form {
	display:flex;
	flex-direction:column
}
.input-group-custom {
	position:relative;
	width:100%
}
.input-icon {
	position:absolute;
	left:16px;
	top:50%;
	transform:translateY(-50%);
	pointer-events:none;
	display:flex;
	align-items:center;
	justify-content:center
}
.form-control-custom, .form-select-custom {
	width:100%;
	height:52px;
	background-color:#0a0a0a;
	border:1px solid #333;
	border-radius:4px;
	padding:0 16px 0 46px;
	color:var(--color-text-light);
	font-family:var(--font-body);
	font-size:14px;
transition:border-color .3s;
	outline:0;
	appearance:none;
	-webkit-appearance:none
}
.form-control-custom[type=date]::-webkit-calendar-picker-indicator {
filter:invert(100%) brightness(150%)
}
.form-control-custom.no-icon {
	padding-left:16px
}
.form-control-custom::placeholder {
color:var(--color-text-muted)
}
.form-select-custom {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E877D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 16px center;
	background-size:14px
}
.btn-reservation {
	height:52px;
	background-color:var(--color-accent);
	border:1px solid var(--color-accent);
	color:var(--color-bg);
	font-size:12px;
	cursor:pointer;
transition:.3s;
	border-radius:4px;
	margin-top:16px
}
.btn-reservation:hover {
	background-color:transparent;
	color:var(--color-accent)
}
.content-modal-overlay {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .8);
	backdrop-filter:blur(4px);
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	visibility:hidden;
transition:opacity .3s, visibility .3s;
	z-index:1000
}
.content-modal-container {
	background-color:var(--color-card-bg);
	border:1px solid var(--color-border);
	border-radius:8px;
	max-width:600px;
	width:90%;
	max-height:80vh;
	overflow-y:auto;
animation:.3s slideUp;
	position:relative
}
@keyframes slideUp {
from {
opacity:0;
transform:translateY(20px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}
.content-modal-close {
	position:absolute;
	top:20px;
	right:20px;
	background:0 0;
	border:none;
	color:var(--color-text-body);
	cursor:pointer;
	padding:8px;
	display:flex;
	align-items:center;
	justify-content:center;
transition:color .2s;
	z-index:10
}
.content-modal-content {
	padding:40px
}
.content-modal-title {
	font-family:var(--font-heading);
	font-size:28px;
	color:var(--color-text-light);
	letter-spacing:2px;
	margin-bottom:20px;
	margin-top:0
}
.content-modal-body {
	font-family:var(--font-body);
	font-size:16px;
	line-height:1.6;
	color:var(--color-text-body)
}
.content-modal-body p {
	margin-bottom:16px
}
.content-modal-body a {
	color:var(--color-accent);
	text-decoration:none;
transition:color .2s
}
.carousel-container {
	padding-bottom:60px;
	position:relative
}
.carousel-track-wrapper {
	overflow:hidden;
	padding:20px 0 40px
}
.carousel-track {
	display:flex;
	gap:24px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	padding-bottom:20px;
	scrollbar-width:none;
	-ms-overflow-style:none;
	padding-top:83px
}
.carousel-track::-webkit-scrollbar {
display:none
}
.carousel-item-card {
	flex:0 0 calc(25% - 18px);
	min-width:250px;
	scroll-snap-align:start;
transition:.5s cubic-bezier(.4, 0, .2, 1);
	perspective:1000px
}
.card-inner {
	width:100%;
	aspect-ratio:4/5;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0, 0, 0, .5);
transition:transform .6s cubic-bezier(.34, 1.56, .64, 1);
	background-color:#0a0a0a
}
.card-image {
	width:100%;
	height:100%;
	object-fit:cover;
transition:transform .8s
}
.carousel-item-card:hover {
	z-index:10
}
.carousel-item-card:hover .card-inner {
	transform:rotate(7deg) scale(1.15) translateY(-30px);
	box-shadow:0 50px 100px rgba(0, 0, 0, .9), 0 0 40px rgba(180, 148, 90, .2)
}
.carousel-item-card:hover .card-image {
	transform:scale(1.2)
}
.carousel-item-card:nth-child(2n):hover .card-inner {
transform:rotate(-7deg) scale(1.15) translateY(-30px)
}
.carousel-indicators-custom {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:12px;
	margin-top:20px
}
.indicator {
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:var(--color-border);
	cursor:pointer;
transition:.3s
}
.indicator.active {
	width:32px;
	height:10px;
	border-radius:5px;
	background-color:var(--color-accent)
}
@media (max-width:991.98px) {
.carousel-item-card {
flex:0 0 calc(50% - 12px)
}
}
@media (max-width:575.98px) {
.booking-modal-container {
padding:40px 24px
}
.booking-title {
font-size:20px;
letter-spacing:3px
}
.content-modal-container {
width:95%;
max-height:90vh
}
.content-modal-content {
padding:30px 20px
}
.content-modal-title {
font-size:22px;
letter-spacing:1.5px
}
.content-modal-body {
font-size:14px
}
.carousel-item-card {
flex:0 0 100%
}
}