* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--primary-color: #2563eb;
	--secondary-color: #10b981;
	--dark-color: #1f2937;
	--light-bg: #f8fafc;
	--border-color: #e5e7eb;
}
        
body {color:var(--dark-color); font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; line-height:1.6; }


p{margin:0 0 1.5rem;}

img, object, embed, video, iframe {max-width:100%;}
img {height:auto;}

	a {color:var(--primary-color); outline:none; text-decoration:none; transition: all .3s ease-in-out;}
	a:hover {color:var(--secondary-color);}

	blockquote{quotes:none;}
	blockquote:before,
	blockquote:after {content:"";	content:none;}
	blockquote {font-style:italic; margin:20px 0 30px; padding-left:20px; border-left:5px solid var(--fw-orange);}
	 
		table {width:100%; border:none; max-width:100%; overflow:auto;}
label {display:block; margin-bottom:0.5rem; font-weight:600; color:var(--dark-color);}
        
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
select,
textarea{width:100%; padding:0.75rem; border:1px solid var(--border-color); border-radius:6px; font-size:1rem; font-family:inherit; transition:border-color 0.3s;}
input:focus,
select:focus,
textarea:focus{outline:none; border-color: var(--primary-color);}
	textarea{resize:vertical; min-height:100px;}
	
button{padding:0; border:none; cursor:pointer; background-color:transparent;}

input[type=submit],
.submit-btn{background:var(--primary-color); border:none; border-radius:6px; color:white; cursor:pointer; font-size:1.1rem; font-weight:600; padding:1rem; transition:background 0.3s; display:inline-block;}
input[type=submit]:hover,
.submit-btn:hover{background:#1d4ed8; }
.w100 {width:100%;}

.cta-buttons{display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
.btn{border:none; border-radius:8px; cursor:pointer; display:inline-block; font-weight:600; line-height:normal; padding:1rem 2rem; text-decoration:none; transition:transform 0.3s, box-shadow 0.3s; text-align:center;}
.btn-primary{background:white; color:var(--primary-color); }
.btn-secondary{background:transparent; border:2px solid white; color:white; }
.btn:hover{box-shadow:0 10px 20px rgba(0,0,0,0.2); transform:translateY(-2px); }
	 
/* Contact Form */
.contact-section {padding:4rem 2rem; }
.contact-form {background:white; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.1); margin:0 auto; max-width:600px; padding:2rem; }
.cf7_mod {width:600px; max-width:100%;}
        
h1,h2,h3,h4,h5,h6 {font-weight:700; margin:0 0 1rem; line-height:1.2;}
h1 {font-size:2.5rem;}
h2 {font-size:2rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.375rem;}
h5 {font-size:1.25rem;}
h6 {font-size:1rem;}
.section-title{color:var(--dark-color); font-size:2rem; margin-bottom:3rem; text-align:center; }

/* Header */
.header {background:white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* position:fixed; */ position: sticky; top:0; left:0; right:0; z-index:100;}
body.logged-in.admin-bar .header {top:32px;}
.header_in {max-width:1200px; margin:0 auto; padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center;}

.logo{color:var(--primary-color); font-size:1.5rem; font-weight:bold; }

.main {padding:4rem 2rem; background:#fff; min-height:550px;}
.container {max-width:1200px; margin:0 auto;}


	.main_menu {display:flex; gap:2rem; list-style:none;}        
	.main_menu a {text-decoration:none; color:var(--dark-color); transition:color 0.3s; position:relative;}
	.main_menu a:hover {color:var(--primary-color);}
	.main_menu > li > a {font-weight:500;}
	/* .main_menu > li > a::after {content:''; position:absolute; bottom:-5px; left:0; width:0; height:2px; background:var(--primary-color); transition:all 0.3s ease;}
	.main_menu > li > a:hover::after {width:100%;} */
	.menu-item-has-children {position:relative;}
	.sub-menu {position:absolute; top:100%; left:0; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:8px; padding:1rem 0; min-width:250px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; list-style:none;}
	.main_menu li:hover > ul.sub-menu{opacity:1; visibility:visible; transform: translateY(0);}
	.main_menu .sub-menu li {padding:0.5rem 1.5rem;}
	.main_menu .sub-menu .sub-menu {margin-left:100%; top:0; margin-top:-2px; padding-left:1px;}
	.main_menu .sub-menu .sub-menu::before{width:0;}

	.menu-toggle{display:none; position:relative; padding:11px 11px; cursor:pointer; z-index:999; margin-left:40px;}
	.menu-toggle-inner,
	.menu-toggle-inner:after,
	.menu-toggle-inner:before{
		width:22px;
		height:2px;
		background-color:var(--dark-color);
		border-radius:0px;
		position:absolute; left:0;
		transition-property:-webkit-transform;
		transition-property:transform;
		transition-property:transform, -webkit-transform;
		transition-duration:0.15s;
		transition-timing-function:ease;
	}
	.menu-toggle-inner{top:50%; margin-top:-1px;}
	.menu-toggle-inner:after,
	.menu-toggle-inner:before{content:""; display:block;}
	.menu-toggle-inner:before{top:-7px;}
	.menu-toggle-inner:after{bottom:-7px;}

	.menu-toggle.toggled .menu-toggle-inner{
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		transition-delay:0.14s;
		transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.menu-toggle.toggled .menu-toggle-inner:before{
		top:0;
		opacity:0;
		transition:top 0.1s ease, opacity 0.1s 0.14s ease;
	}
	.menu-toggle.toggled .menu-toggle-inner:after{
		bottom:0;
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform:rotate(-90deg);
		transition:bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition:bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

.language-switcher{display:flex; gap:0.5rem; }
.language-switcher a{background:white; border:1px solid var(--border-color); border-radius:4px; cursor:pointer; font-size:0.8rem; line-height:normal; padding:0.5rem 1rem; text-transform:uppercase; transition:all 0.3s; }
.language-switcher a:hover{border-color:var(--primary-color); color:var(--primary-color); }
.language-switcher a.active{background:var(--primary-color); color:white; }

.hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white; padding:4rem 2rem; text-align:center; }
/* .hero h1{font-size:2.5rem; margin-bottom:1rem; } */
.hero p{font-size:1.2rem; margin-bottom:2rem; opacity:0.95; }
        
/* Features */
.features{background:var(--light-bg); padding:4rem 2rem; }
.features-grid{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); margin-top:3rem; }
.feature-card{background:white; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.08); padding:2rem; text-align:center; transition:transform 0.3s; }
.feature-card:hover{transform:translateY(-5px); }
.feature-icon{font-size:3rem; margin-bottom:1rem; }
.feature-card h3{color:var(--dark-color); margin-bottom:0.5rem; }
        
 /* Properties Section */
.properties{padding:4rem 2rem; }
.property-grid{display:grid; gap:3rem; grid-template-columns:repeat(auto-fit, minmax(350px, 1fr)); margin-top:3rem; }
.property-card{background:white; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.1); overflow:hidden; transition:transform 0.3s; }
.property-card:hover{transform:translateY(-5px); }
.property-image{align-items:center; background:linear-gradient(45deg, #667eea, #764ba2); color:white; display:flex; font-size:1.2rem; height:250px; justify-content:center; width:100%; }
.property-image img{height:100%; object-fit:cover; transition:all 0.3s ease; width:100%; object-position:center;}
.property-details{padding:2rem; }
.property-details p {margin-bottom:1rem;}
h3.property-address{color:var(--dark-color); font-size:1.3rem;}
.property-link a {width:100%;}
        
/* Available Rooms Grid */
.rooms-grid{display:grid; gap:2rem; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); padding:2rem 0; }
.room-card{background:white; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.1); color:inherit; cursor:pointer; display:block; overflow:hidden; text-decoration:none; transition:transform 0.3s; }
.room-card:hover{transform:translateY(-5px); }
.room-card-image{align-items:center; background:linear-gradient(135deg, #667eea, #764ba2); color:white; display:flex; font-size:3rem; height:200px; justify-content:center; }
.room-card-image img{height:100%; object-fit:cover; transition:all 0.3s ease; width:100%; object-position:center;}
.room-card-details{padding:1.5rem; }
.room-card-title{font-size:1.2rem; font-weight:bold; margin-bottom:0.5rem; }
.room-card-info{color:#6b7280; margin-bottom:1rem; }
.room-card-price{color:var(--primary-color); font-size:1.5rem; font-weight:bold; }
.room-card-price span{font-size:0.8em; }
 
.breadcrumb_wrap {padding:1rem 2rem; background: var(--light-bg);}
.breadcrumbs {max-width:1200px; margin:0 auto;/* font-size:0.875rem; */}
.breadcrumbs span {color:#6b7280;}
.breadcrumbs a,
.breadcrumbs a span{color:var(--primary-color); text-decoration:none;}
.breadcrumbs a:hover span {text-decoration: underline;}
.breadcrumbs .sep {padding:0 1rem;}  
		
.room-hero{background:linear-gradient(135deg, #667eea, #764ba2); color:white; padding:3rem 2rem; }
.room-hero-content{align-items:center; display:grid; gap:3rem; grid-template-columns:1fr 1fr; margin:0 auto; max-width:1200px; }
.room-address {font-size: 1.2rem; margin-bottom: 1rem;}
.room-gallery{align-items:center; background:rgba(255,255,255,0.1); border-radius:12px; display:flex; font-size:2rem; height:400px; justify-content:center; overflow:hidden;}
.room-gallery img {height:100%; object-fit:cover; transition:all 0.3s ease; width:100%; object-position:center;}
.room-info-header h1{font-size:2rem; }
.room-price-tag{font-size:2.5rem; margin-bottom:1rem; }
.room-price-tag span{font-size:0.6em;}
.room-features-list{list-style:none; }
.room-features-list li{align-items:center; display:flex; gap:0.5rem; padding:0.5rem 0; }
.room-details-section{padding:4rem 2rem; }
.room-details-section h2 {font-size:1.5rem;}
.room-details-grid{display:grid; gap:3rem; grid-template-columns:2fr 1fr; margin:0 auto; max-width:1200px; }
.included-box{background:white; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.1); padding:2rem; }
.included-list{list-style:none; margin-top:1rem; }
.included-list li{padding:0.5rem 0; padding-left:2rem; position:relative; }
.included-list li:before{color:var(--secondary-color); content:"✓"; font-weight:bold; left:0; position:absolute; }

.room-slider {height:400px; border-radius:12px; overflow:hidden;}
.room-slider  .owl-item {text-align: center; /* height:400px; */height:400px;}
.room-slider  .owl-item * {height:100%;}
.room-slider  .owl-item  img {object-fit:cover; height:100%;}
.room-slider .owl-nav {font-size:60px; margin-top:-20px; line-height:0; position:absolute; top:50%; width:100%; height:0px; padding:0 15px; color:rgba(255, 255, 255, 0.5);}
.room-slider .owl-carousel .owl-nav button:hover {color:rgba(255, 255, 255, 0.8)}
.room-slider .owl-next {float:right;}
.room-slider .owl-dots {text-align: center;}
.room-slider  .owl-item .item {/* position: relative; */}


.room-slider .owl-dot span{
  background: #eaeaea;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  margin: 0 4px;
}

.owl-dot.active span{
  background:#ff63a3;
}
        

/* Footer */
.footer{background:var(--dark-color); color:white; padding:3rem 2rem 1rem; }
.footer a {color:white;}
.footer a:hover{opacity:0.7;}
	/* .footer-content{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); margin:0 auto; max-width:1200px; margin-bottom: 2rem;}
	.footer-section h3{color:white; margin-bottom:1rem; }
	.footer-section ul {list-style:none;}
	.footer-section p,	
	.footer-section a{color:#d1d5db; text-decoration:none; line-height: 1.8; }
	.footer-section a:hover{color:white;} */
.footer-menu {color:white; text-align:center; font-size:0.875rem;}

.footer .copy {text-align:center; padding-top:2rem; color:#9ca3af; font-size:0.875rem; }


/* Responsive */
@media (max-width: 968px) {
	.menu-toggle{display:block;}
	.main_menu_wrap {display:none; height:auto; background-color:#fff; position:fixed; top:0; left:0; right:0; bottom:0; z-index:997; width:100%; padding:45px 20px 20px; overflow-x:hidden; overflow-y:auto;}
	.main_menu {width:90%; display:block; padding:0;}
	.main_menu li a{display:inline-block; padding:10px 0;}
	.main_menu li {width:100%; position:relative; margin:10px 0;}
		.main_menu > li:after {width:0;}
	.main_menu > li > a {padding:0; margin:0; }
	.main_menu > li > a:hover {background-color:#fff; color:var(--fw-orange);}
	.main_menu > li.current-menu-item > a {background-color:#fff; color:var(--fw-orange); }
	.main_menu .sub-menu {position:static; width:100%; margin:0; border:none; box-shadow:none; padding-top:6px; opacity:1; visibility:visible; display:none; transform:none; transition:none;}
	.main_menu .sub-menu li {padding:6px 0 6px 15px; border:none;}
	.main_menu .sub-menu li a {padding:0;}
	.main_menu .sub-menu .sub-menu {padding-left:0px; padding-top:10px; margin-left:0; margin-top:0;}
	.main_menu li:hover > ul.sub-menu {display:none; transform:none;}

	.sub-menu::before {width:0; height:0;}
	.sub-menu-toggle{color:var(--fw-blue); position:absolute; top:12px; right:20px; padding:5px 10px; border:1px solid; border-radius:8px; line-height:12px; height:24px; cursor:pointer;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%)
	}
	.main_menu > li > .sub-menu-toggle {top:12px;}
	.sub-menu-toggle:before{border-style:solid; border-width: 0.15em 0.15em 0 0; content:''; display:inline-block; width:0.45em; height:0.45em; position:relative; top:0; vertical-align:top; transform:rotate(135deg);}
	.sub-menu-toggle.active:before{transform: rotate(-45deg); top: 0.15em;}		
	
}

@media only screen and (max-width: 768px) {
            
	h1 {font-size:2rem;}
	.section-title {font-size:1.8rem;}
	h2 {font-size:1.5rem;}
	h3 {font-size:1.3rem;}
	h4 {font-size:1.2rem;}
            
/* 	.property-grid,
	.rooms-grid, */
	.room-hero-content,
	.room-details-grid {grid-template-columns:1fr;}
            
}

@media only screen and (max-width : 600px) {
	.logo span {display:none;}
	.property-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
}

@media only screen and (max-width: 480px) {
	h1,
	.room-info-header h1{font-size:1.8rem;}
	.main,
	.header_in,
	.hero,
	.features,
	.properties,
	.contact-section,
	.contact-form,
	.room-details-section,
	.room-hero,
	.footer{padding-left:1rem; padding-right:1rem;}
}