/* =============================================================
   THEME: Primary #12676a | Secondary #d19e21
   ============================================================= */
:root {
  --c-primary:      #12676a;
  --c-primary-dk:   #0d4c4e;
  --c-primary-lt:   #1a8a8e;
  --c-secondary:    #d19e21;
  --c-secondary-dk: #a97d18;
  --c-light:        #f4f9f9;
  --c-white:        #ffffff;
  --c-text:         #444;
  /* Override theme vars */
  --thm-base:       #d19e21;
  --thm-primary:    #12676a;
  --primary: #12676a;
	--primary-light: #1a8a8e;
	--primary-dark: #0d4d50;
	--primary-pale: #e8f4f4;
	--secondary: #d19e21;
	--secondary-light: #e8b52b;
	--secondary-dark: #a87c18;
	--secondary-pale: #fdf6e3;
	--white: #ffffff;
	--off-white: #f9f7f4;
	--text-dark: #1a1a2e;
	--text-mid: #4a5568;
	--text-light: #8a9ab0;
	--border: #e2e8ec;
	--shadow-sm: 0 2px 12px rgba(18,103,106,0.08);
	--shadow-md: 0 8px 32px rgba(18,103,106,0.14);
	--shadow-lg: 0 20px 60px rgba(18,103,106,0.18);
}

body { color: var(--c-text); }
h1,h2,h3,h4,h5,h6 { color: var(--c-primary); }

/* =============================================================
   HEADER
   ============================================================= */
header.boxed_wrapper,
.header-top       { background: var(--c-primary); }
.header           { background: var(--c-white); }
.header-top       { border-bottom: 1px solid rgba(255,255,255,.15); padding:10px 0; }
.header-logo{
	display:flex;
}
.header-logo img {
  max-width: 150px;
  border-radius: 0;
  margin-top: 1px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.0));
}
.header-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.cart-btn {
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--primary-pale);
	color: var(--primary);
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s;
}

.cart-btn:hover { background: var(--primary); color: white; }

.cart-badge {
	position: absolute;
	top: -3px; right: -3px;
	width: 18px; height: 18px;
	background: var(--secondary);
	color: white;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-book {
	padding: 11px 24px;
	background: var(--c-primary);
	color: white;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 6px;
	transition: all 0.3s;
	border: 2px solid var(--c-primary);
}

.btn-book:hover {
  background: var(--c-secondary);
  color: var(--c-white);
  padding: 11px 24px;
  border: 2px solid var(--c-secondary);
}

.nav-outer.style1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-logo-box img.logo-1 {
  max-width: 130px;
  border-radius: 0;
  margin-top: 4px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.4));
}
.main-menu .navigation > li > a { color:#fff; font-weight:600; font-size:15px; }
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a { color: var(--c-secondary); }

.btn-one {
  background: var(--c-secondary);
  border: 2px solid var(--c-secondary);
  color: #fff !important;
  border-radius: 30px;
  padding: 14px 33px;
  font-weight: 700;
  letter-spacing: .5px;
  display: inline-block;
  transition: .3s;
  line-height: 15px;
}
.btn-one:hover {
  background: transparent;
  color: var(--c-secondary) !important;
  border: 2px solid var(--c-secondary)aliceblue;
  padding: 14px 33px;
  line-height: 15px;
  font-size: 15px;
  font-size: 700;
}
.btn-one::before {
  background: var(--c-primary);
}
.slogan-btn-box a {
  background: var(--thm-primary);
  padding: 14px 33px;
  line-height: 15px;
  font-size: 15px;
}
.slogan-btn-box a:hover {
  background: var(--c-secondary) !important;
  border-color:var(--c-secondary) !important;
  color:var(--c-primary);
}
.slogan-btn-box a::before {
  background-color: #000000;
}
.btn-one .txt  { color:inherit; }

.btn-shop          { color:var(--c-secondary); font-size:20px; }
.btn-shop span     { background:var(--c-secondary); color:#fff; border-radius:50%; font-size:11px; padding:1px 5px; }

.sticky-header     { background:var(--c-primary-dk) !important; }
.sticky-header .main-menu .navigation > li > a { color:#fff; }
.nav-outer .mobile-nav-toggler .inner { background:var(--c-secondary); }
.mobile-menu .navigation li > a::before { border-left:5px solid var(--c-secondary); }
.mobile-menu .navigation li > a:hover  { color:var(--c-secondary); }
.menu-box          { background:var(--c-primary-dk); }
.header-social-link ul li a { color:var(--c-secondary) !important; }
.header-social-link ul li a::before { background:var(--c-secondary) !important; }
.header-top-bar {
	background: var(--c-primary-dk);
	padding: 8px 0;
}

.header-top-bar .container-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-contact-items {
	display: flex;
	gap: 24px;
	list-style: none;
}

.top-contact-items li {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	color: rgba(255,255,255,0.75);
	font-weight: 300;
	letter-spacing: 0.3px;
}

.top-contact-items li i {
	color: var(--c-secondary);
	font-size: 12px;
}

.top-social {
	display: flex;
	gap: 12px;
	list-style: none;
}

.top-social li a {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.7);
	font-size: 12px;
	transition: all 0.3s;
}

.top-social li a:hover {
	background: var(--c-secondary);
	border-color: var(--c-secondary);
	color: white;
}
.sticky-header .logo a {
  position: relative;
  display: inline-block;
  background: var(--c-white);
  margin-top: 5px;
}
.mobile-menu .social-links li a:hover {
  color: var(--thm-primary);
  background: var(--secondary);
  border-color: var(--secondary);
}
.mCustomScrollBox.mCS-light.mCSB_vertical.mCSB_inside {
  background: #102b1e;
}
.main-menu .navigation > li {
  margin-right: 30px;
}
#main-nav {
	display: flex;
	align-items: center;
	gap: 4px;
}

#main-nav a {
	padding: 8px 16px;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--text-dark);
	letter-spacing: 0.3px;
	border-radius: 6px;
	position: relative;
	font-family: var(--font-body);
	text-shadow:none;
}

#main-nav a::after {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 16px;
	right: 16px;
	height: 2px;
	background: var(--secondary);
	transform: scaleX(0);
	transition: transform 0.3s ease;
	border-radius: 2px;
}

#main-nav a:hover, #main-nav a.active {
	color: var(--primary);
}

#main-nav a:hover::after, #main-nav a.active::after {
	transform: scaleX(1);
}
.single-comment-box .add:hover {
  background: var(--c-primary-dk);
}
/* =============================================================
   HERO BANNER  (#banner)
   Full-screen Swiper with text overlay + thumb strip + badges
   ============================================================= */
#banner {
  position: relative;
  overflow: hidden;
  min-height: 90vh;
  background: var(--c-primary-dk);
  padding: 0;
  display: flex;
  align-items: stretch;
  z-index: 1;
}
.scroll-top {
  color: var(--c-white);
}
.hero-swiper {
  position: absolute;
  inset: 0; width:100%; height:100%;
}
.hero-swiper .swiper-wrapper { height:100%; }
.hero-swiper .swiper-slide   { position:relative; overflow:hidden; }
.hero-swiper .swiper-slide img {
  width:100%; height:100%;
  object-fit: cover;
  transform: scale(1.06);
  transition: transform 6s ease;
}
.hero-swiper .swiper-slide.swiper-slide-active img { transform: scale(1); }
.hero-swiper .swiper-slide::after {
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(110deg, rgba(7,25,27,.88) 3%, rgba(7,25,27,.30) 100%);
}

.hero-swiper .swiper-pagination-bullet            { background:rgba(255,255,255,.5); opacity:1; }
.hero-swiper .swiper-pagination-bullet-active     { background:var(--c-secondary); transform:scale(1.3); }

/* Text */
.hero-content {
  position: relative; z-index:20;
  display: flex; align-items: center;
  width:100%;
  padding: 140px 0 80px;
}
.hero-content .auto-container { width:100%; max-width:1200px; margin:0 auto; padding:0 30px; }

.hero-pretitle {
  display:inline-block;
  color: var(--c-secondary);
  font-family: "Cookie", cursive;
  font-size: 28px; line-height:1;
  margin-bottom:12px;
  opacity:0; transform:translateY(20px);
  animation: hfu .8s .2s forwards;
}
.hero-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight:700; color:#fff;
  line-height: 1.18; margin-bottom:20px;
  opacity:0; transform:translateY(30px);
  animation: hfu .9s .45s forwards;
}
.hero-title span { color:var(--c-secondary); font-style:italic; }
.hero-desc {
  font-size:16px; color:rgba(255,255,255,.80);
  line-height:1.75; max-width:520px;
  margin-bottom:36px;
  opacity:0; transform:translateY(30px);
  animation: hfu .9s .7s forwards;
}
.hero-btns {
  display:flex; gap:16px; flex-wrap:wrap;
  opacity:0; transform:translateY(30px);
  animation: hfu .9s .9s forwards;
}
.hero-btns .btn-one {
  padding: 14px 33px;
  font-size: 15px;
  line-height: 15px;
}
.hero-btns .btn-outline {
  padding:14px 36px; font-size:15px;
  border:2px solid rgba(255,255,255,.65);
  color:#fff; border-radius:30px;
  font-weight:700; display:inline-block;
  transition:.3s;
}
.hero-btns .btn-outline:hover { border-color:var(--c-secondary); color:var(--c-secondary); }

/* Thumbnail strip */
.hero-thumbs {
  position:absolute; bottom:32px; left:50%;
  transform:translateX(-50%); z-index:25;
  display:flex; gap:10px;
}
.hero-thumb {
  width:70px; height:48px;
  border-radius:6px; overflow:hidden;
  cursor:pointer;
  border:2px solid transparent;
  transition:.3s; opacity:.6;
}
.hero-thumb.active, .hero-thumb:hover { border-color:var(--c-secondary); opacity:1; }
.hero-thumb img { width:100%; height:100%; object-fit:cover; }

/* Side stat badges */
.hero-badges {
  position:absolute; right:60px; top:50%;
  transform:translateY(-50%); z-index:25;
  display:flex; flex-direction:column; gap:14px;
}
.hero-badge {
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px; padding:14px 18px;
  text-align:center; color:#fff; min-width:120px;
}
.hero-badge .hb-num { font-size:26px; font-weight:800; color:var(--c-secondary); font-family:"Playfair Display",serif; }
.hero-badge .hb-lbl { font-size:11px; letter-spacing:1px; text-transform:uppercase; opacity:.8; }
.hero-badges-vu{
	display:none;
}

@keyframes hfu { to { opacity:1; transform:translateY(0); } }

@media(max-width:991px) { .hero-badges { display:none; }  .hero-badges-vu { display:block; }  }
@media(max-width:576px) { .hero-thumbs { display:none; } .hero-content { padding:110px 0 60px; } }

/* =============================================================
   STYLES SECTION (#style) — Redesigned product cards
   ============================================================= */
#style { background:var(--c-light); padding:80px 0; }

#style .section-title h3 {
  font-family:"Playfair Display",serif;
  font-size:2.2rem;
  color:var(--c-primary);
  position:relative; display:inline-block;
}
#style .section-title h3::after {
  content:''; position:absolute;
  bottom:-8px; left:50%; transform:translateX(-50%);
  width:60px; height:3px;
  background:var(--c-secondary); border-radius:2px;
}
#style > .container > .row:first-child { margin-bottom:50px; }
.section-title h3::after {
  right: -119px;
  top: 42px;
  background: var(--thm-primary) !important;
  width: 100px !important;
}
.section-title.text-center h3::before {
  display: none;
}
/* Filter tabs */
.style-filter {
  display:flex; justify-content:center;
  flex-wrap:wrap; gap:10px; margin-bottom:40px;
}
.style-filter-btn {
  padding:8px 22px; border-radius:30px;
  border:2px solid var(--c-primary);
  color:var(--c-primary);
  font-size:13px; font-weight:700;
  cursor:pointer; background:transparent;
  transition:.3s; letter-spacing:.4px;
}
.style-filter-btn:hover,
.style-filter-btn.active { background:var(--c-primary); color:#fff; }

/* Card */
.style-card {
  background:#fff;
  border-radius:16px; overflow:hidden;
  box-shadow:0 4px 22px rgba(18,103,106,.08);
  transition:transform .35s, box-shadow .35s;
  position:relative; margin-bottom:28px;
}
.style-card:hover {
  transform:translateY(-6px);
  box-shadow:0 14px 40px rgba(18,103,106,.18);
}
.style-card:hover .card-body h3{
	color:var(--c-secondary)
}
.style-card:hover .card-body p{
	color:#ffffff
}
.style-card .card-img {
  position:relative; overflow:hidden; height:220px;
}
.style-card .card-img img {
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease;
}
.style-card:hover .card-img img { transform:scale(1.08); }

.style-card .card-badge {
  position:absolute; top:14px; right:14px;
  background:var(--c-secondary); color:#fff;
  font-size:10px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; padding:4px 10px;
  border-radius:20px;
}

.style-card .card-overlay {
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(18,103,106,.82) 0%, transparent 60%);
  opacity:0; transition:opacity .35s;
  display:flex; align-items:flex-end; padding:18px;
}
.style-card:hover .card-overlay { opacity:1; }
.style-card .card-overlay a {
  color:#fff; border:2px solid #fff;
  padding:8px 22px; border-radius:30px;
  font-size:13px; font-weight:700;
  transition:.25s; width:100%; text-align:center; display:block;
}
.style-card .card-overlay a:hover {
  background:var(--c-secondary); border-color:var(--c-secondary);
}

.style-card .card-body {
  padding:16px 18px 20px;
  display:flex; justify-content:space-between; align-items:center;
}
.style-card .card-body h3 {
  font-size: 24px;
  font-weight: 500;
  color: var(--c-primary);
  margin: 0 0 3px;
  font-family: "Cookie", cursive;
}
.style-card .card-body p { font-size:12px; color:#999; margin:0; }
.style-card .card-action a {
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px;
  background:var(--c-light); border-radius:50%;
  color:var(--c-primary); font-size:14px; transition:.25s;
}
.style-card .card-action a:hover { background:var(--c-secondary); color:#fff; }

/* Show more / hidden */
.style-item.js-hidden { display:none; }
.show-more-wrap { text-align:center; margin-top:6px; }
.btn-show-more {
  padding:12px 40px; border:2px solid var(--c-primary);
  color:var(--c-primary); font-weight:700; border-radius:30px;
  font-size:14px; transition:.3s; cursor:pointer; background:transparent;
}
.btn-show-more:hover { background:var(--c-primary); color:#fff; }

/* =============================================================
   SERVICE / BOOKING STRIP  (#service)
   ============================================================= */
#service.slogan-area.slogan-booking {
  background: linear-gradient(135deg, var(--c-primary-dk) 0%, var(--c-primary) 60%, var(--c-primary-lt) 100%);
}
#service .slogan-text-box h2 { color:#fff; }
#service .overlay-photo       { background:rgba(0,0,0,.22); }

/* =============================================================
   PARTNER STRIP
   ============================================================= */
.partner-bloc { background:var(--c-primary); padding:20px 0; }
.customer-logos .slide img { /* filter:brightness(0) invert(1); opacity:.6; max-height:50px; */ }

/* =============================================================
   ABOUT SECTION  (#about)  — Trimly-inspired
   ============================================================= */
#about { padding:90px 0 30px; background:var(--c-white); overflow:hidden; }

.about-section-wrap { display:flex; align-items:center; }

/* --- image side --- */
.about-img-side {
  position:relative; flex:0 0 50%;
}
.about-img-main {
  position:relative;
  border-radius:0 120px 120px 0;
  overflow:hidden; height:540px;
}
.about-img-main img { width:100%; height:100%; object-fit:cover; }
.about-img-main::before {
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(135deg, rgba(18,103,106,.28) 0%, transparent 65%);
}

.about-img-accent {
  position:absolute; bottom:40px; right:-30px;
  width:160px; height:160px; border-radius:50%;
  overflow:hidden; border:6px solid #fff;
  box-shadow:0 12px 40px rgba(18,103,106,.25); z-index:5;
}
.about-img-accent img { width:100%; height:100%; object-fit:cover; }

.about-exp-badge {
  position:absolute; top:40px; left:-20px;
  background:var(--c-secondary); color:#fff;
  border-radius:16px; padding:18px 22px;
  text-align:center; z-index:5;
  box-shadow:0 8px 24px rgba(209,158,33,.35);
}
.about-exp-badge .aeb-num {
  font-size:36px; font-weight:800; line-height:1;
  display:block; font-family:"Playfair Display",serif;
}
.about-exp-badge .aeb-txt {
  font-size:11px; text-transform:uppercase; letter-spacing:1px; opacity:.9;
}

/* --- text side --- */
.about-text-side {
  flex:0 0 50%;
  padding:40px 60px 40px 70px;
}
.about-sec-label {
  display:inline-flex; align-items:center; gap:10px;
  color:var(--c-secondary);
  font-size:13px; font-weight:700; letter-spacing:2px;
  text-transform:uppercase; margin-bottom:16px;
}
.about-sec-label::before {
  content:''; display:block; width:30px; height:2px;
  background:var(--c-secondary);
}
.about-heading {
  font-family:"Playfair Display",serif;
  font-size:clamp(1.75rem, 3vw, 2.4rem);
  color:var(--c-primary); line-height:1.25; margin-bottom:20px;
}
.about-heading span { color:var(--c-secondary); font-style:italic; }
.about-desc { color:#666; line-height:1.8; margin-bottom:22px; font-size:15px; }

.about-features {
  list-style:none; padding:0; margin:0 0 28px;
  display:grid; grid-template-columns:1fr 1fr; gap:10px 20px;
}
.about-features li {
  display:flex; align-items:center; gap:9px;
  font-size:14px; font-weight:600; color:var(--c-primary-dk);
}
.about-features li::before {
  content:'\f00c'; font-family:"FontAwesome";
  color:var(--c-secondary); font-size:12px;
}
.about-stats {
  display: flex;
  gap: 50px;
  margin-bottom: 34px;
  padding: 22px 26px;
  background: var(--thm-primary);
  border-radius: 16px;
  justify-content: center;
  line-height: 28px;
}
.about-stat-item { text-align:center; }
.about-stat-item .as-num {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--c-light);
  font-family: "Playfair Display",serif;
  display: block;
}
.about-stat-item .as-lbl { font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--secondary); }

@media(max-width:991px) {
  .about-section-wrap { flex-direction:column; }
  .about-img-side  { flex:0 0 100%; width:100%; }
  .about-img-main  { border-radius:0 0 60px 60px; height:360px; }
  .about-text-side { flex:0 0 100%; padding:40px 20px; }
  .about-exp-badge { left:20px; }
  .about-img-accent{ right:20px; }
}
@media(max-width:576px) {
  .about-stats    { flex-wrap:wrap; gap:14px; }
  .about-features { grid-template-columns:1fr; }
}

/* =============================================================
   EXISTING ABOUT-US (service-style1-area)
   ============================================================= */
#about-us { background:var(--c-light); }
#about-us .sec-title h2 { font-family:"Playfair Display",serif; }
#about-us .about-style2__image img { border-radius:12px; box-shadow:0 12px 40px rgba(18,103,106,.15); }

/* =============================================================
   FOOTER
   ============================================================= */
.footer-area, .bottom-parallax     { background:var(--c-primary-dk); }
.footer                             { border-bottom:1px solid rgba(255,255,255,.12); }
.footer h3                          { color:var(--c-secondary); }
.footer-widget-contact-info ul li .text p,
.footer-widget-contact-info ul li .text p a { color:rgba(255,255,255,.75); }
.footer-bottom                      { background:#0a3638; }
.footer-bottom .copyright p,
.footer-bottom .copyright p a       { color:rgba(255,255,255,.55); }
.footer-social-link ul li a {
  background:transparent;
  border:2px solid rgba(255,255,255,.3);
  color:#fff; width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  transition:.3s;
}
.footer-social-link ul li a:hover { border-color:var(--c-secondary); color:var(--c-secondary); }

.scroll-top       { background:var(--c-secondary); }
.scroll-top:hover { background:var(--c-primary); }
.btn-chat {
  background: var(--c-primary);
  border: 2px solid var(--c-primary);
  color: var(--c-white);
}
/* ========== FLOATING CHAT ========== */
	.chat-float {
		position: fixed;
		bottom: 90px;
		right: 17px;
		z-index: 999;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 8px;
	}

	.chat-btn {
		width: 54px;
		height: 54px;
		border-radius: 50%;
		background: linear-gradient(135deg, var(--primary), var(--primary-light));
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 20px rgba(18,103,106,0.4);
		cursor: pointer;
		transition: all 0.3s;
		position: relative;
	}

	.chat-btn:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(18,103,106,0.5); }

	.chat-btn i { color: white; font-size: 20px; }

	.chat-notif {
		position: absolute;
		top: -3px; right: -3px;
		width: 18px; height: 18px;
		background: var(--secondary);
		border-radius: 50%;
		border: 2px solid white;
		font-size: 9px;
		font-weight: 700;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
	}
/* ========== FOOTER ========== */
	.f-r{
		display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
	  gap: 12px;
	}
	.site-footer {
		background-image: url(../images/bg-footer.png);
		background-color: #0D4D50;
		background-position: top left;
		position: relative;
		overflow: hidden;
	}

	.footer-wave {
		position: absolute;
		top: 0; left: 0; right: 0;
		height: 4px;
		background: linear-gradient(90deg, var(--secondary) 0%, var(--secondary-light) 50%, var(--secondary) 100%);
	}

	.footer-main {
		padding: 64px 0 48px;
	}

	.footer-grid {
		display: grid;
		grid-template-columns: 1.5fr 1fr 1fr;
		gap: 48px;
	}

	.footer-brand .brand-logo {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 20px;
		opacity: 0.5;
	}

	.footer-brand .brand-logo .logo-icon {
		background: rgba(255,255,255,0.1);
		border: 1px solid rgba(255,255,255,0.15);
	}

	.footer-brand .brand-logo .logo-name {
		color: white;
	}

	.footer-brand p {
		font-size: 14px;
		line-height: 1.7;
		color: rgba(255,255,255,0.55);
		font-weight: 300;
		max-width: 280px;
		margin-bottom: 24px;
	}

	.footer-social {
		display: flex;
		gap: 10px;
		list-style: none;
	}

	.footer-social li a {
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background: rgba(255,255,255,0.08);
		border: 1px solid rgba(255,255,255,0.12);
		color: rgba(255,255,255,0.6);
		font-size: 14px;
		transition: all 0.3s;
	}

	.footer-social li a:hover {
		background: var(--secondary);
		border-color: var(--secondary);
		color: white;
		transform: translateY(-2px);
	}

	.footer-col h4 {
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: var(--secondary);
		margin-bottom: 20px;
	}

	.footer-links {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.footer-links li a {
		font-size: 14px;
		color: rgba(255,255,255,0.55);
		font-weight: 300;
		transition: all 0.3s;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.footer-links li a:hover {
		color: var(--secondary-light);
		gap: 10px;
	}

	.footer-links li a i { font-size: 10px; }

	.footer-contact-list {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.footer-contact-list li {
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.footer-contact-list li i {
		color: var(--secondary);
		font-size: 14px;
		margin-top: 2px;
		flex-shrink: 0;
	}

	.footer-contact-list li span {
		font-size: 14px;
		color: rgba(255,255,255,0.55);
		font-weight: 300;
		line-height: 1.5;
	}

	.footer-bottom {
		border-top: 1px solid rgba(255,255,255,0.08);
		padding: 20px 0;
	}

	.footer-bottom .container-main {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 12px;
	}

	.footer-bottom p {
		font-size: 13px;
		color: rgba(255,255,255,0.35);
	}
	.footer-bottom .f-r p {
		margin:0;
		line-height: 15px;
	}
	.brand-logo img {
	  max-width: 175px;
	  width: 100%;
	  
	}
	.footer-bottom a { color: var(--secondary); }
	.footer-main h4 {
	  font-size: 16px;
	  font-weight: 600;
	  letter-spacing: 2px;
	  color: var(--secondary);
	  margin-bottom: 20px;
	  font-family: "Playfair Display",serif;
	  letter-spacing: 0;
	  margin: 20px 0 10px;
	}
/* =============================================================
   Misc utility
   ============================================================= */
.sec-title h2 { font-family:"Playfair Display",serif; }

.sec-title.text-center::after,
.section-title.text-center::after {
  content:''; display:block;
  width:55px; height:3px;
  background:var(--c-secondary);
  margin:10px auto 0; border-radius:2px;
}

@media only screen and (max-width: 1199px) {
  .nav-outer.style1 {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  width: 100%;
	}
	.header-left {
	  width: 72%;
	}
	.nav-outer.style1 .mobile-nav-toggler {
	  margin-left: auto;
	}
}
@media (max-width: 768px) {
  .header-top-bar {
    display: none;
  }
    .header {
		width: 100%;
	  }
	  .header-left {
		width: 100%;
	  }
	     .header-right {
			display: flex;
			position: absolute;
			right: 63px;
			top: 17px;
  }

	   .header-right .btn-book{
		display: none;
	  }
	  
	  
	  
	  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
		.specs-grid { grid-template-columns: 1fr; }
		.footer-bottom .container-main { flex-direction: column; text-align: center; }
.f-r{
    flex-direction: column;
    text-align: center;
  }
}