@charset "utf-8";
	/*======================================
	[ -Main Stylesheet-
	Theme: Diamant
	Version: 1.0
	Last change: 10/08/2024 ]
	
	*/
	/*-------------Import fonts ---------------------------------------*/
	@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
	/*-------------General Style---------------------------------------*/
	:root {
		--main-color: #ab2f64;
		--main-font: 'Playfair', serif;
		--secondary-font: 'Jost', sans-serif;
	}
	html{
		overflow-x:hidden !important;
		height:100%;
	}
	body{
		margin: 0;
		padding: 0;
		font-family: var(--main-font);
		font-weight: 400;
		font-size: 12px;
		background: #272535;
		height:100%;
		text-align:center;
		color:#1e1e1e;
	} 
	@-o-viewport {width: device-width;}
	@-ms-viewport {width: device-width;}
	@viewport {width: device-width;}
	/*--------------Typography--------------------------------------*/
	p {
		text-align: left;
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 10px;
		font-weight: 400;
		color: #5e646a;
		font-family: var(--secondary-font);
	}
	.has-drop-cap:first-letter {
		font-size: 70px;
		float: left;
		padding: 20px 20px 10px 0;
		font-family: var(--main-font);
		color:var(--main-color);
	}
	blockquote {
	
		padding: 10px 20px 0;
		margin: 0 0 20px;
		border-left: 10px solid #eee;
		position:relative;
		text-decoration: underline;
	
	}
	blockquote p {
		font-style:italic;
		font-family: var(--main-font);
		color: #333;
		line-height: 20px;
		font-size: 1.3em;
	}
	/* ---------Page preload--------------------------------------*/
	.loader-wrap {
		position: fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		overflow:hidden;
		z-index:100;
	}
	.loader {
		position: absolute;
		top:50%;
		left:50%;
		width:40px;
		height:40px;
		line-height: 40px;
		margin:-20px 0 0 -20px;
		z-index:20;
		transform: scale(1.0);
	}
	.loader i{
		color:var(--main-color);
		font-size: 3.9em;
		animation:k3d 3.5s infinite linear;
		-webkit-box-reflect: below 10px -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
		-webkit-box-reflect: below 10px -o-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
		-webkit-box-reflect: below 10px linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
	}
	@keyframes k3d {
	0% {
	transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(360deg);
		opacity:0.3;
	}
	100%{
		transform: rotateY(0deg);
	}	
	}
	.cd-tabs-layer  , .cd-reserv-overlay-layer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		height: 100%;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
	}
	.cd-loader-layer {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		height: 100%;
		width: 100%;
		opacity: 1;
		visibility: visible;
		overflow: hidden;
	}
	.cd-loader-layer .loader-layer  {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%) translateX(-98%);
		height: 100%;
		width: 2500%;
		background: url(../images/ink2.png) no-repeat 0 0;
		background-size: 100% 100%;
	}
	.cd-loader-layer.visible   {
		opacity: 1;
		visibility: visible;
	}
	.cd-loader-layer.opening .loader-layer  {
		animation: cd-sequence 0.8s steps(24);
		animation-fill-mode: forwards;
	}
	.cd-loader-layer.closing .loader-layer{
		animation: cd-sequence-reverse 0.8s steps(24);
		animation-fill-mode: forwards;
	} 
	@keyframes cd-sequence {
	0% {
		transform: translateY(-50%) translateX(-2%);
	}
	100% {
		transform: translateY(-50%) translateX(-98%);
	}
	}
	@keyframes cd-sequence-reverse {
	0% {
		transform: translateY(-50%) translateX(-98%);
	}
	100% {
		transform: translateY(-50%) translateX(-2%);
	}
	} 
	/* ---------Content Styles--------------------------------------*/
	#main{
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		opacity:0;
	}
	#wrapper{
		vertical-align:top;
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom: 0;
		z-index:2;
	}
	.content {
		position: relative;
		z-index: 3;
		background: #fff;
		box-shadow: 0px 10px 74px 0px rgba(0,0,0,.8);
	}
	.content-dec {
		position: absolute;
		bottom: -20px;
		left: 50%;
		width: 36px;
		z-index: 10;
		margin-left: -18px;
	}
	.content-dec:before {
		content: '';
		position: absolute;
		top: -20px;
		left: 50%;
		width: 6px;
		height: 6px;
		background: var(--main-color);
		border-radius: 50%;
		margin-left: -3px;
		z-index: 10;
	}
	.content-dec:after {
		content: '';
		position: absolute;
		top: -90px;
		left: 50%;
		width: 1px;
		height: 25px;
		background: #ddd;
		z-index: 10;
	}
	.content-dec span {
		position: absolute;
		bottom: 4px;
		left: 0;
		width: 36px;
		height: 36px;
		background: #f9f9f9;
		z-index: 1;
		transform: rotate(45deg);
		box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2);
	}
	.content-dec2 {
		z-index: -2;
		background: #f9f9f9;
	}
	.content-dec2:before {
		content: '';
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
		border: 1px solid #eee;
		border-radius: 10px;
		background: #fff;
	}
	.container{
		width: min(100% - 25px, 1600px);
		margin-inline:auto;
		position: relative;
		z-index:5;
	}
	.container.small-container {
		width: min(100% - 40px, 1100px);
		z-index:6;
	}
	.mid-padding {
		padding: 50px 40px;
	} 
	.fl-wrap {
		float:left;
		width:100%;
		position:relative;
	}
	.no-bg {
		background:none !important;
	}
	.full-height {
		height:100%;
	}
	.bg {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-size: cover;
		background-attachment: scroll  ;
		background-position: center  ;
		background-repeat:repeat;
		background-origin: content-box;
	} 
	.respimg , .single-slider img {
		width:100%;
		height:auto;
	}
	.overlay    {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#272535;
		opacity:.4;
		z-index: 2
	}
	.overlay-bold {
		opacity: .6
	}
	.fs-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
	} 
	.no-padding {
		padding:0 !important;
	}
	.dec-corner {
		position:absolute;
		width:70px;
		height:70px;
		z-index:10;
	}
	.dc_lb{
		left: 30px;
		bottom:30px;
		border-bottom: 1px dashed;
		border-left:1px dashed;
		border-radius: 0 0 0 20px  
	}
	.dc_rb{
		right: 30px;
		bottom:30px;
		border-bottom: 1px dashed;
		border-right:1px dashed;
		border-radius:  0 0 20px 0
	}
	.dc_rt {
		right: 30px;
		top:30px;
		border-top: 1px dashed;
		border-right:1px dashed;
		border-radius:0 20px 0 0	
	}
	.dc_lt {
		left: 30px;
		top:30px;
		border-top: 1px dashed;
		border-left:1px dashed;
		border-radius: 20px 0 0 0	
	}
	.dec-corner  {
		border-color:rgba(255,255,255,.4);
	}
	/*------   Header  -----------*/
	.main-header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.header-top {
	height: 60px;
		background: #313131;
	}
	.header-social {
		float: left;
	}
	.header-social li {
		float: left;
		margin-right: 20px;
	}
	.header-social li a {
		color: var(--main-color);
		font-size: 1.3em;
		line-height: 60px;
		transition: all .2s ease-in-out;
	}
	.header-social li a:hover {
		color:#fff;
	}
	.logo-holder {
		float: left;
		border-right: 1px solid #eee;
		padding: 0 20px;
		height: 80px;
		overflow: hidden;
		position: relative;
	}
	.logo-holder img {
		width: auto;
		height: 40px;
		float: left;
		position: relative;
		top: 50%;
		margin-top: -20px;
	}
	.header-top_contacts {
		float: left;
		margin-right: 40px;
		position: relative;
		height: 60px;
		line-height: 60px;
		padding: 0 20px 0 40px;
	}
	.header-top_contacts:before , .header-top_contacts:after , .lang-wrap:before {
		content: '';
		position: absolute;
		top: 30px;
		left: 0;
		width: 1px;
		bottom: 30px;
		background: rgba(255,255,255,.2);
	}
	.header-top_contacts:after  , .lang-wrap:before {
		left: auto;
		right: 0;
	}
	.header-top_contacts a {
		float: left;
		color: #fff;
		margin-right: 20px;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		transition: all .2s ease-in-out;
	}
	.header-top_contacts a span {
		padding-right: 10px;
		color: var(--main-color);
	}
	.lang-wrap {
		float: right;
		margin-right: 30px;
		height: 100px;
		line-height: 100px;
		color:#fff;
		font-size: 1.4em;
		padding-right: 40px;
		position: relative;
	}
	.lang-wrap a {
		color:#fff;
		margin: 0 4px;
	}
	.lang-wrap a:hover , .lang-wrap a.act-lang {
		color: var(--main-color);	
	}
	.nav-holder-wrap {
		position: relative;
		height: 80px;
		background: #fff;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.05);
		border :1px solid #eee;
		border-top: none;
	}
	.nav-holder {
		float:left;
		position:relative;
		opacity:1;
		margin: 24px 0 0 30px;
		visibility:visible;
		z-index:20;
	}
	.nav-holder nav {
		position:relative;
		float: right;
	}
	.nav-holder nav li{
		float:left;
		position:relative;
		margin-right:6px;
		height:50px;
	}
	.nav-holder nav li ul {
		margin: 30px 0 0 0;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		min-width:200px;
		top: 62px;
		left: 0;
		z-index: 1;
		padding:20px ;
		background:#fff;
		border:1px solid #eee;
		transition: all .2s ease-in-out;
		border-radius: 10px;
	}
	.nav-holder nav li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	.nav-holder nav li ul li ul {
		top: -10px  ;
		left: 100%;
		margin-left:25px;
		margin-top:0;
		max-width:200px;
	}
	.nav-holder nav li ul li:hover  > ul  {
		opacity: 1;
		visibility: visible;
		margin-right:0px;
	}
	.nav-holder nav li ul li {
		width:100%;
		float:left;
		height:auto;
		position:relative;
		margin: 0;
	}
	.nav-holder nav li a {
		float: left;
		padding: 5px 8px;
		color: #222;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 25px;
		transition: all .1s linear;
		position:relative;
		font-family: var(--secondary-font);
	}
	.nav-holder nav li a i {
		padding-left:12px;
		transition: all .2s linear;
		color:var(--main-color);
	}
	.nav-holder nav li a:hover i {
		transform: rotateX(180deg);
	}
	.nav-holder nav li a.act-link , .nav-holder nav li a:hover , .nav-holder nav li a.actscr-link {
		color:var(--main-color);	
	}
	.nav-holder nav li ul a {
		float:left;
		width:100%;
		text-align:left;
		padding:0 0px;
		line-height: 30px;
		font-size: 12px;
	}
	.dark-header .nav-holder nav li ul a{
		color:#000;
	}
	nav li ul a:before , nav li ul a:after {
		display:none;
	}
	.serach-header-btn {
		float: right;
		position: relative;
		height: 60px;
		line-height: 60px;
		top: 10px;
		color: #fff;
		text-transform: uppercase;
		background: #ab2f64;
		padding: 0 40px 0 30px;
		font-family: var(--secondary-font);
		border-radius: 4px;
		transition: all .2s linear;
		font-weight: 500;
	}
	.serach-header-btn:hover {
		background:var(--main-color);
		color:#272535;
	}
	.serach-header-btn i {
		margin-right: 12px;
	}
	.serach-header-btn_wrap {
		float: right;
		height: 80px;
		padding: 0  10px;
	}
	.show-cart , .show-share-btn  {
		float:right;
		font-size:1.8em;
		color:#666;
		cursor:pointer;
		position:relative;
		width:80px;
		height:80px;
		line-height:80px;
		margin-left:24px;
		border-left:1px solid #eee;
		text-align:center;
		box-sizing:border-box;
	}
	.show-cart  {
		margin-left:0;
		font-size:1.6em;
		border-right:1px solid #eee;
	} 
	.show-cart:hover  , .show-share-btn:hover {
		color:var(--main-color);
		background: #f9f9f9;
	}
	.header-tooltip {
		position:absolute;
		top:100%;
		right:0;
		width:180px;
		height:60px;
		line-height:60px;
		color:var(--main-color);
		background: #211F2C;
		font-weight:600;
		transition: all .3s ease-in-out;
		font-size:15px;
		opacity:0;
		visibility:hidden;
		border-top:none;
	}
	.htact:hover .header-tooltip {
		opacity:1;
		visibility:visible;
	}
	.show-cart_count {
		position:absolute;
		bottom:16px;
		width:20px;
		height:20px;
		line-height:20px;
		border-radius:100%;
		color:#fff;
		right:16px;
		z-index:10;
		font-size:11px;
		background: var(--main-color);
		font-family: var(--secondary-font);
	}
	.show-cart i , .show-cart_count  , .header-cart_wrap{
		transition: all .3s ease-in-out;
	}
	.show-cart:before {
		content: "";
		display: block;
		width: 1px;
		height: 16.8px;
		position: absolute;
		top: 50%;
		left: -20px;
		background:rgba(255,255,255,0.51);
		margin-top: -8.4px;
		transform: rotate(45deg);
	} 
	.booking-reviews , .br-counter {
		float: right;
		position: relative;
	}
	.br-counter {
		float: right;
	}
	.ribbon {
			width: 80px;
		height: 39px;
		background: var(--main-color);
		position: relative;
		transition: all .2s linear;
	}
	.ribbon:before {
		content: "";
		position: absolute;
		z-index: 2;
		left: 0;
		bottom: -20px;
		border-left: 40px solid var(--main-color);
		border-right: 40px solid var(--main-color);
		border-bottom: 20px solid transparent;
		transition: all .2s linear;
	}
	.br-counter span {
		color: #fff;
		font-family: var(--secondary-font);
		position: absolute;
		top: 4px;
		right: 33px;
		font-size: 2.0em;
		z-index: 10;
		font-family: serif;
		transition: all .2s linear;
	}
	.booking-reviews:hover .ribbon {
		background: #fff;
	}
	.booking-reviews:hover .ribbon:before  {
		border-right-color: #fff;
		border-left-color: #fff;	
	}
	.br_link {
		float: left;
		margin:15px 20px 0 0;;
	}
	.star-rating i {
		margin:0 2px;
		color:var(--main-color);
		font-size: 1.1em;
	}
	.br_link .star-rating {
		text-align: right
	}
	.br_link p {
		text-align: right;
		color:#fff;
	}
	.booking-reviews:hover .br-counter span {
		color:var(--main-color);
	}
	.wish-list-wrap {
		position: absolute;
		top: 100%;
		margin-top: 10px;
		background: #fff;
		right: 10px;
		width: 450px;
		height: 500px;
		overflow: hidden;
		border-radius: 10px;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.05);
		opacity: 0;
		visibility: visible;
		display: none;
		transition: all .3s ease-in-out;
	}
	.vis-cart {
		opacity: 1;
		visibility: visible;
		right: 0;
	}
	.header-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #272535;
		opacity: .4;
		z-index: 9;
		display: none;
	}
	.wish-list-container {
		position: absolute;
		top: 90px;
		left: 0;
		right: 0;
		bottom: 90px;
		overflow: auto;
		padding: 10px 30px;
	}
	.wish-list-wrap-btns , .wish-list-title {
		position: absolute;
		bottom: 0;
		height: 70px;
		left: 0;
		right: 0;
		padding: 0 10px;
	}
	.wish-list-title {
		bottom: auto;
		top: 0;
		line-height: 70px;
		font-size: 1.7em;
		color: var(--main-color);
		border-bottom: 1px solid #eee;
		background: #f9f9f9;
		text-align: left;
		padding: 0 70px 0 30px;
	}
	.wl_btn {
		float: left;
		width: 100%;
		height: 60px;
		line-height: 60px;
		color: var(--main-color);
		font-family: var(--secondary-font);
		text-transform: uppercase;
		border-radius: 10px;
		background: #272535;
		font-weight: 600;
	}
	.wish-list-close {
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 70px;
		line-height: 70px;
		z-index: 10;
		cursor: pointer;
		font-size: 1.6em;
	}
	.wish-list-item {
		background: #fff;
		padding:  15px;
		border: 1px solid #eee;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	.wish-list-item:before {
		content: '';
		position: absolute;
		left: calc(35% + 20px);
		width: 1px;
		background: #eee;
		height: 100%;
		top: 0;
	} 
	.wish-list-img {
		float:left;
		width:35%;
		position:relative;
		border-radius:10px;
		overflow: hidden;
		box-shadow: 0 10px 24px 0px rgba(0,0,0, .2);
	}
	.wish-list-descr {
		float:left;
		width:65%;
		padding:0 10px 0 40px;
	}
	.wish-list-img img {
		width:100%;
		height:auto;
	}
	.wish-list-descr h4 {
		text-align:left;
		font-weight:600;
		color:#666;
		padding-bottom:2px;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.wish-list-price{
		margin :4px 0 10px;
		text-align:left;
		color:var(--main-color);
		font-size: 1.3em;
		font-weight: 500;
	}
	.wish-list-price span {
		margin-right:6px;
	} 
	.clear-wishlist {
		position:absolute;
		right:-1px;
		bottom:-1px;
		background: #fff;
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 10px 0 0 0;
		border: 1px solid #eee;
		border-right-color:#f9f9f9;
		border-bottom-color:#f9f9f9;
		cursor:pointer;
		font-size:1.4em;
		color:var(--main-color);
	}
	.wshil_link {
		display: table;
		padding: 6px 15px;
		border: 1px solid #eee;
		background: #f9f9f9;
		text-transform: uppercase;
		font-size:.9em;
		font-family: var(--secondary-font);
	}
	.clear-wishlist:hover {
		color:#000;
	}
	/*------ share------------------------------------------------*/
	.share-wrapper {
		position:absolute;
		left:0;
		right:0;
		top:100%;
		padding:0 20px;
		transition: all .2s ease-in-out;
		background: #211F2C;
		overflow:hidden;
		height:0;
		line-height:80px;
	}
	.visshare {
		height: 80px;
	} 
	.share-container {
		z-index:2;
	}
	.share-container  a{
		display:inline-block;
		position:relative;
		opacity:0;
		top:-20px;
		margin:0 20px;
		font-size:1.3em;
		font-weight:600;
		color: var(--main-color);
		transition: all .2s ease-in-out;
	}
	.share-container  a.vissharea {
		opacity: 1;
		top: 0;
	}
	.share-container  a:hover {
		color:#fff;
	}  
	.share-icon-foursquare:before  {
		content: "foursquare";
	} 
	.share-icon-facebook:before  {
		content: "Facebook";
	}
	.share-icon-twitter:before {
		content: "X-Twitter";
	}
	.share-icon-tumblr:before {
	content: "Tumblr";
	}
	.share-icon-linkedin:before {
	content: "Linkedin";
	}
	.share-icon-pinterest:before {
		content: "Pinterest";
	}
	.height-emulator {
		z-index: 1;
		position: relative;
	}
	.main-footer {
		background: #272535;
		position: fixed;
		z-index: 2;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.footer-inner {
		position: relative;
		z-index: 2;
		overflow: hidden;
	}
	.footer-widget-wrap {
		padding:90px 0 90px;
		position: relative;
		z-index: 10;
	}
	.footer-widget-title {
		text-align:left;
		color: var(--main-color);
		font-size:2.3em;
		padding-bottom:36px;
	}
	.subcribe-form  , #subscribe {
		position: relative
	}
	.subcribe-form input.enteremail{
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-right: none;
		background: rgba(255, 255, 255, 0.05);
		padding: 0 20px;
		height:60px;
		line-height:60px;
		box-sizing:border-box;
		border-radius:4px  0 0 4px;
		position: relative;
		z-index: 1;
		color: #fff;
		width:70%;
		outline:none;
		float:left;
		font-family: var(--main-font);
	} 
	.enteremail::-webkit-input-placeholder {
		color:#fff;
	}
	.subcribe-form .subscribe-button {
		float:right;
		width: 30%;
		z-index: 2;
		height:60px;
		line-height:60px;
		position: relative;
		outline:none;
		border: none;
		font-weight: 500;
		cursor: pointer;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		border-radius: 0 4px 4px 0;
		background: var(--main-color); 
		transition: all .2s linear;
	}
	.subcribe-form .subscribe-button:hover {
		background:#fff;
	} 
	.subscribe-message {
		position:absolute;
		bottom:-90px;
		left:0;
		width:100%;
		text-align:left;
		font-weight:500;
		font-size: 1.2em;
		color: var(--main-color); 
	}
	.footer-widget-content p {
		text-align:left;
		margin-bottom:15px;
		color: rgba(255,255,255,0.7);
	}
	.footer-widget-content-link {
		color: var(--main-color);
		font-size:14px;
		margin-top:6px;
		position:relative;
		font-family: var(--secondary-font);
		transition: all .2s linear;
		text-align: left;
		display: block;
	}
	.footer-widget-content-link span {
		border-bottom:1px dotted  rgba(255,255,255,0.3);
		padding-bottom:4px;
	}
	.footer-widget-content-link:hover {
		color:#fff;
	}
	.footer-contacts {
		margin-bottom:26px;
		padding-top:4px;
	} 
	.footer-contacts li{
		font-family: var(--secondary-font);
		text-align:left;
		margin-bottom:10px;
		color:#fff;
		font-size: 1.2em
	}
	.footer-contacts li:last-child {
		margin-bottom:0;
	}
	.footer-contacts li span {
		margin-right:30px;
		width:0px;
		float:left;
	}
	.footer-contacts li a  , .footer-contacts li span{
		color:#fff;
		transition: all .2s linear;
	}
	.footer-list li {
		display: block;
		margin-bottom: 10px;
		text-align: left;
		position: relative;
		padding-left: 20px;
		font-weight: 500;
		text-transform: uppercase;
		font-family: var(--secondary-font);
	}
	.footer-contacts li a:hover , .footer-list li a:hover {
		color:var(--main-color);	
	}
	.footer-list li:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f0da";
		position: absolute;
		left: 0;
		top: 3px;
		font-size: 11px;
		font-weight: 900;
		transition: all .2s linear;
		color:var(--main-color);
	}
	.footer-list li:hover:before {
		left: 4px;
	}
	.footer-list li a {
		color:#fff;
	}
	.footer-title-dec {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%)  translateX(-50%);
		z-index: 1;
		font-size: 7.0vw;
		color: rgba(255,255,255,.05)
	}
	.footer-social {
		position: relative;
		height: 80px;
		line-height: 80px;
		background: #211F2C;	
	}
	.footer-social li {
		display: inline-block;
		margin: 0 10px;
	}
	.footer-social li a {
		color: var(--main-color);
		font-size: 1.3em;
		transition: all .2s ease-in-out;
	}
	.footer-social li a:hover {
		color:#fff;
	}
	.footer-bottom {
		position: relative;
		height: 80px;
		line-height: 80px;
		background: #211F2C;
		overflow: hidden;
		border-top: 1px solid rgba(255,255,255,.1);
	}
	.footer-logo {
		float: left;
		height: 40px;
		position: relative;
	}
	.footer-logo img {
		height: 100%;
		width: auto;
	}
	.copyright {
		display: inline-block;
		color:#fff;
		font-size: 1.1em;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.to-top {
		float: right;
		cursor: pointer;
		color: var(--main-color);
		font-size: 1.1em;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.to-top i {
		margin-left: 20px;
		color:#fff;
		position: relative;
		top: 0;
		transition: all .3s ease-in-out;
	}
	.to-top:hover i {
		top: -5px;
	}
	.footer-separator-wrap {
		margin: 0 auto  90px;
		max-width: 800px;
		position: relative;
	}
	.footer-separator-wrap:before , .footer-separator-wrap:after {
		content: '';
		position: absolute;
		width: 200px;
		height: 1px;
		background: rgba(255,255,255,.1);
		top: 50%;
	}
	.footer-separator-wrap:before {
		left: 50%;
		margin-left:  80px;
	}
	.footer-separator-wrap:after {
		right: 50%;
		margin-right:  80px;
	}
	.footer-separator {
		position: relative;
		display: inline-table;
		width: 100px;
	}
	.footer-separator:before , .footer-separator:after {
		content: '';
		position: absolute;
		width: 8px;
		height: 8px;
		background: #fff;
		border-radius: 50%;
		top: 50%;
		margin-top: -4px;
	}
	.footer-separator:before{
		left: 0;
	}
	.footer-separator:after {
		right: 0;
	}
	.footer-separator span , .dc_dec-item_left span , .dc_dec-item_right span {
		position: relative;
		width: 10px;
		height: 10px;
		background: var(--main-color);
		transform: rotate(45deg);
		display: inline-block;
	}
	.footer-separator span:before , .dc_dec-item_left span:before , .dc_dec-item_right span:before {
		content: '';
		position: absolute;	
		border: 1px dotted var(--main-color);
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		border-radius: 50%;
	}
	/*------ section----*/
	.content-section {
		position: relative;
		padding: 100px 0;
		background: #fff;
		z-index: 5;
	}
	.content-section.hidden-section , .hidden-content {
		overflow: hidden;
	}
	.content-section.parallax-section {
		padding: 120px 0;
		z-index: 4;
	}
	.big-padding {
		padding: 140px 0;
	}
	.content-section.parallax-section.hero-section {
		padding:310px 0 180px;
	}
	.content-section.parallax-section.hero-section .overlay {
		opacity:.5;
	}
	.small-top-padding {
		padding-top:40px;
	}
	.par-elem {
		position: absolute;
		top: 15px;
		bottom: 15px;
		left: 0;
		right: 15px;
		overflow: hidden;
		border-radius: 10px;
		border: 1px solid rgba(255,255,255,.1)
	}
	.content-section.parallax-section .bg  , .par-elem .bg  {
		height: 140%;
		top: -20%;
	}
	.par-elem .overlay {
		opacity:.5;
	}
	.hero-section:before , .bg-parallax-wrap-gradien:before , .htc_single_item_dec:before   {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 50%;
		background: linear-gradient(to bottom, rgba(39, 37, 53, 0) 0%, rgba(39, 37, 53, 0.99) 100%);
		z-index: 1;
	} 
	.htc_single_item_dec:before {
		z-index: 3
	}
	.hero-call-wrap {
		position: absolute;
		top: 50%;
		left: -60px;
		height: 50px;
		line-height: 50px;
		border: 1px solid  var(--main-color);
		z-index: 10;
		transform: translateY(-50%) rotate(-90deg);
		padding:   0 30px;
		overflow: hidden;
		border-radius: 4px;
		background: rgba(255,255,255,.1);
	}
	.hero-call-wrap i {
		margin: 14px 20px 0 0;
		font-size: 1.7em;
		color: var(--main-color); 
		float: left;
	}
	.hero-call-wrap a {
		float: left;
		color: #fff;
		font-size: 1.3em;
		font-family: var(--secondary-font);
		letter-spacing: 1px;
	}
	.slide-progress_container {
		position: absolute;
		top: 50%;
		height: 150px;
		margin-top: -75px;
		right: 40px;
		z-index: 10;
	}
	.slide-progress_container:before , .slide-progress_container:after {
		content: '';
		position: absolute;
		left: 50%;
		width: 6px;
		height: 6px;
		background:var(--main-color); 
		border-radius: 50%;
		margin-left: -3px;
		box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2)
	}
	.slide-progress_container:before {
		top:-20px;
	}
	.slide-progress_container:after {
		bottom:-20px;
	}
	.slide-progress-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		bottom: 0;
		overflow: hidden;
		background: rgba(255,255,255,.2);
	}
	.slide-progress {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background: var(--main-color); 
	}
	.section-dec{
		position: absolute;
		left: 50%;
		top: 40px;
		width: 460px;
		height: 340px;
		margin-left: -230px;
		z-index: -1;
		background: url(../images/map_bg.png) no-repeat center;
		opacity: .7;
	} 
	.map-dec2 {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 324px;
		height: 360px;
		margin : -180px 0 0 -162px;
		z-index: -1;
		background: url(../images/map_bg2.png) no-repeat center;
		opacity: .1;
		transform: scale(.8)
	}
	.sc-dec  {
		position: absolute;
		z-index: -1;
		width: 359px;
		height: 207px;
		background: url(../images/map_bg3.png) no-repeat center;
		opacity: .4;
		transform: scale(.7);
	}
	.sc-dec2 {
		position: absolute;
		z-index: -1;
		width: 253px;
		height: 349px;
		background: url(../images/map_bg4.png) no-repeat center;
		opacity: .4;
		transform: scale(.8);
	}
	.sc-dec3 {
		position: absolute;
		z-index: -1;
		width: 359px;
		height: 207px;
		background: url(../images/map_bg5.png) no-repeat center;
		opacity: .4;
		transform: scale(.8);
	}
	.section-title {
		position:relative;
		z-index:5;
	}
	.section-title.text-align_left {
		text-align:left;
	}
	.section-title h4 {
		color: var(--main-color); 
		font-style:italic;
		font-size:18px;
		font-weight:500;
		padding-bottom:10px;
		position: relative;
	}
	.section-title h4:before , .wide_section-title h5:before , .rooms-carousel-item_container h3:before {
		content: '';
		position: absolute;
		top: -20px;
		left: 50%;
		width: 40px;
		height: 1px;
		margin-left: -20px;
		background: var(--main-color); 
	}
	.section-title h2 {
		font-size:3.5em;
		color: #323246;
	}
	.section-title.text-align_left h4:before , .rooms-carousel-item_container h3:before {
		margin: 0;
		left: 0;
	}
	.content-section.parallax-section.hero-section .section-title h2 , .dark-bg .section-title h2 {
		color:#fff;
		font-size:4.5em;
		font-weight:400;
	}
	.hero-section-scroll {
		position:absolute;
		width:20px;
		height:30px;
		z-index:20;
		bottom:70px;
		left:50%;
		margin-left:-10px;
	}
	.hsc2 {
		bottom: 100px
	}
	.hero-section-scroll:before {
		content: '';
		position: absolute;
		bottom: -70px;
		height: 40px;
		width: 1px;
		left: 50%;
		background: rgba(255,255,255,.2)
	}
	.mousey {
		float: left;
		width: 20px;
		height: 30px;
		border-radius: 6px;
		padding: 0 6px;
		border: 1px solid rgba(255,255,255,.7);
		box-sizing: border-box;
		position:relative;
		z-index:10;
	}
	.scroller {
		position: relative;
		left: 50%;
		top: 6px;
		margin-left: -2px;
		width: 4px;
		height: 4px;
		background:var(--main-color); 
		border-radius: 4px;
		animation-name: scroll;
		animation-duration: 2.2s;
		animation-timing-function: cubic-bezier(.15, .41, .69, .94);
		animation-iteration-count: infinite;
	}
	@keyframes scroll {
		0% {
			opacity: 0;
		}
		10% {
			transform: translateY(0);
			opacity: 1;
		}
		100% {
			transform: translateY(10px);
			opacity: 0;
		}
	}
	.hero-wrap {
		position: relative;
		z-index: 4;
	}
	.fs-slider-item {
		position: relative;
	}
	.hero-title-container {
		position: relative;
		z-index: 10;
		top: 50%;
		transform: translateY(-50%);
	}
	.htc_single {
		top: 0;
		transform: translateY(0);	
	}
	.htc_single2 {
		margin-top: 110px;
	}
	.content-section.parallax-section.hero-section .htc_single .section-title h2 {
		font-size: 6.0em;
	}
	.hero-title-container .section-title h2 , .hero-title-container .section-title h2 a  {
		color:#fff;
	}
	.hero-title-container .section-title h2 {
		font-size: 6.7em;
		line-height: 75px;
		text-transform: uppercase;
		padding: 30px 0 20px;
	}
	.hs_btn {
		position: absolute;
		top: 50%;
		z-index: 120;
		width: 60px;
		height: 60px;
		margin-top: -30px;
		cursor: pointer;
	}
	.hs_btn i {
		width: 60px;
		height: 60px;
		line-height: 60px;
		border-radius: 50%;
		box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
		transition: all .2s ease-in-out;
		font-size: 1.3em;
		font-weight: bold; 
		background: #272535;
		color:var(--main-color);	
	}
	.hs_btn:hover i {
		background: var(--main-color);
		color: #272535;
		box-shadow: 0px 0px 0px 12px rgba(255, 255, 255, 0.2);
	}
	.hs_btn:before {
		content: '';
		position: absolute;
		top: 50%;
		left: -90px;
		width: 0;
		height: 1px;
		background: rgba(255,255,255,.2);
		z-index: -3;
		transition: all .5s ease-in-out;
	}
	.hs_btn:hover:before {
		width: 70px;
		transition-delay: .3s
	}
	.hs_btn_wrap_preview {
		position: absolute;
		top: 50%;
		width: 100px;
		height: 100px;
		overflow: hidden;
		border-radius: 50%;
		margin-top: -50px;
		transition: all .3s ease-in-out;
		box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
		opacity: 0;
		transform: scale(0);
	}
	.hs_btn:hover .hs_btn_wrap_preview {
		opacity: 1;
		transform: scale(1);
		transition-delay: .2s
	}
	.hs_btn_prev {
		left: 20px;
	}
	.hs_btn_next {
		right: 20px;
	}
	.hs_btn_prev:before {
		left: auto;
		right: -90px;
	} 
	.hs_btn_next .hs_btn_wrap_preview{
		right: 120px;
	}
	.hs_btn_prev .hs_btn_wrap_preview{
		left: 120px;
	}
	.hs_btn-dec {
		position: absolute;
		top: 50%;
		height: 150px;
		width: 46px;
		background: #fff;
		z-index: -1;
		margin-top: -75px;
	}
	.hs_btn-dec:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		height: 1px;
		background: #ccc;
	}
	.hs_btn_prev  .hs_btn-dec{
		left: -20px;
		border-radius: 0 20px 20px 0;
	}
	.hs_btn_next  .hs_btn-dec{
		right: -20px;
		border-radius:   20px  0 0 20px;	
	}
	.tcs-pagination_wrap{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #fff;
		z-index: 4;
		height: 46px;
		padding: 0 80px;
		border-radius: 20px 20px 0 0;
	}
	.hero-slider-pag {
		margin-top: 15px
	}
	.section-separator {
		position: relative;
		margin-top: 20px;
	}
	.section-separator:before , .section-separator:after {
		content: '';
		position: absolute;
		top: 50%;
		width: 70px;
		height: 1px;
		background: #eee;
	}
	.section-separator:before {
		left: 50%;
		margin-left: 70px;
	}
	.section-separator:after {
		right: 50%;
		margin-right:70px;
	}
	.parallax-section .section-separator:before  , .parallax-section .section-separator:after , .fix-bar-init .section-separator:before , .fix-bar-init .section-separator:after , .sect_se_transparent:after , .sect_se_transparent:before {
		background: rgba(255,255,255,.3)
	}
	.section-separator i {
		font-size: 1.7em;
		color:var(--main-color); 
	}
	.breadcrumbs-wrap {
		position: relative;
		height: 80px;
		line-height: 80px;
		border-bottom: 1px solid #eee;
		overflow: hidden;
		box-shadow: 0px 10px 54px 0px rgba(0,0,0,.05);
		z-index: 20;
		background: #fff;
	}
	.breadcrumbs-wrap a , .breadcrumbs-wrap span {
		display: inline-block;
		margin : 0  20px;
		font-weight:600;
		font-family: var(--secondary-font);
		position: relative;
		text-transform: uppercase;
		color:#222;
	}
	.breadcrumbs-wrap span  {
		color:#999;
	} 
	.breadcrumbs-wrap a:before  {
		font-family: "Font Awesome 6 Pro";
		content: '\f0da';
		position: absolute;
		right: -23px;
		top: 50%;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
		margin-top: -10px;
		font-weight: 900;
		color:var(--main-color); 
		transition: all .3s ease-in-out;
	}
	.fw-search-wrap {
		position: relative;
		padding: 30px;
		background: #272535;
		border-radius: 10px;
		z-index: 12;
		margin-bottom: 50px;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.2);
	}
	.fw-search-wrap_hero {
		position: relative;
		box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
		border-radius: 10px;
		margin-top: 50px;
	}
	.content-section.parallax-section.hero-section.htc_single_item {
		z-index: 7;
		padding-bottom: 90px
	}
	.fw-search-wrap:before , .st-gallery:before , .about-img-hotifer:before , .content-front:before , .content-back:before , .column-section-wrap:before {
		content: '';
		position: absolute;
		top: 15px;
		left: 15px;
		bottom: 15px;
		right: 15px;
		border: 1px solid rgba(255,255,255,.1);
		border-radius: 10px;
		z-index: 1;
	} 
	.column-section-wrap:before {
		background: rgba(255,255,255,.02);
	}
	.content-front:before{
		border: 1px solid rgba(255,255,255,.3);	
	}
	.fw-search-wrap:after , .st-gallery:after , .about-img-hotifer:after , .column-section-wrap:after {
		content: '\25CF\25CF\25CF\25CF\25CF\25CF';
		position: absolute;
		top: 12px;
		font-size: 5px;
		height: 4px;
		background: #272535;
		width: 100px;
		margin-left: -50px;
		z-index: 2;
		letter-spacing: 8px;
		color: var(--main-color);
		left: 50%;
		text-align: center;
	}
	.about-img-hotifer:after {
		content: '\25CF\25CF\25CF';
		width: 60px;
		margin-left: -30px;
	}
	.custom-form {
		position: relative;
		z-index: 3;
	}
	.custom-form  textarea , .custom-form input[type="text"] , .custom-form  input[type=email] , .custom-form  input[type=password] , .custom-form  input[type=button]{
		border: 1px solid rgba(255,255,255,.1);
		background: rgba(255,255,255,.05);
		width: 100%;
		padding: 0 20px 0 20px;
		height: 60px;
		border-radius: 4px;
		color: #fff;
		font-size:13px;
		-webkit-appearance: none;
		text-align: left;
		font-family: var(--secondary-font);
	}
	.custom-form .nice-select input {
		padding-left:20px;
	}
	.custom-form  input::-webkit-input-placeholder  , .custom-form  textarea::-webkit-input-placeholder{
		color: #fff;
		font-weight:500;
		font-size:13px;
		font-family: var(--secondary-font);
	}
	.custom-form  input:-moz-placeholder , .custom-form  textarea:-moz-placeholder  {
		color: #fff;
		font-weight:600;
		font-size:13px
	}
	.custom-form  textarea{
		height: 200px;
		resize: none;
		padding: 25px 20px;
		-webkit-appearance: none;
	}
	.daterangepicker {
		width: 506px !important;
		overflow: hidden;
		border-radius: 10px;
	}
	.fw-search-wrap-title {
		position: relative;
		margin : 10px 0 0;
		color:#fff;
		font-size: 1.9em;
	}
	.fix-bar-init .section-separator , .fw-search-wrap_hero_box .section-separator {
		margin: 15px 0 30px;
	}
	.input-wrap , .fix-bar-init  {
		position: relative;
	}
	.fix-bar-init .input-wrap , .fw-search-wrap_hero_box .input-wrap {
		margin-bottom: 20px;
	}
	.shop-header {
		padding: 0  20px 40px;
		margin-bottom:20px;
		border-bottom:1px solid #eee;
		position: relative;
	} 
	.shop-header_opt {
		position: absolute;
		top: -10px;
		right: 0;
		width:250px;
	}
	.nice-select {
		height: 60px;
		line-height: 60px;
		border-radius: 4px;
		border: 1px solid #eee;
		background: #fff;
		box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.04);
	}
	.nice-select:after {
		border-bottom: 2px solid var(--main-color);
		border-right: 2px solid var(--main-color);
	}
	.shop-header  h4 {
		text-align: left;
		top: 10px;
		font-size:1.9em;
		font-weight:500;
		position:relative;
	}
	.input-wrap label {
		position: absolute;
		top: 18px;
		left: 20px;
		color: #fff;
		z-index: 10;
		font-size: 1.3em;
		font-family: var(--secondary-font);
	} 
	.quantity {
		width: 100%;
		border: 1px solid rgba(255,255,255,.1);
		background: rgba(255,255,255,.05);
		overflow: hidden;
		padding : 0 20px;
		height: 60px;
		font-family: var(--secondary-font);	
		border-radius: 4px;
	}
	quantity , .quantity_title {
		float: left;
		position: relative;
	}
	.quantity_title {
		font-size: 1.3em;
		top: 18px;
		color:#fff;
	}
	.quantity input.minus , .quantity input.plus ,.quantity input.qty {
		width:30px;
		height:50px;
		border-radius:0;
		text-align:center;
		border: none;
		padding:0;
		cursor:pointer;
		position: relative;
		-webkit-appearance: none;
		background: none;
		top: 5px;
		font-size: 1.3em;
		color:var(--main-color);
	}
	.quantity-item{
		float:right;
		position: relative;
	}
	.quantity input.qty {
		color:#fff;
		border-right:none;
		border-left:none;
		cursor:default;
		-webkit-appearance: none;
	}
	.daterangepicker td.active, .daterangepicker td.active:hover , .daterangepicker .drp-buttons .btn.btn-primary , .searchform-submit  {
		background: var(--main-color);
	}
	.daterangepicker .calendar-table table , .daterangepicker .drp-buttons .btn.btn-primary {
		font-family: var(--secondary-font);
	}
	.daterangepicker .drp-buttons .btn {
		border: none;
		border-radius: 4px;
		margin-top: 0;
		padding: 12px 22px !important;
	}
	.daterangepicker .drp-buttons .btn:before {
		display: none
	}
	.daterangepicker .drp-buttons {
		padding: 12px 30px;
	}
	.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
		font-size: 13px;
		font-weight:600;
	}
	.searchform-submit {
		display: block;
		height: 60px;
		cursor: pointer;
		width: 100%;
		border: none;
		-webkit-appearance: none;
		border-radius: 4px;
		position: relative;
		font-weight: 500;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		transition: all .2s ease-in-out;
		color: #fff;
	}
	.searchform-submit:hover {
		background: #fff;
		color: var(--main-color);
	}
	.bs_btn:before , .bs_btn:after {
		content: '';
		position: absolute;
		top: 50%;
		height: 1px;
		width: 30px;
		background: #666;
		transition: all .3s ease-in-out;
	}
	.bs_btn:before {
		left: 20px;
	}
	.bs_btn:after {
		right: 20px;
	}
	.bs_btn:hover:before , .bs_btn:hover:after {
		width: 50px;
	}
	/*------gallery------------------------------------------------*/
	.grid-item-holder {
	
		height: auto;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.spad .gallery-item {
		padding: 6px;
	}
	.min-pad .gallery-item {
		padding: 2px;
	}
	.hid-port-info .grid-item-holder {
		overflow: hidden;
	}
	.grid-big-pad .gallery-item {
		padding: 12px;
	}
	.gallery-item,
	.grid-sizer {
		width: 33.333333%;
		position: relative;
		float: left;
		overflow: hidden;
	}
	.grid-item-holder:before , .post-item_media a:before {
		content:'';
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:0;
		background: #272535;
		z-index:2;
		opacity:0;
		transition: all .2s cubic-bezier(.19,1,.22,1) 0ms;
	}
	.grid-item-holder:hover:before , .post-item_media a:hover:before {
		opacity:.7;
	}
	.gallery-item-second,
	.grid-sizer-second {
		width: 66.6%;
	}
	.four-column .gallery-item {
		width: 25%;
	}
	.four-column .gallery-item.gallery-item-second   , .two-column .gallery-item , .fw-gi .gallery-item .grid-item-holder , .fw-gi .gallery-item .grid-item-details{
		width: 50%;
	}
	.fw-gi .gallery-item {
		width: 100%;
	}
	.gallery-item img,
	.grid-sizer img , .post-item_media a img {
		width: 100%;
		height: auto;
		float: left;
		position: relative;
		z-index: 1;
		background: #272535;
		transform: translateZ(0);
		transition: all .3s ease-in-out;
	}
	.gallery-item:hover img , .post-item_media a:hover img {
		transform: scale(1.15);
	}
	.grid-item-holder {
		overflow: hidden;
		position: relative;
		border-radius:  10px 10px  0 0;
	}
	.list-single-gallery .grid-item-holder {
		border-radius:  10px  ;	
	}
	.grid-item-details {
		padding:30px;
		border: 1px solid #eee;
		background: #fff;
		border-top: none;
		position: relative;
		box-sizing:border-box;
		border-radius: 0 0 10px 10px;
	}
	.grid-item-details:after {
		content: '';
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 0;
		z-index: -1;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 10px 14px 0 rgba(37,44,65,0.12);
		transition: all .3s ease;
	}
	.gallery-item:hover .grid-item-details:after {
		bottom: 6px;	
	}
	.grid-item-details h3{
		display:block;
		text-align:left;
		padding-bottom:12px;
		color: #333;
		font-size: 2.3em;
		position: relative;
	}
	.grid-item-details h3 a{
		color:#333;
	}
	.grid-item-details h3 span {
		position:absolute;
		right:0;
		top:6px;
	
		font-size:12px;
		font-style:italic;
	}
	.grid-item-details p {
		text-align:left;
		font-size: 1.2em;
	}
	.grid-item_price span{
		font-size:1.8em;
		position: relative;
		float:left;
		color:var(--main-color);
	}
	.grid-item_price {
		overflow: hidden;
		position:relative;
		margin-top: 20px;
	}
	.fw-gi .gallery-item .grid-item-holder , .fw-gi .gallery-item .grid-item-details , .fw-gi2-column .grid-item-holder , .fw-gi2-column .gallery-item .grid-item-details {
		float: left;
		overflow: hidden;
	}
	.fw-gi .gallery-item .grid-item-holder , .fw-gi2-column .grid-item-holder {
		border-radius: 10px 0 0 10px;
	}
	.fw-gi2-column .gallery-item .grid-item-details  ,   .fw-gi .gallery-item .grid-item-details  {
		width: 55%;
	}
	.fw-gi2-column .grid-item-holder , .fw-gi .gallery-item .grid-item-holder  {
		width: 45%;
	}
	.fw-gi .gallery-item .grid-item-details , .fw-gi2-column .gallery-item .grid-item-details {
		border: 1px solid #eee;
		border-left: none;
		border-radius:   0 10px 10px 0;
		padding: 22px 30px;
	}
	.fw-gi2-column .gallery-item .grid-item-details {
		padding: 20px 30px 33px;
		background: #f9f9f9;
	}
	.fw-gi2-column .gallery-item .grid-item-details .gid_link  {
		background: #fff
	}
	.fw-gi2-column .gallery-item .grid-item-details h3 {
		font-size: 1.8em;
	}
	.grid-item-details h3:hover a , .post-item_content h3 a:hover {
		color:var(--main-color);
	}
	.lg-actions .lg-next, .lg-actions .lg-prev {
		border-radius:50%;
		box-shadow: 0 0 0 4px rgba(255,255,255,.2);
	}
	.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{
		color:#fff;
	}
	.room-card-details {
		overflow: hidden;
		margin: 10px 0;
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
		padding: 20px 0;
	}
	.rcd-single {
		margin: 20px 0;	
		padding:  0  0 40px;
		border-top:none;
	}
	.room-card-details li {
		float: left;
		margin-right: 20px;
		font-size: 1.3em;
		color:#666;
	}
	.rcd-single li {
		font-size: 1.5em;	
	}
	.room-card-details li i {
		margin-right: 10px;
		color:var(--main-color);
	}
	.like-btn {
		position: absolute;
		bottom: 30px;
		left: 30px;	
		cursor: pointer; 
		width: 40px;
		height: 40px;
		line-height: 44px;
		background: #fff;
		border-radius: 50%;
		z-index: 10;
		color:var(--main-color);
		box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2); 	
		font-size: 1.3em; 
	}
	.like-btn i , .like-btn , .like-btn span {
		transition: all .2s ease-in-out; 
	}
	.like-btn span {
		position: absolute;
		left: 100%;
		margin:-24px 0 0 20px ;
		top: 50%;
		height: 40px;
		line-height: 40px;
		z-index: 20px;
		background: #fff;
		width: 150px;
		font-size: 11px;
		border-radius: 4px;
		box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2); 
		opacity: 0;
		visibility: hidden;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.like-btn:hover  span {
		opacity: 1;
		visibility: visible;
		margin:-20px 0 0 20px;
	}
	.like-btn:hover i   {
		font-weight: bold
	}
	.like-btn:hover , .box-media-zoom:hover , .pagination a.current-page, .pagination a:hover  {
		background: #272535;
	}
	.gid_link {
		position: absolute;
		bottom: 20px;
		right: 30px;
		border: 1px solid #eee;
		padding: 10px 20px;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		font-weight: 600;
		color:#666;
		font-size: .9em;
	}
	.gid_link:hover {
		background: #f9f9f9
	}
	.gid_link i {
		margin-left: 10px;
		color:var(--main-color);
	}
	.pagination {
		margin-top:50px;
		overflow: hidden;
	}
	.pagination  a {
		display:inline-block;
		width:54px;
		height:54px;
		line-height:54px;
		border:1px solid #eee;
		box-sizing:border-box;
		position:relative;
		font-size:1.2em;
		margin: 0 2px;
		color:#888DA0;
		font-family: var(--secondary-font);
		background:#f9f9f9;
		border-radius: 4px;
	}
	.pagination a.current-page, .pagination a:hover , .pagination  a i {
		color:var(--main-color);
	}
	.pagination  a i {
		font-size:14px;
	}
	.svg-corner {
		position: absolute;
		width: 40px;
		height: 40px;
	}
	.box-media-zoom {
		position: absolute;
		top: 30px;
		right: -50px;
		width: 50px;
		height: 50px;
		opacity: 0;
		line-height: 50px;
		font-size: 1.3em;
		color:var(--main-color);
		background: #fff;
		border-radius: 50%;
		z-index: 15;
		transition: all .2s ease-in-out; 
		font-weight: bold;
		box-shadow: 0px 0px 0px 6px rgba(255,255,255,0.2);
	}
	.hov_zoom:hover .box-media-zoom  {
		right: 30px;
		opacity: 1;
	}
	.text-block-title {
		position: relative;
	}
	.tb-sin {
		margin-top: 30px;
		padding-right: 50px;
	}
	.text-block-title h4 , .tbc_subtitle {
		text-align: left;
		font-weight: 500;
		position: relative;
		color: #333;
		font-size: 2.8em;
	}
	.text-block {
		position: relative;
		z-index: 4;
	}
	.tbc_subtitle {
		font-size: 2.0em;
		margin: 30px 0;
	}
	.tbc_subtitle2 {
		margin: 15px 0;
	} 
	.tbc_subtitle:before , .contacts-card-item span:before {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 40px;
		height: 1px;
		background: var(--main-color);
	}
	.contacts-card-item span:before {
		right: 10px;
	}
	.sr-opt {
		position: absolute;
		top: 0;
		right: 0;
		padding: 20px 40px;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 10px;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.04);
	}
	.sa-price {
		font-size: 2.4em;
		position: relative;
		text-align: left;
		color: var(--main-color);	
	}
	.sa_towishlist {
		margin-top: 10px;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		font-weight: 500;
		color:#666;
		font-size: .9em;
		cursor: pointer;
	}
	.content-section.notp {
		padding-top: 0;
	}
	.st-gallery {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 20;
		width: 25%;
	}
	.st-gallery .section-title {
		transform: translateY(-50%);
		top: 50%;
		z-index: 5;
	}
	.st-gallery .section-title h2 , .column-text .section-title h2 {
		color:#fff;
	}
	.fs_sin {
		position: absolute;
		bottom: 50px;
		left: 50%;
		transform: translateX(-50%);
	}
	.single-carousle-container  {
		padding: 20px;
		margin-bottom: 30px;
	}
	.single-carousle-container2 {
		padding: 15px 15px 15px 0;
	}
	.single-carousel-wrap {
		border: 1px solid #eee;
		overflow: hidden;
		border-radius: 10px 10px 0 0;
		padding: 20px;
		background: #fff;
	}
	.single-carousel-wrap , .single-carousle-container , .single-carousle-container2 , .single-carousel-wrap2 {
		position: relative;
		overflow: hidden;
	}
	.single-carousel   {
		height: 650px;
	}
	.single-carousel , .single-carousel2 {
		height: 50vh;
	}
	.single-carousel .swiper-container , .single-carousel2 .swiper-container , .rooms-carousel .swiper-container  {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	} 
	.single-carousel .swiper-slide , .single-carousel2  .swiper-slide   {
		width: auto!important;
		height:100% !important;
		display:inherit !important;
		overflow: hidden;
		border-radius: 10px;
	}
	.single-carousel  .swiper-slide img , .single-carousel2  .swiper-slide  img    {
		width: auto!important;
		height:100% !important;
		position:relative;
		z-index:1;
	}
	.slider-button  {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-top: -25px;
		border-radius: 50%;
		transition: all .3s ease;
		background: #272535;
		z-index: 50;
		cursor: pointer;
		color: var(--main-color);
		box-shadow: 0px 0px 0px 6px rgba(255,255,255, .4);
	}
	.slider-button:before {
		content: '';
		position: absolute;
		top: 50%;
		width: 70px;
		height: 1px;
		background: rgba(255,255,255, .3);
		transition: all .3s ease;
	}
	.fw-carousel-button-prev {
		left:  40px;
	}
	.fw-carousel-button-prev:before {
		left: 100%;
		margin-left: 20px;
	}
	.fw-carousel-button-next {
		right:  40px;
	}
	.fw-carousel-button-next:before {
		right:  100%;
		margin-right: 20px;
	}
	.slider-button:hover:before , .slider-button:hover:after {
		width: 0;
	}
	.slider-button:hover {
		box-shadow: 0px 0px 0px 0px rgba(255,255,255, .4);	
	}
	.sc-controls .swiper-pagination-bullet   {
		background:none;
		position:relative;
		margin :0  10px;
		height: 6px;
		opacity:1;
	}
	.ss-slider-pagination .swiper-pagination-bullet:before  {
		content:'';
		position:absolute;
		left:50%;
		top:0;
		height:100%;
		width:6px;
		border-radius:100%;
		background:#fff;
		margin-left:-3px;
		transition: all 0.5s ease;
	}
	.ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
		background: var(--main-color);
	} 
	.ss-slider-pagination .swiper-pagination-bullet:after  {
		content:'';
		position:absolute;
		left:50%;
		top:50%;
		width:22px;
		height:22px;
		margin:-11px 0 0 -11px;
		box-sizing:border-box;
		border:1px solid  rgba(255,255,255,.5);
		border-radius:100%;
		transition: all .3s ease;
		transform :scale(0.0);
	}
	
	.ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after   {
		transform :scale(1.0);
	}
	.sc-controls {
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
		background: rgba(39, 37, 53, .7);
		padding: 15px 20px;
		border-radius:  20px;
		box-shadow: 0px 0px 0px 6px rgba(255,255,255, .1);
	}
	.fwc_pag2 {
		left: auto;
		transform: translateX(0);
		right: 40px;
		bottom: 40px;
	} 
	.meg_aminites_item {
		position: relative;
		padding: 20px 30px  ;
		background: #f9f9f9;
		border-radius: 10px;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		font-weight: 500;
		text-align: left;
	
		border: 1px solid #eee;
		margin: 5px 0;
	}
	.meg_aminites_item span {
		position: relative;
		top: -2px;
	}
	.meg_aminites_item i {
		color:var(--main-color);
		font-size: 20px;
		margin-right: 20px;
	}
	.tbc-separator {
		background: #eee;
		height: 1px;
		margin-top: 30px;
	}
	.text-block_list li{
		position: relative;
		text-align: left;
		padding-left: 20px;
		margin-bottom: 20px;
		font-family: var(--secondary-font);
		font-size: 1.3em;
	}
	.text-block_list li:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f0da";
		position: absolute;
		left: 0;
		top: 5px;
		font-size: 11px;
		font-weight: 900;
		transition: all .2s linear;
		color: var(--main-color);
	}
	.video-box {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
	}
	.text-block_list  , .video-box {
		margin-top: 40px;
	}
	.video-box-btn {
		position:absolute;
		width:60px;
		height:60px;
		line-height:60px;
		margin:-30px 0 0 -30px;
		color: #fff;
		z-index:20;
		left:50%;
		top:50%;
		background: var(--main-color);
		box-shadow: 0px 0px 0px 17px rgba(255,255,255,0.2);
		border-radius:50%;
		transition: all .3s linear;
		cursor: pointer;
	}
	.video-box-btn:hover , .promo-link:hover   {
		box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.4);
	}
	.promo-video {
		position: absolute;
		top: 50%;
		left: 10px;
		right: 10px;
		transform: translateY(-50%);
		z-index: 10;
	}
	.promo-video .video-box-btn {
		position: relative;
		display: inline-block;
		margin: 0 0 30px 0;
		left: 0;
		top: 0;
	}
	.promo-video h4 {
		color:#fff;
		font-size: 1.8em;
		position: relative;
		text-transform: uppercase;
	}
	.promo-video h4:before {
		content: '';
		position: absolute;
		bottom: -20px;
		height: 1px;
		left: 50%;
		width: 50px;
		background: var(--main-color);
		margin-left: -25px;
	}
	.post-related{
	
		margin-top: 50px;
	}
	.post-related_title {
		margin-bottom: 30px;
	}
	.post-related_title h6 {
		font-size: 2.0em;
	}
	.item-related_img {
		display: block;
		overflow: hidden;
		border-radius: 10px;
		margin-bottom:20px;	
		position: relative;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.2);
	}
	.item-related_img span , .item-related_img .overlay , .item-related_img  {
		transition: all .2s linear;	
	}
	.item-related_img span  {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: 10;
		color:#ffff;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		font-weight: 600;
		padding: 15px 30px;
		background: #272535;
		margin-top: 10px;
		opacity: 0;
		border-radius: 10px;
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.4);
	}
	.item-related .overlay {
		opacity: 0;
	}
	.item-related:hover .overlay {
		opacity: .5;
	}
	.item-related:hover .item-related_img {
		box-shadow: 0px 0 0px 0px rgba(0,0,0,.2);	
	} 
	.item-related_img:hover span {
		opacity: 1;
		margin-top: 0;
	}
	.item-related h3 {
		padding-bottom: 12px;
		color: #666;
		font-size: 1.8em;
		position: relative;
	}
	.item-related h3 a {
		color:#444;
	}
	.item-related .post-date {
		font-style:italic;
		color:var(--main-color);
		font-size: 1.4em;
		display: block;
	}
	.item-related .room-card-details li {
		float: none;
		display: inline-block;
		margin: 0 10px;
	} 
	.blog-media {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		margin-bottom: 30px;
	}
	/*------ Video -------------*/
	.media-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 1;
	}
	.video-mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.mob-bg {
		display: none;
	}
	.hero-wrap .overlay {
		opacity: .6
	}
	.video-holder {
		position: absolute;
		width: 100%;
		height: 100% !important;
		display: block;
		overflow: hidden !important;
		top: 0;
		left: 0;
		padding: 0 !important;
	}
	.video-container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		line-height: 0;
		z-index: -1;
	}
	.video-container video {
		width: 100%;
	}
	.resp-video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.resp-video iframe,
	.resp-video object,
	.resp-video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.blog-media video {
		width: 100%;
		height: auto;
	}
	.mob-bg {
		display:none;
	}
	.post-item {
		width: 50%;
		position: relative;
		padding: 0 20px 20px 0;
	}
	.post-items {
		z-index: 1
	}
	.post-item_media a {
		display: block;
		position: relative;
		overflow: hidden;
		border-radius: 10px 10px 0 0;
	}
	.post-item_media img {
		width: 100%;
		height: auto;
	}
	.post-item_content {
		padding: 30px  ;
		border-radius: 0 0 10px 10px;
		border: 1px solid #eee;
		border-top: none;
		background: #fff;
	}
	.post-item_content h3 {
		font-size: 1.9em;
		margin-bottom: 15px;
		text-align: left;
		position: relative;
	}
	.post-item_content h3 a {
		display: block;
	}
	.main-sidebar-widget h3 {
		text-align: left;
		padding: 25px 30px;
		font-size: 1.7em;
		background: #fff;
		position: relative;
		border-bottom: 1px solid #eee;
		color:#666;
	}
	.main-sidebar-widget h3:before , .comments-header:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f0dd";
		position: absolute;
		right: 40px;
		top: 50%;
		color:var(--main-color);
		height: 20px;
		font-size: 13px;
		line-height: 20px;
		margin-top: -10px;
		font-weight: 900;
	}
	.search-widget {
		padding:15px 20px;
		overflow: hidden;
		background: #f9f9f9;
	}
	.search-widget input.search-inpt-item{
		font-family: var(--secondary-font);
		background: #fff;
		text-transform: uppercase;
		font-size: .9em;
		height: 60px;
		padding: 0 20px;
		width: 70%;
		float:left;
		border: 1px solid #eee;
		border-radius:  10px 0 0 10px;
	}
	.search-submit {
		border:none;
		float:left;
		height: 60px;
		line-height:60px;
		width:30%;
		font-size: 1.2em;
		border-radius: 0 10px 10px 0;
		background: var(--main-color);
	}
	.recent-post-widget {
		overflow: hidden;
		position:relative;
		padding: 30px;
	}
	.recent-post-widget ul {
		list-style:none;
	}
	.recent-post-widget ul li {
		float:left;
		width:100%;
		margin-bottom:15px;
		position:relative;
		border: 1px solid #eee;
		background: #fff;
		overflow: hidden;
		border-radius: 10px;
	}
	.recent-post-img {
		float:left;
		width:140px;
		padding: 10px;
		border-right: 1px solid #eee;
	}
	.recent-post-img img {
		width:100%;
		height:auto;
		border-radius: 10px;
		box-shadow: 0 10px 24px 0px rgba(0,0,0, .2);
	}
	.recent-post-content {
		float: left;
		padding: 20px 0 0 30px;
	}
	.recent-post-content h4 {
		font-family: var(--secondary-font);
		padding-bottom:6px;
		text-align:left;
		font-size: 1.3em;
		font-weight: 600;
	}
	.recent-post-content h4 a:hover {
		color: var(--main-color);
	}
	.recent-post-opt   span.post-date {
		float:left;
		padding-right:10px;
		font-family: var(--secondary-font);
	}
	.category-widget .cat-item {
		float:left;
		width:100%;
		list-style:none;
	}
	.category-widget .cat-item li {
		float:left;
		text-align:left;
		width:100%;
		margin-bottom:20px;
		color:#7c7c7c;
		font-weight:500;
		position:relative;
	}
	.category-widget .cat-item li a {
		float:left;
		position:relative;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		z-index:2;
		padding:0 40px 0 0;
		top:4px;
	}
	.category-widget .cat-item li:before {
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		right:50px;
		border-top:1px dotted #ccc;
		z-index:2;
	}
	.category-widget .cat-item li span {
		float:right;
		width:30px;
		height:30px;
		line-height:30px;
		color:#fff;
		text-align:center;
		font-size:.9em;
		border-radius:50%;
		background: var(--main-color);

	} 
	.category-widget .cat-item li a:hover {
		text-decoration:underline;
	}
	.social-widget li {
		float: left;
		margin:0 4px 0 0;
	}
	.social-widget li a {
		float: left;
		width:50px;
		height:50px;
		color: var(--main-color);
		border-radius: 50%;
		background: #272535;
		line-height:50px;
	}
	.tags-widget , .category-widget , .social-widget {
		padding: 30px;
		overflow: hidden;
	}
	.tagcloud {
		overflow: hidden;
	}
	.tagcloud a {
		float: left;
		padding: 12px 15px;
		color: var(--main-color);
		background: #272535;
		margin: 0 4px 4px 0;
		border-radius: 4px;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		font-weight: 600;
		font-size: .9em;
		transition: all .3s ease-in-out;
	}
	.tagcloud a:hover {
		color: #272535 ;
		background: var(--main-color);	
	}
	.main-sidebar-widget {
		margin-bottom:30px;
		position: relative;
		border: 1px solid #eee;
		border-radius: 10px;
		overflow: hidden;
		background: #f9f9f9;
	}
	.tc_single {
		margin-top: 30px;
	}
	.tc_single_title {
		float: left;
		position: relative;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		margin-right: 20px;
		top: 12px;
	}
	.post-img-row {
		display: grid;
		grid-template-columns: 50% 50%;
		padding: 20px 0 30px;
		grid-gap: 10px;
	}
	.post-img-row img {
		border-radius: 10px;
	}
	.content-nav-fixed {
		position:relative;
		padding:0 30px;
		height: 100px;
		background: #272535;
		margin : 30px 0;
		border-radius: 10px;
	}
	.content-nav-fixed:after {
		content: '';
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
		border-radius: 10px;
		z-index: 1;
		border: 1px dashed rgba(255,255,255,.2);
	}
	.content-nav-fixed:before {
		content:'';
		position:absolute;
		left:50%;
		width:1px;
		height:20px;
		top:50%;
		margin-top:-10px;
		background:rgba(255,255,255,0.21);
		z-index:100;
	}
	.content-nav-fixed ul {
		display: grid;
		grid-template-columns: 50% 50%;
		position: relative;
		z-index: 10;
	}
	.content-nav-fixed li {
		width:100%;
		display:block;
		position:relative;
	}
	.content-nav-fixed li:first-child {
		border:none;
	}
	.content-nav-fixed li a.ln , .content-nav-fixed li a.rn {
		color:var(--main-color);
		text-transform: uppercase;
		position:relative;
		width:100%;
		height: 100px;
		line-height: 100px;
	}
	.content-nav-fixed li a.ln  {
		text-align:left;
		float:left;
		padding-left: 120px;
	}
	.content-nav-fixed li a.rn  {
		text-align:right;
		float:right;
		padding-right: 120px;
	}
	.content-nav-fixed li a:hover:before {
		top:0;
	}
	.content-nav-fixed li a.ln i , .content-nav-fixed li a.rn i  {
		position:relative;
		z-index:50;
		transform: translateX(0);
		transition: all .3s linear;
		color:#fff;
	}
	.content-nav-fixed li a.ln:hover i   {
		transform: translateX(-85px);
		transition-delay: .35s;
	}
	.content-nav-fixed li a.rn:hover i  {
		transform: translateX(85px);
		transition-delay: .35s;
	}
	.content-nav-fixed li a span {
		font-size:12px;
		text-transform:uppercase;
		letter-spacing:2px;
		font-weight:700;
		position:relative;
		z-index:10;
	}
	.content-nav-fixed li a.ln span {
		padding-left:15px;
	}
	.content-nav-fixed li a.rn span  {
		padding-right:15px;
	}
	.content-nav_mediatooltip {
		position:absolute;
		bottom:50%;
		margin-bottom:-30px;
		overflow:hidden;
		width:60px;
		height:60px;
		border-radius:50%;
	}
	.content-nav-fixed li .overlay {
		opacity: 0;
		transition: all .3s linear;
	}
	.content-nav-fixed li:hover    .overlay {
		opacity: .7;
		transition-delay: .3s
	}
	.content-nav_mediatooltip.cnmd_leftside {
		left:0;
	}
	.content-nav_mediatooltip.cnmd_rightside {
		right:0;
	}
	.comments-item {
		position: relative;
		padding-left: 100px;
	}
	.comments-avatar {
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
		border-radius: 50%;
		overflow: hidden;
		box-shadow: 0 10px 24px 0px rgba(0,0,0, .2);
	}
	.comments-avatar img {
		width: 100%;
		height: 100%;
	}
	.comments-item-text {
		position: relative;
		overflow: hidden;
		border: 1px solid #eee;
		background: #f9f9f9;
		border-radius: 10px;
	}
	.comments-wrap  {
		margin-top: 30px;
	}
	.comments-item {
		margin-bottom: 30px;
	}
	.comments-wrap .comments-item:last-child {
		margin-bottom: 0;
	}
	.comments-header {
		padding: 20px 40px;
		text-align: left;
		border-bottom: 1px solid #eee;
		font-size: 1.4em;
		background: #fff;
		position: relative;
	}
	.comments-item-footer {
		position: relative;
		overflow: hidden;
		padding: 20px 40px;	
		border-top: 1px solid #eee;
		font-family: var(--secondary-font);
	}

	.comments-item-text-wrap {
		padding: 20px 40px ;
	}
	.comments-item-text-wrap p {
		text-align: left;
	}
	.comments-item-date {
		float: left;
		font-size: 1.1em;
	}
	.comments-item-date i {
		margin-right: 10px;
		color:var(--main-color);
	}
	.reply-item {
		float: right;
		background: #fff;
		padding: 8px 20px;
		border: 1px solid #eee;
		box-shadow: 0 10px 14px 0px rgba(0,0,0, .05);
	}
	#message {
		text-align:left;
		font-size: 1.3em;
	}
	#message div {
		padding-top: 20px;	
	}
	.comment-form input , .comment-form textarea {
		border: 1px solid #eee;
		background: #f9f9f9;
		width: 100%;
		padding: 0 30px  ;
		height: 60px;
		border-radius: 4px;
		color: #000;
		font-size: 13px;
		-webkit-appearance: none;
		text-align: left;
		margin-top: 20px;
		font-family: var(--secondary-font);
	}
	.comment-form textarea {
		min-height: 150px;
		resize: vertical;
		padding: 25px 30px;
		margin-bottom: 20px;
	}
	.comment-form input::-webkit-input-placeholder  ,  .comment-form textarea::-webkit-input-placeholder{
		font-weight:500;
		font-size:13px;
		font-family: var(--secondary-font);
	}
	.commentssubmit {
		display: table;
		height: 60px;
		cursor: pointer;
		padding: 0 50px;
		border: none;
		-webkit-appearance: none;
		border-radius: 4px;
		position: relative;
		color:  #fff;
		text-transform: uppercase;
		background:#272535;
		font-weight: 500;
		font-family: var(--secondary-font);
		transition: all .2s linear;
	}
	.commentssubmit:hover {
		background: var(--main-color);
		color: #272535;
	}
	.contacts-cards-wrap {
		margin-bottom: 30px;
	}
	.contacts-card-item {
		position: relative;
		padding: 30px 30px 30px 90px;
		overflow: hidden;
		border: 1px solid #eee;
		border-radius: 10px;
		background: #272535;
		transition: all .3s ease-in-out;

	}
	.contacts-card-item:hover {
		background: #fff;
		box-shadow: 0px 10px 14px 0px rgba(0,0,0,.05);
	}  
	.contacts-card-item i {
		position: absolute;
		top: 50%;
		left: 30px;
		font-size: 2.8em;
		color:var(--main-color);
		transform: translateY(-50%);
	}
	.contacts-card-item span  {
		display: block;
		text-align: left;
		font-size: 2.0em;
		margin-bottom: 15px;
		font-weight: 600;
		position: relative;
		color: #ab2f64;
	}
	.contacts-card-item a {
		float: left;
		text-transform: uppercase;
		font-family: var(--secondary-font);
		margin: 10px 15px 0 0;
		font-size: 1.1em;
		font-weight: 500;
		color:var(--main-color);
		transition: all .2s ease-in-out;
	}
	.contacts-card-item a:hover {
		color:#666;
	}
	.map-container{
		height:544px;
		position:relative;
		overflow:hidden;
		border-radius: 10px;
	}
	.mapzoom-in  , .mapzoom-out , .scrollContorl{
		position: absolute;
		z-index:100;
		cursor:pointer;
		width:46px;
		height:46px;
		line-height:46px;
		border-radius:6px;
		right:22px;
		color:var(--main-color);
		bottom:70px;
		transform: translate3d(0,0,0);
		background: #272535;
		box-shadow: 0px 0px 0px  5px rgba(255,255,255,.09);
	}
	.mapzoom-out {
		bottom:20px; 
	}
	.scrollContorl {
		bottom:150px;
	}
	.mapzoom-in:before, .mapzoom-out:before  , .scrollContorl:before{
		font-family: "Font Awesome 6 Pro";
		content: "\f068";
		font-size: 10px;
		font-weight: 600;
	}
	.mapzoom-in:before {
		content: "\f067";
	}
	.scrollContorl:before {
		content: "\f09c";
	}
	.scrollContorl.enabledsroll:before {
		content:'\f3c1';
	}
	.mapzoom-in:hover  , .mapzoom-out:hover , .scrollContorl:hover {
		color:#fff;
	}
	.gm-style .gm-style-iw {
		border-radius:0!important;
		padding: 12px 20px 2px!important; 
	}
	.tabs-container {
		overflow: hidden;
		border: 1px dashed #ddd;
	}
	.tab-content   {
		display: none;
	}
	.tab{
		position: relative;
	}
	.first-tab {
		display: block;
	}
	.hero-menu_header {
		position: relative;
		margin: 30px 0 50px;
		display: inline-table;
		border : 1px solid #eee;		
		background: #fff;
		padding: 0 50px;
		border-radius: 10px;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.04);
	}
	.hero-menu_header:before, .hero-menu_header:after {
		content: '';
		position: absolute;
		top: 50%;
		width: 120px;
		height: 1px;
		border-top: 1px solid #eee;
	}
	.hero-menu_header:before {
		left: -150px;
	}
	.hero-menu_header:after {
		right: -150px;
	}
	.hero-menu-det {
		margin-top: 40px;
		padding-top: 20px;
		border-top: 1px solid #ddd;	
	}
	.hero-menu_header li {
		text-align: left;
		display: inline-block;
		margin: 0 30px;
		font-size: 1.5em;
		position: relative;
		padding: 25px 0;
	}
	.hero-menu_header li:after {
		content: '';
		position: absolute;
		top: 50%;
		right: -34px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-radius: 50%;
		background: var(--main-color);
	} 
	.hero-menu_header li:last-child:after {
		display: none
	} 
	.hero-menu_header li:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f0d8";
		position: absolute;
		bottom: -6px;
		font-size: 15px;
		right: 50%;
		opacity: 0;
		font-weight: 800;
	} 
	.hero-menu_header li a {
		color:#666;
		transition: all .3s ease-in-out;
	} 
	.hero-menu_header li.current a , .hero-menu_header li.current:before , .hero-menu_header li  a:hover , .hero-menu_title h4 , .signature_title_item h6 {
		color: var(--main-color);
	}
	.hero-menu_header li.current:before {
		opacity: 1
	}
	.dec-container {
		position: relative;
		background: #f9f9f9;
		border: 1px solid #eee;
		border-radius: 10px;
		padding: 60px ;
	}
	.signature-opt {
		overflow: hidden;
	}
	.signature-opt {
		padding: 15px 0 0;
	}
	.signature_title , .signature_title_item , .signature_title img {
		float: left;
	}
	.signature_title img {
		width: 70px;
		height: 70px;
		border-radius: 50%;
	}
	.signature_title_item {
		margin-left: 20px;
		text-align: left;
		padding-top: 10px;
	}
	.signature_title_item h5 {
		font-size: 1.9em;
	}
	.signature_title_item h6 {
		font-weight: 500;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.signature_item {
		float: right;
		width: 100px;
		margin-top: 15px;
	}
	.dc_dec-item_left , .dc_dec-item_right {
		position: absolute;
		top: 50%;
		z-index: 5;
	}
	.dc_dec-item_left {
		left: -60px;
	}
	.dc_dec-item_right {
		right: -60px;
	}
	.dc_dec-item_right:before , .dc_dec-item_left:before {
		content: '';
		position: absolute;
		top: 50%;
		height: 1px;
		width: 100px;
		background: #eee;
	} 
	.dc_dec-item_right:before {
		left: 30px;
	} 
	.dc_dec-item_left:before  {
		right: 30px;
	}
	.dec-container:before {
		content: '';
		position: absolute;
		top: 30px;
		left:30px;
		bottom: 30px;
		right: 30px;
		background: #fff;
		border-radius: 10px;
		border: 1px solid #eee;
		z-index: 1;
	}
	.hero-menu-item {
		position: relative;
		border-bottom: 1px dashed #ddd;
		z-index: 10; 
		opacity:0;
		left: -30px;
		float: left;
		width: 50%;
		overflow: hidden;
	}
	.hero-menu-wrap .hero-menu-item:nth-child(even) {
		padding: 30px 0 30px 150px;
	}
	.hero-menu-wrap .hero-menu-item:nth-child(odd) {
		padding: 30px 20px 30px 150px;
	} 
	.hero-menu-item.uvis-hmi  {
		opacity: 1;
		left: 0;	
	}
	.uvis-hmi {
		transition-delay: .2s;
		transition: all .2s ease-in-out;
	}
	.hero-menu-item-img {
		width: 80px;
		height: 80px;
		position: absolute;
		left: 40px;
		top: 50%; 
		margin-top: -40px;
	}
	.hero-menu-item-img:before {
		content: '';
		position: absolute;
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px;
		border-radius: 50%;
		border: 1px dashed #ccc;
		z-index: 2;
	}
	.hero-menu-item-img img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .2);
		position: relative;
		z-index: 1;
	}
	.hero-menu-item-img:after  {
		font-family:"Font Awesome 6 Pro";
		content: "\f002";
		position: absolute;
		left:0;
		top: 0;
		background:rgba(0,0,0,0.6);
		border-radius: 50%;
		width: 80px;
		height: 80px;
		line-height: 80px;
		z-index:3;
		opacity:0;
		font-size:15px;
		transition: all .2s ease-in-out;
		color: var(--main-color);
	}
	.hero-menu-item-img:hover:after{
		opacity:1;
	}
	.hero-menu-item-title h6 {
		text-align: left;
		padding-bottom: 4px;
		color:#444;
		font-size:1.7em;
		font-weight: 500;
		position: relative;
	}
	.hot-desc {
		color: var(--main-color);
		margin-left: 10px;
	}
	.hero-menu-item-price {
		font-weight: 500;
		font-size:2.2em;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		color: var(--main-color);
	}
	.hero-menu-item-details {
		padding-right: 50px;
	}
	.dwonload_btn , .btn {
		height: 54px;
		line-height: 54px;
		padding: 0 54px;
		position: relative;
		display: inline-block;
		margin-top: 50px;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		font-weight: 600;
		border-radius: 4px;
		color:#fff;
		background: #272535;
		transition: all .3s ease-in-out;
	}
	.btn:before , .dwonload_btn:before {
		content: '';
		position: absolute;
		top: -10px;
		left: -10px;
		right: -10px;
		bottom: -10px;
		border-radius: 4px;
		border: 1px dotted #ddd;
		transition: all .3s ease-in-out;
	}
	.btn:hover:before , .dwonload_btn:hover:before , .stg_link:hover:before  {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
	}
	.btn {
		margin-top: 30px;
	}
	.fl-btn{
		float: left
	}
	.dwonload_btn:after {
		content: '';
		position: absolute;
		top: -40px;
		left: 50%;
		width: 1px;
		height: 25px;
		background: #eee;
		z-index: 10;
	}
	.dwonload_btn:hover , .btn:hover {
		background: var(--main-color);
		color:#222;
	}
	.fw-aminit-wrap {
		position: relative;
		height: 60vh;
		overflow: hidden;
	}
	.fw-aminit-item {
		position: relative;
		float: left;
		width: 33.3333333%;
		border-right: 1px solid rgba(255,255,255,.2);
		cursor: pointer;
		z-index: 20;
	}
	.fw-aminit-item:before {
		content: '';
		position: absolute;
		top: 30px;
		bottom: 30px;
		right: 30px;
		left: 30px;
		border: 1px solid rgba(255,255,255,.2);
		border-radius: 10px;
		background: rgba(39, 37, 53, .3);
		transition: all .3s ease-in-out;
	}
	.fw-aminit-item:after {
		content: '';
		position: absolute;
		top: 50px;
		left: 50%;
		height: 0;
		width: 1px;
		background:  rgba(255,255,255,.2);
		transition: all .3s ease-in-out;
	}
	.fw-aminit-item.act-index:after {
		height: 100px;
	}
	.fw-aminit-item.act-index:before {
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
		background: rgba(39, 37, 53, .8);
	}
	.fw-aminit-wrap .fw-aminit-item:last-child {
		border:none;
	}
	.fw-aminit-item-container{
		position: relative;
		padding: 0 50px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
	}
	.fw-aminit-item-container i {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%) scale(0);
		color:var(--main-color);
		opacity: .3;
		z-index: -1;
		font-size: 10.4em;
		transition: all .3s ease-in-out;
	}
	.fw-aminit-item.act-index .fw-aminit-item-container i {
		transform: translateX(-50%) scale(1.0);	
	}
	.fw-aminit-item-container h3 {
		color:#fff;
		font-size: 3.2em;
		position: relative;
	}
	.fw-aminit-item-container h3:before {
		content: '';
		position: absolute;
		bottom: -14px;
		left: 50%;
		width: 50px;
		height: 1px;
		margin-left: -25px;
		background: var(--main-color);
	}
	.fw-aminit-item-container h5 {
		font-size: 1.7em;
		font-style: italic;
		font-weight: 500;
		color:var(--main-color);
	}
	.fw-aminit-item-container h6 {
		margin-top: 30px;
	}
	.aminit-work-time {
		position: absolute;
		left: 50%;
		bottom: 90px;
		transform: translateX(-50%);
		padding: 15px 40px;
		border-radius: 10px;
		border: 1px dotted var(--main-color);
		z-index: 10;
		background: rgba(255,255,255,.07);
		box-shadow: 0px 0px 0px  7px rgba(255,255,255,.07);
		opacity: 0;
		margin-bottom: 10px;
		transition: all .3s ease-in-out;
	}
	.fw-aminit-item.act-index .aminit-work-time  {
		opacity: 1;
		margin-bottom: 0;	
	}
	.aminit-work-time span , .aminit-work-time strong , .fw-aminit-item-container h6 {
		color:#fff;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.aminit-work-time span {
		display: block;
		margin-bottom: 10px;
	}
	.dark-bg {
		background: #272535
	}
	.gray-bg {
		background: #f9f9f9;
	} 
	.bg-ser .bg {
		opacity: 0;
		will-change: opacity, transform;
		transform: scale(1);
		transition: all 1.2s linear;
	}
	.bg-ser .bg.active {
		opacity: 1;
		left: 0;
		transform: scale(1.05);
	}
	/*------ testimonilas------------------------------------------------*/
	.testimonilas-carousel-wrap:before {
		content:'';
		position:absolute;
		top:50%;
		left:0;
		right:0;
		height:1px;
		background: #eee;
	}
	.testimonilas-carousel-wrap {
		position: relative;
		margin-top: 50px;
		padding: 0 50px;
		z-index: 10;
	}
	.testi-item {
		transition: all .3s ease-in-out;
		transform :scale(0.9);
	}
	.testi-item:after , .event-carousel-item:before{
		position: absolute;
		content: '\25CF\25CF\25CF\25CF\25CF';
		width: 50px;
		left: 50%;
		bottom: 50px;
		margin-left: -25px;
		font-size: 6px;
		letter-spacing: 8px; 
		color: var(--main-color);
	}
	.event-carousel-item:before {
		content: '\25CF\25CF\25CF';
		bottom: 0;
	}
	.testimonilas-text-item {
		position: relative;
		z-index: 2;
	}
	.testi-item-dec:before {
		content: '';
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 10px;
		border: 1px solid #eee;
		background: #f9f9f9;
		transition: all .3s ease-in-out;
	}
	.testimonilas-text {
		padding: 85px 50px 75px;
		overflow: hidden;
		background: #fff;
		border:1px solid #eee;
		border-radius: 10px;
		transition: all .3s ease-in-out;
	}
	.testimonilas-text .star-rating {
		margin-bottom: 20px;
	}
	.testimonilas-text:before, .testimonilas-text:after {
		font-family: "Font Awesome 6 Pro";
		position: absolute;
		font-size: 2.2em;
		transition: all .4s linear;
		font-weight: bold;
		color: var(--main-color);
		z-index: 10;
	}
	.testimonilas-text:after {
		content: "\f10e";
		bottom: 30px;
		right: 35px;
	}
	.testimonilas-text:before {
		content: "\f10e";
		top: 30px;
		left: 35px;
	}
	.testimonilas-text  h3 {
		font-weight: 600;
		font-size:1.8em;
		padding-bottom:20px;  
	}
	.testimonilas-carousel .swiper-slide{
		padding:30px 0;
	}
	.testi-avatar {
		position:absolute;
		left:50%;
		top:-30px;
		width:90px;
		height:90px;
		margin-left:-45px;
		z-index:20;
	}
	.testi-avatar:before {
		content: '';
		position: absolute;
		border-radius: 100%;
		left: -8px;
		bottom: -8px;
		right: -8px;
		top: -8px;
		border: 1px solid #eee;
		z-index: 1;
		background: #fff;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.09);
	} 
	.testi-avatar img {
		width:90px;
		height:90px;
		float:left;
		border-radius:100%;
		position:relative;
		z-index:2;
	}
	.testimonilas-text p{
		color: #878C9F;
		font-size: 1.3em;
		font-family: var(--main-font);
		font-style: italic;
		text-align: center;
		padding-bottom: 0;
		font-weight: 500;
	}
	.swiper-slide-active .testimonilas-text   {
		background: #f9f9f9;
	}
	.swiper-slide-active .testimonilas-text .testi-item-dec:before {
		background: #fff
	}
	.swiper-slide-active .testi-item {
		opacity:1;
		transform :scale(1.0);
		background:#fff;
		box-shadow: 0px 10px 24px 0px rgba(0,0,0,.05);
		transition-delay: .7s;
	}
	.testi-link {
		position: relative;
		display: inline-block;
		color:var(--main-color);
		text-transform: uppercase;
		margin-top: 20px;
		font-size: 1.3em;
		font-weight: 600;
	}
	.testi-link:hover {
		color:#666;
	}
	.testi-number {
		position:absolute;
		bottom:35px;
		left:35px;
		font-size:1.8em;
		color:#999;
		z-index: 10;
	}
	.tc-button   {
		position:absolute;
		top:50%;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-top: -25px;
		border-radius: 50%;
		background: #272535;
		color:var(--main-color);
		z-index:50;
		cursor:pointer;
	}
	.tc-button-next {
		right:25px;
	}
	.tc-button-prev   {
		left:25px;
	}
	.tcs-pagination_init {
		margin-top:10px;
		overflow: hidden;
	} 
	.tcs-pagination_init {
		position:absolute;
		bottom:-20px;
		left:0;
		width:100%;
	}
	.tcs-pagination   .swiper-pagination-bullet   {
		opacity:1;
		background:#ccc;
		margin:0 10px;
		display:inline-block;
		width:6px;
		height:6px;
		position:relative;
		border-radius:100%;
		transition: all 300ms ease-out;
	}
	.tcs-pagination   .swiper-pagination-bullet:before  {
		content:'';
		position:absolute;
		left:-5px;
		top:-5px;
		right:-5px;
		bottom:-5px;
		border-radius:100%;
		box-sizing:border-box;
		border:1px solid #ccc;
		transition: all 300ms ease-out;
		transform:scale(0);
	}
	.tcs-pagination   .swiper-pagination-bullet.swiper-pagination-bullet-active:before  {
		transform:scale(1.0);
	}
	.tcs-pagination   .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background:  var(--main-color);
	}
	/*------facts------------------------------------------------*/
	.inline-facts-wrap {
		position: relative;
	}
	.inline-facts {
		float:left;
		width:25%;
		position:relative;
	}
	.inline-facts:before {
		content: '';
		position: absolute;
		right: 0;
		width: 1px;
		height: 50px;
		background: rgba(255,255,255,.3);
		top: 50%;
		margin-top: -25px;
	}
	.inline-facts-wrap .inline-facts:last-child:before {
		display: none
	}
	.inline-facts .num {
		color:var(--main-color);
		font-size:6.3em;
		font-weight:600;
	}
	.inline-facts h6 {
		margin-top:20px;
		font-weight:600;
		position:relative;
		color:#fff;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		font-size: 1.1em;
		display: inline-block;
		padding: 10px 30px;
		border: 1px solid rgba(255,255,255,.2);
		background: rgba(255,255,255,.07);
		border-radius: 4px;
	}
	.inline-facts h6:after {
		position: absolute;
		content: '\25CF\25CF\25CF';
		width: 50px;
		left: 50%;
		bottom: -40px;
		margin-left: -25px;
		font-size: 6px;
		letter-spacing: 4px;
		color:var(--main-color);
	}
	.team-container {
		margin-top: 30px;
	} 
	.team-box {
		overflow: hidden;
		margin-bottom: 20px;
	}
	.team-photo {
		overflow:hidden;
		position:relative;
		border-radius: 10px;
		box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .1);
		z-index: 10;
	}
	.team-info {
		margin-top: 10px;
		padding:25px 30px 40px;
		border:1px dotted #ddd;
		background:#fff;
		border-radius: 6px;
	}
	.team-photo .overlay {
		opacity:0;
		transition: all .2s ease-in-out;
	}
	.team-photo:hover .overlay {
		opacity:0.5;
	}
	.team-info h3  {
		display:block;
		padding-bottom:10px;
		font-weight:500;
		font-size:2.2em;
		color:var(--main-color);
		text-align: center;
	}
	.team-info h4 {
		font-size:.9em;
		font-weight: 500;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.team-info p{
		margin-top:20px;
		text-align: center;
	}
	.team-social {
		position:absolute;
		top:50%;
		height:40px;
		left:20px;
		right:20px;
		opacity:0;
		line-height:40px;
		margin-top:-20px;
		z-index:5;
		transition: all .3s ease-in-out;
		padding:0 10px;
	}
	.ts_title {
		position:absolute;
		top:-40px;
		left:0;
		right:0;
		font-size:1.1em;
		color:#fff;
		font-weight: 500;
		font-family: var(--secondary-font);
		text-transform: uppercase;
	}
	.team-photo:hover .team-social{
		opacity:1;
	}
	.team-info:after {
		position: absolute;
		content: '\25CF\25CF\25CF\25CF\25CF';
		width: 50px;
		left: 50%;
		bottom: 15px;
		margin-left: -25px;
		font-size: 6px;
		letter-spacing: 8px;
		color:var(--main-color);
	} 
	.team-social li {
		display:inline-block;
		margin: 0 10px;
	}
	.team-social li a {
		color:var(--main-color);
		font-size: 1.7em;
	}
	.team-dec {
		position:absolute;
		top:20px;
		right:30px;
		font-size:26px;
		color: #ADC7DD;
	} 
	.image-collge-wrap {
		position: relative
	} 
	.images-collage-item {
		overflow:hidden;
		height: auto;
		position:absolute;
		z-index:1;
	}
	.main-iamge {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		z-index: 4;
	}
	.image-collge-wrap:before , .hero-image-collge-wrap:before {
		content:'';
		position:absolute;
		left:150px;
		bottom:-50px;
		right:-50px;
		height:250px;
		background:#f9f9f9;
		border:1px solid #eee;
		z-index: 1;
		border-radius: 10px;
	}
	.about-img-hotifer {
		position: absolute;
		right: -40px;
		bottom: 20px;
		width: 380px;
		padding:  40px;
		z-index: 11;
		color: #fff;
		text-align: left; 
		box-shadow: 0 5px 25px rgba(0,0,0,0.2);
		border-radius: 10px;
	}
	.about-img-hotifer-wrap {
		position: relative;
		z-index: 4;
	}
	.about-img-hotifer-wrap:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f10e";
		bottom: -10px;
		right: 10px;
		position: absolute;
		font-size: 1.6em;
		font-weight: bold;
		color: var(--main-color);
	}
	.about-img-hotifer h4 {
		padding-bottom: 6px;
		font-size: 1.4em;
		color: var(--main-color);
	}
	.about-img-hotifer h5 {
		font-size: 1.2em;
	}
	.about-img-hotifer p {
		color: #fff;
		font-size: 1.2em;
		margin-bottom: 10px;
		text-align: left;
	}
	.video_link {
		position:absolute;
		left:60px;
		bottom:40px;
		z-index:10;
		cursor: pointer;
	}
	.video_link i {
		width:60px;
		height:60px;
		line-height:60px;
		background: #272535;
		box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.2);
		margin-right:20px;
		font-size:1.2em;
		color: var(--main-color);
		border-radius:50%;
		box-sizing:border-box;
	}
	.video_link:hover i {
		background:var(--main-color);
		color:#272535;
	}
	.video_link span {
		font-weight: 500;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		color:#fff;
	}
	.cards-wrap {
		margin :50px 0 0;
		z-index:2;
		position: relative;
	}
	.content-inner {
		width:100%;
		color: #fff;
		position: relative;
		transform-style: preserve-3d;
		perspective: 1000px;
		backface-visibility: hidden;
		transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		margin-bottom: 23px;
	}
	.content-inner > * {
		backface-visibility: hidden;
		transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	.content-inner:hover .content-front {
		transform: rotateY(-180deg);
	}
	.content-inner:hover .content-back {
		transform: rotateY(0deg);
	}
	.content-inner .content-front,
	.content-inner .content-back {
		position: relative;
		transform-style: preserve-3d;
		perspective: 1000px;
		backface-visibility: hidden;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 10px 34px 0px rgba(0,0,0,.2);
	}
	.content-front {
		background: #272535;
		position:relative;
		cursor:pointer;
		border-radius: 10px;
	}
	.content-inner .content-back {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		transform: rotateY(180deg);
		background: #272535;
		border-radius: 10px;
	}
	.content-inner .cf-inner {
		transform-style: preserve-3d;
		backface-visibility: hidden;
		width:100%;
		padding:130px 40px;
		border-radius: 10px;
	}
	.content-inner .cf-inner .fs-wrapper {
		border-radius: 10px;
	}
	.content-inner .cf-inner .inner {
		align-items: stretch;
		transform-style: preserve-3d;
		perspective: 1000px;
		backface-visibility: hidden;
		transform: translateZ(95px) scale(0.81);
		text-align: center;
		position:relative;
		z-index:2;
	} 
	.content-back i {
		font-size:54px;
		position:relative;
		color: var(--main-color);
	}
	.dec-icon {
		position:relative;
		display:inline-table;
		width:80px;
		height:80px;
	}
	.dec-icon:before , .dec-icon:after {
		content:'';
		position:absolute;
		width:80px;
		height:20px;
		border-radius:20px;
		background:rgba(255,255,255,0.1);
	}
	.dec-icon:before {
		left:-15px;
		top:12px;
	}
	.dec-icon:after  {
		right:-15px;
		bottom:12px;
	}
	.dec-icon i {
		z-index:3;
	}
	.content-back .dec-icon {
		top:-20px;
	}
	.content-inner .cf-inner .inner p {
		color:#fff;
		text-align: center;
	}
	.content-back:after  {
		position:absolute;
		content: '\25CF\25CF\25CF';
		width:50px;
		left:50%;
		bottom:30px;
		margin-left:-25px;
		font-size: 9px;
		letter-spacing: 4px;
		color: var(--main-color);	
	}
	.serv-num {
		position:absolute;
		bottom:40px;
		left:50%;
		color:#fff;
		color: var(--main-color);	
		z-index:3;
		transform: translateX(-50%);
		font-size:1.8em;
	}
	.content-inner .cf-inner .inner h2  {
		position:relative;
		font-size:2.6em;
		font-weight:500;
		padding-bottom:10px;
	}
	.content-inner .cf-inner .inner h2:after {
		content:'';
		position:absolute;
		top:-20px;
		margin-left:-25px;
		left:50%;
		width:50px;
		height:1px;
		background:  var(--main-color);
	}
	.content-inner .content-front h4{
		display:inline-block;
		color:#fff;
		text-transform:uppercase;
		font-weight: 500;
		margin:0 4px;
		font-family: var(--secondary-font);
	}
	.content-inner .cf-inner .inner h2:before {
		content:'';
		position:absolute;
		left:50%;
		bottom:10px;
		width:20px;
		height:2px;
		margin-left:-10px;
	}
	.single-slider-wrap img{
		width:100%;
		height:auto;
	}
	.content-inner .content-front .section-separator:before, .content-inner .content-front .section-separator:after {
		background:rgba(255,255,255, .3);
	}
	.wide-section {
		z-index: 4
	}
	.wide-section:before {
		content: '';
		position: absolute;
		top: 30%;
		left: 0;
		right: 0;
		background: #f9f9f9;
		bottom: 0;
		z-index: 3;
	}
	.wide-section:after {
		content: '';
		position: absolute;
		top: calc(30% + 20px);
		left: 20px;
		bottom: 20px;
		right: 20px;
		border-radius: 10px;
		border: 1px solid #eee;
		background: #fff;
		z-index: 4;
	}
	.wide_section-title {
		margin:40px 0 90px;
	}
	.wide_section-title h3 {
		font-size: 3.5em;
		text-transform: uppercase;
		color: #fff;
	}
	.wide_section-title h5{
		text-align: center;
		color:var(--main-color);
		font-size: 1.3em;
		text-transform: uppercase;
		padding-bottom: 20px;
		position: relative;
	}
	.boxed-container {
		position: relative;
		background: #fff;
		box-shadow: 0px 10px 64px 0px rgba(0,0,0,.1);
		z-index: 20;
		overflow: hidden;
		border-radius: 20px;
		margin : 50px 0;
	}
	.boxed-container-title_item {
		position: relative;
		z-index: 10;
		padding: 15px 15px 0 ;
	}
	.boxed-container-title {
		float: left;
		width: 50%;
		position: relative;
		overflow: hidden;
		background: #fff;
	}
	.boxed-container-title h2 {
		text-align: left;
		font-size: 2.2em;
		color: #666;
		padding-bottom: 20px;
		position: relative;
	}
	.boxed-container-title p {
		color: #292929;
		text-align: justify;
	}
	.boxed-container-title h4 {
		text-align: left;
		font-weight: 600;
		font-size: 1.2em;
		text-transform: uppercase;
		padding-bottom: 10px;
		color:var(--main-color);
	}
	.clients-carousel-wrap {
		position: relative;
		overflow: hidden;
		padding: 0 20px;
		top: 30px;
	}
	.client-item img {
		width: 100%;
		aspect-ratio: 4 / 3;
		object-fit:contain;
		opacity: .7;
		transform: scale(1.3);
		transition: all .3s ease-in-out;
	}
	.client-item img:hover {
		opacity: 1;
	}
	.bic_dec {
		position: absolute;
		right: 30px;
		bottom: -10px;
		color: rgba(255,255,255,0.4);
		font-size: 90px;
	}
	.boxed-container-wrap {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
		width: 50%;
	}
	.boxed-container-wrap:before , .column-wrap-bg:before {
		content: '';
		position: absolute;
		bottom: 30px;
		left: 30px;
		right: 30px;
		top: 30px;
		border: 1px dashed rgba(255,255,255,.4);
		background: rgba(39, 37, 53,.5);
		z-index: 10;
		border-radius: 10px; 
	}
	.column-wrap-bg:before {
		left: 15px;
	}
	.cc-btn {
		position: absolute;
		z-index: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.2em;
		cursor: pointer;
		color:var(--main-color);
	}
	.cc-next {
		right: 0;
	}
	.cc-prev {
		left: 0;
	}
	.aminites-cards-wrap {
		margin-top: 30px;
		position: relative;
	}
	.aminites-card-item {
		position: relative;
		padding: 40px 30px 30px;
		border: 1px solid #eee;
		border-radius: 10px;
		margin: 15px 0;
		transition: all .3s ease-in-out;
		background: #272535;
	}
	.aminites-card-item:hover {
		box-shadow: 0px 10px 14px 0px rgba(0,0,0,.05);
	}
	.aminites-card-item i  {
		text-align: left;
		display: block;
		color:var(--main-color);
		font-size: 3.0em;
		margin-bottom: 40px;
	}
	.aminites-card-item .tbc-separator {
		margin-top: 10px;
	}
	.aminites-card-item h4  {
		font-size:1.9em;
		text-align: left;
		text-transform: uppercase;
		margin-bottom: 10px;
		color:#fff;
		font-weight: 500;	
	}

	.aci_num {
		position: absolute;
		right:0;
		top: 0;
		font-size: 1.4em;
		color:var(--main-color);
		width: 60px;
		height: 60px;
		line-height: 60px;
		background: #f9f9f9;
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-radius: 0 0 0 10px;
	}
	.column-wrap-bg {
		position:absolute;
		top:0;
		width:50%;
		height:100%;
		overflow:hidden;
	}
	.column-wrap-bg-text {
		position:absolute;
		top:40%;
		left:0;
		right:0;
		padding:0 30px;
		z-index:10;
	}
	.column-wrap-bg-text h3 {
		font-size:3.5em;
		color:var(--main-color);
		font-weight: 600;
		text-transform: uppercase;
		position:relative;
	}
	.column-wrap-bg-text h3:after {
		position: absolute;
		content: '\25CF\25CF\25CF\25CF\25CF';
		width: 50px;
		left: 50%;
		top: -20px;
		margin-left: -25px;
		font-size:6px;
		letter-spacing: 8px;
		color:#fff;
	}
	.column-wrap-bg-text h4 {
		font-size:1.8em;
		font-style:italic;
		letter-spacing:1px;
		padding:10px 20px;
		color:#fff;
	}
	.hero-rsto-link {
		display: inline-block;
		color:#fff;
		position: relative;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		font-weight: 600;
		margin-top: 40px;
		transition: all .3s ease-in-out;
	}
	.hero-rsto-link:hover {
		color: var(--main-color);
	}
	.hero-rsto-link:hover:before {
		width: 20px;
		margin-left: -10px; 
	}
	.hero-rsto-link:before {
		content: '';
		position: absolute;
		top: -20px;
		left: 50%;
		width: 40px;
		height: 1px;
		margin-left: -20px;
		transition: all .3s ease-in-out;
		background: var(--main-color);
	}
	.column-wrap-bg.left-wrap {
		left:0;
	}
	.column-wrap-bg.right-wrap {
		right:0;
	}
	.column-section-wrap {
		float:right;
		width:50%;
		position:relative;
		padding:120px 50px;
	}
	.column-section-wrap.left-column-section{
		float:left;
	}
	.column-text {
		max-width:650px;
		margin:0 auto;
		position:relative;
		z-index:3;
	}
	.rooms-carousel-item , .rooms-carousel-wrap  , .rooms-carousel {
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	.rooms-carousel-item {
		border-radius: 10px;
	}
	.rooms-carousel-wrap {
		height: 55vh;
		padding: 15px   15px 15px 0;
	}
	.bg-parallax-wrap-gradien:before , .rooms-carousel-item_container {
		opacity: 0;
		transition: all .3s ease-in-out;
	}
	.rooms-carousel-wrap .swiper-slide-active .bg-parallax-wrap-gradien:before , .rooms-carousel-wrap .swiper-slide-next .bg-parallax-wrap-gradien:before {
		opacity: .9;
		transition-delay: .3s	
	}
	.rooms-carousel-wrap .swiper-slide-next .bg-parallax-wrap-gradien:before {
		transition-delay: .4s		
	}
	.rooms-carousel-item_container {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
		padding: 0 30px 40px;
		margin-bottom: 20px;
	}
	.rooms-carousel-wrap .swiper-slide-active .rooms-carousel-item_container , .rooms-carousel-wrap .swiper-slide-next .rooms-carousel-item_container {
		margin-bottom: 0;
		opacity: 1;
		transition-delay: .3s	
	}
	.rooms-carousel-item_container h3 a {
		color:#fff;
	}
	.rooms-carousel-item_container h3 {
		text-align: left;
		font-size: 2.9em;
		position: relative;
		padding-bottom: 10px;
	}
	.rooms-carousel-item_container p {
		color:rgba(255,255,255,.7);
	}
	.rooms-carousel-item_container .room-card-details {
		border-bottom: none;
		border-color:rgba(255,255,255,.1);
		padding: 20px 0 0;
		margin: 10px 0 0;
		position: relative;
	}
	.rooms-carousel-item_container .room-card-details li {
		color:#fff;
	}
	.rooms-carousel-item_container .room-card-details .grid-item_price {
		position: absolute;
		top:15px;
		right: 0;
		margin: 0;
	}
	.stg_link {
		position: relative;
		display: inline-block;
		margin-top: 40px;
		border: 1px solid  	 var(--main-color);
		padding: 15px 40px;
		border-radius: 4px;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		font-weight: 600;
		color:var(--main-color);
		background: rgba(255,255,255,.05);
		transition: all .3s ease-in-out;
	}
	.stg_link:hover {
		background: var(--main-color);
		color:#272535;
	}
	.stg_link:before {
		content: '';
		position: absolute;
		top: -10px;
		left: -10px;
		bottom: -10px;
		right: -10px;
		border-radius: 4px;
		border: 1px dotted rgba(255,255,255,.2);
		transition: all .3s ease-in-out;
	}
	.rooms-carousel-item .like-btn {
		bottom: auto;
		top: 30px;
		opacity: 0;
		visibility: hidden;
		transform: scale(0);
		transition: all .3s ease-in-out;
	} 
	.rooms-carousel-wrap .swiper-slide-active .rooms-carousel-item .like-btn  , .rooms-carousel-wrap .swiper-slide-next .rooms-carousel-item .like-btn {
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
		transition-delay: .3s
	}
	.rc-controls-wrap {
		position: absolute;
		top: 50%;
		right: 40px;
		z-index: 10;
	}
	.rc-button {
		float: left;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-top: -25px;
		border-radius: 50%;
		transition: all .3s ease;
		background: #272535;
		z-index: 50;
		cursor: pointer;
		color: var(--main-color);
		box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, .4);
		margin-left: 20px;
	}
	.events-carousel-wrap {
		position: relative;
		margin-top: 50px;
	}
	.event-carousel-item {
		position: relative;
		padding-bottom: 20px;
	}
	.event-carousel-item p{
		text-align: center;
		color:#fff;
	}
	.event-date {
		color:#fff;
		font-family: var(--secondary-font);
		text-transform: uppercase;
		padding-bottom: 10px;
		display: block;
	}
	.event-carousel-item h4 {
		font-size: 1.7em;
		padding-bottom: 10px;
	}
	.event-carousel-item h4 a {
		color: var(--main-color);	
	}
	.ec-button {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		z-index: 20;
		cursor: pointer;
		font-size:1.3em;
		color: var(--main-color);
	}
	.ec-button-prev {
		left: -40px
	}
	.ec-button-next {
		right: -40px;
	}
	.single-dec_img   {
		overflow: hidden;
		border-radius: 10px;
		box-shadow: 0px 30px 64px 0px rgba(0,0,0,.4);
		position: relative;
		z-index: 10;
	}
	.hero-image-collge-wrap {
		position: relative;
		padding-left: 50px;
	}
	.hero_images-collage-item {
		position: absolute;
		height: auto;
		border-radius: 10px;
	}
	.hero_images-collage-item:before {
		content: '';
		position: absolute;
		left: -10px;
		right: -10px;
		top: -10px;
		bottom: -10px;
		border-radius: 10px;
		border: 1px dotted #ccc;
		z-index: 1;
	}
	.hero_images-collage-item img {
		position: relative;
		z-index: 2;
		border-radius: 10px;
		box-shadow: 0px 30px 64px 0px rgba(0,0,0,.4);	
	}
	/*------ responsive----*/
	@media only screen and  (max-width: 1600px) {
	.content-dec2:before {
		display: none
	} 
	.rooms-carousel-item_container .room-card-details .grid-item_price {
	position: relative;
			top: 0;
			margin: 25px 0 0 0;
			background: #eeee;
			padding: 10px;
			text-align: center;
			display: grid;
			font-size: 10px;
			font-family: serif;
	}
	.recent-post-img {
		padding:0;
		border-right:none;
	}
	.recent-post-content {
		padding: 20px 0  20px 20px;
	}
	.content-dec2 , .dec-container , .content-dec span {
		background: #fff;
	}
	.fw-gi2-column .gallery-item .grid-item-details, .fw-gi .gallery-item .grid-item-details , .recent-post-img  ,  .rooms-carousel-item_container .room-card-details .grid-item_price , .recent-post-content , .fw-gi2-column .grid-item-holder, .fw-gi .gallery-item .grid-item-holder {
		width: 100%;
	} 
	.fw-gi .gallery-item .grid-item-holder, .fw-gi2-column .grid-item-holder {
		border-radius: 10px   10px 0 0;
	}
	.fw-gi .gallery-item .grid-item-details, .fw-gi2-column .gallery-item .grid-item-details {
		border-left:1px solid #eee;
		border-radius: 0  0 10px 10px  ;
	}	
	}
	@media only screen and  (max-width: 1268px) {
	.dc_dec-item_left, .dc_dec-item_right {
		display: none;
	} 
	.two-column .gallery-item {
		width: 100%;		
	} 	
	}
	@media only screen and  (max-width: 1068px) {
	.main-header .container {
		float: left;
		width: 100%;
		--bs-gutter-x: 0;	
	}
	.header-top {
		height: 80px;
		background: #fff;
		border-bottom: 1px solid #eee;
	}
	.header-social  {
		padding-left: 20px;
	}	
	.header-top_contacts:after {
		background: #eee;
		top: 15px;
	} 	
	.lang-wrap a , .lang-wrap span , .header-social li a:hover , .header-top_contacts a {
		color:#272535;	
	}
	.nav-holder-wrap {
		border-right: none;
		border-left: none;
	}
	.header-top_contacts  {
		font-weight: 600;
	}
	.lang-wrap , .header-top_contacts , .header-social li a   {
		line-height: 80px;
	}	
	.nav-button-wrap {
		float:right;
		height:80px;
		width:80px;
		cursor:pointer;
		position:relative;
		display: block;
		border-left:1px solid #eee;
		left:24px;
	}
	.nav-button  {
		position:absolute;
		top:50%;
		left:50%;
		width:22px;
		height:20px;
		margin-left:-11px;
		margin-top:-6px;
	}
	.nav-button span{
		float:left;
		width:100%;
		height:2px;
		background: #272535;
		margin-bottom:4px;
		border-radius:4px;
		transition: all 200ms linear;
	}
	.nav-button span:first-child {
		width: 50%;
	}
	.main-menu nav ul {
		display:none;
	}
	.main-menu{
		position: absolute;
		top:80px;
		right:-20px;
		width:300px;
		z-index:50;
		padding:15px 10px ;
		background: #272535;
		visibility:hidden;
		opacity:0;
		border-radius: 0 0 10px 10px;
		transition: all .4s  ease-in-out;
	}
	.vismobmenu {
		opacity:1;
		right:0;
		visibility:visible;
	}
	.menusb {
		display:block;
		float:left;
		position:relative;
		width:100%;
		overflow:hidden;
	}
	.main-menu .menusb ul  {
		display:block;
		float:left;
		position:relative;
		width:100%;
	}
	.menusb li {
		margin: 0;
		float: left;
		width:100%;
		position:relative;
		overflow:hidden;
		padding:0 20px;
	}
	.menusb   li i {
		position:absolute;
		right:18px;
		top:12px;
	}
	.menusb   li i:before {
		content:"\f0da"
	}
	.menusb  a {
		float:left;
		width:100%;
		padding:8px 5px;
		position:relative;
		font-weight: 600;
		text-transform:uppercase;
		font-family: var(--secondary-font);
		color: #fff;
		line-height:20px;
		text-align:left;
	}
	.menusb a.back{
		padding-left:24px;
	}
	.menusb a.back:before{
		font-family: "Font Awesome 6 Pro";
		content: "\f177";
		font-size:14px;
	}
	.menusb a.act-link , .menusb a.back:before , .menusb   li i {
		color: var(--main-color);		
	}	
	.column-wrap-bg  , .column-wrap-bg-text{
		width:100%;
		position:relative;
		float:left;
		padding:90px 0;
	} 
	.height-emulator , .booking-reviews , .hs_btn_wrap_preview  , .hs_btn-dec , .hs_btn-dec:before , .hero_images-collage-item , .image-collge-wrap:before, .hero-image-collge-wrap:before , .section-dec ,.st-gallery .footer-separator , .fwc_pag2 , .dec-container:before , .hero-call-wrap , .slide-progress_container  , .hero-menu-item-img:before , .header-tooltip , .sc-dec , .sc-dec2 , .sc-dec3 , .sc-dec4 , .footer-logo    {
		display: none
	}	
	.main-footer {
		position: relative;
	}	
	.footer-widget-wrap {
		padding: 40px 0 40px;
	
	}	
	.footer-separator-wrap {
		margin: 30px auto 30px;
	}
	.footer-widget-title {
		padding-bottom: 16px;
	}	
	.footer-widget {
		margin-bottom: 30px;		
	}
	.lang-wrap {
		margin-right:0;
		padding-right: 10px; 
	}
	.hero-wrap {
		height: calc(100% - 160px);
		margin-top: 160px;
	}
	.hs_btn {
		top: 100%;
		margin-top: -70px;
	}
	.hs_btn , .hs_btn i	 {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}	
	.text-block {
		overflow: hidden;
	}
	.hero-image-collge-wrap {
		margin-top: 30px;
		padding-left: 0;
	}
	.content-section {
		padding: 70px 0;
	}
	.st-gallery {
		position:relative;
	
		width: 100%;
		padding: 70px 0;
	}
	.st-gallery .section-title {
		transform: translateY(0);
		top: 0;
	}
	.rooms-carousel-wrap {
		height: 70vh;
		padding: 15px  15px 70px ;
		overflow: inherit;
	}	
	.rooms-carousel-item_container {
		padding: 0 20px 10px;
	}	
	.content-inner {
		margin-bottom: 20px;
	}
	.boxed-container {
		margin: 0 0 50px;
	}
	.boxed-container-title , .column-section-wrap {
		width: 100%;
	}
	.boxed-container-wrap {
		float: left;
		position: relative;
		padding: 70px 0;
		width: 100%;
	}
	.boxed-container-wrap .promo-video {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		transform: translateY(-0);
	}
	.dec-container {
		padding: 10px;
	}
	.client-item img {
		aspect-ratio: 4 / 2;
		transform: scale(1.0);
	}
	.wide-section:after {
		left: 15px;
		bottom: 15px;
		right: 15px;
	}
	.wide_section-title {
		margin: 40px 0 20px;
	}
	.dark-bg .section-title h2 , .column-wrap-bg-text h3     {
		font-size: 3.0em;
	}
	.content-section.parallax-section.hero-section .htc_single .section-title h2 {
		font-size: 4.0em;
		padding: 20px 0 10px;
		line-height: 56px;
	}	
	.hero-title-container .section-title h2 {
		font-size: 4.7em;
	}	
	.fw-search-wrap_hero .input-wrap , .fw-search-wrap_hero  .quantity  , .fw-search-wrap .input-wrap , .fw-search-wrap   .quantity  {
		margin-bottom: 10px;
	}
	.rc-controls-wrap {
		position: relative;
		top: 0;
		right: 0;
		margin : 25px 0;
	}
	.rc-button {
		display: inline-block;
		float: none;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.content-section.parallax-section.hero-section.htc_single_item {
		padding: 220px 0 70px;
	}
	.image-collge-wrap {
		margin-top: 20px;
	}
	.about-img-hotifer {
		position:relative;
		right: 0;
		bottom: 0;
		width: 100%;
		margin-top: 20px;
	}
	.inline-facts {
		width: 50%;
	}
	.post-item {
		width: 100%;
		padding: 0 0 30px  0 ;
	}
	.pagination {
		margin : 20px 0;
	}
	.blog-media {
		margin-bottom: 0;
	}
	.map-container {
		margin-top: 20px;
	}
	.hero-menu-wrap .hero-menu-item:nth-child(odd) , .hero-menu-wrap .hero-menu-item:nth-child(even){
		width: 100%;
		padding: 20px 0 20px 80px; 
	}	
	.hero-menu-wrap	.hero-menu-item:last-child {
		border-bottom: none;
	}
	.hero-menu-item-img {
		left: 10px;
		margin-top: 0;
		top: 20px;
	}
	.hero-menu-item-img img , .hero-menu-item-img , .hero-menu-item-img:after {
		width: 60px;
		height: 60px;
	}	
	.hero-menu-item-img:after {
		line-height: 60px;
	} 
	.hero-menu-item-details {
		padding-right: 10px;
	}
	.gallery-item, .grid-sizer , .two-column .gallery-item {
		width: 50%;
	}
	.logo-holder {
		padding: 0 10px;
	}
	.single-carousle-container {
		padding: 0;
		margin-bottom: 10px;
	}
	
	.tb-sin {
		padding-right: 0;
	}
	.footer-bottom {
		height: auto;
		line-height: 30px;
		text-align: center;
		padding:  30px 0;
	}
	.to-top ,   .copyright {
		float: none;
		display:inline-block;
		width: 100%;
	
	}
	}
	@media only screen and  (max-width: 900px) {
	.serach-header-btn span , .slider-button:before {
		display: none;
	}
	.serach-header-btn  {
		padding: 0;
		width: 60px;
		background: #fff;
	}
	.serach-header-btn:hover , .show-cart:hover, .show-share-btn:hover {
		background: none;
	}	
	.serach-header-btn i  {
		margin: 0;
		font-size: 1.2em;
		color: #666;
		font-weight: 500;
	}
	.fw-aminit-wrap {
		height: auto;
	} 
	.fw-aminit-item {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		padding: 90px 0;
	}
	.fw-aminit-item-container {
		top: 0; 
		transform: translateY(0); 
	}
	.aminit-work-time {
		position: relative;
		left: 0;
		bottom: 0;
		transform: translateX(0);
		opacity: 1;
		margin:30px 0 0;
		display: inline-block;
	}
	}
	@media only screen and  (max-width: 768px) {
	.header-top_contacts , .comments-avatar , .hero-menu_header li:after , .hero-menu_header li:before {
		display: none		
	}
	
	.show-cart, .show-share-btn , .serach-header-btn_wrap ,  .nav-button-wrap {
		width: 40px;
		border: none;
		margin: 0 4px;
		color:#272535
	}
	.serach-header-btn_wrap {
		padding: 0  ;
	}
	.nav-button-wrap {
	margin: 0 22px 0 0;
	}
	.show-share-btn i {
		position: relative;
		top: 4px;
	}
	.tcs-pagination_wrap {
		padding: 0 20px;
	}
	.stg_link {
		margin-top: 20px;
	}
	.testimonilas-carousel-wrap {
		padding: 0;
	}
	.tc-button {
		top: 100%;
		margin-top: -15px;
	}
	.daterangepicker {
		width: 286px!important;
	}
	.inline-facts {
		width: 100%;
	} 
	.single-carousel, .single-carousel2 {
		height: 250px;
	}
	.fw-carousel-button-prev {
		left: 10px;
	}
	.fw-carousel-button-next {
		right: 10px;
	}
	.slider-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-top: -15px;
		box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .4);
	}
	.sc-controls {
		bottom: 10px;
	}
	.single-carousle-container2 {
		padding: 0 0   15px 0;
	}
	.content-nav-fixed li a.rn {
		padding-right: 60px;
	}
	.content-nav-fixed li a.ln {
	padding-left: 60px;
	} 
	.comments-item {
		padding-left: 0;
	}	
	.hero-menu_header li {
		text-align: center;
		display: block;
		padding: 10px 0;
	}
	.hero-menu_header {
		width: 100%;
		padding: 15px 0  ;
		margin-bottom: 10px;
	}	
	.dec-container.anim_tabs {
		padding: 10px;
	}
	.gallery-item, .grid-sizer , .two-column .gallery-item {
		width: 100%;
	}
	.shop-header {
		padding: 0 0 10px;
		margin-bottom: 10px;
	}	
	.shop-header_opt {
		position: relative;
		top: 0;
		width: 100%;
		margin-top: 20px;
	}
	.fw-search-wrap {
		margin-bottom: 20px;
	}
	.gid_link {
		position: relative;
		bottom: 0;
		right: 0;
		display: block;
		margin-top:20px;
	}
	.container {
		width: min(100% - 10px, 1600px);
	}
	.sr-opt {
		position: relative;
		border: none;
		text-align: left;
		padding: 10px  0;
		box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, .0);
	}
	.rcd-single {
		margin: 10px 0;
		padding: 0 0 10px;
	}
	.sa_towishlist {
		margin-top: 10px;
		display: table;
		border: 1px solid #eee;
		padding: 10px 20px;
		background: #f9f9f9;
	}
	.hero-menu-item-price {
		right: auto;
		left: 20px;
		top:90px ;
		transform: translateY(0);
	}
	}
	@media only screen and  (max-width: 640px) {
	.hero-title-container .section-title h2 , .content-section.parallax-section.hero-section .section-title h2 {
		font-size: 3.7em;
		padding: 10px 0 ;
		line-height: 46px;
	}
	.contacts-card-item {
		padding: 30px  ;
	}
	.contacts-card-item i {
		display: none;
	}
	.room-card-details li {
		margin :0  20px 10px 0;
	}
	.text-block-title h4  {
		font-size: 2.4em;
	}
	.wish-list-wrap {
		width: 350px;
		height: 400px;
	}
	.wish-list-container {
		padding: 10px  ;
	}	
	}		
	@media only screen and  (max-width: 364px) {
	.show-cart, .show-share-btn, .serach-header-btn_wrap, .nav-button-wrap , .serach-header-btn {
		width: 30px;
	}	
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.bg {
		background-attachment: scroll !important;
		-webkit-background-size:cover;
		background-position:center;
	}
	}

	.for-vid{
		width: 100%;
	}
	.for-vid video{
		width: 100%;
	}
	.aminites-card-item p{
		color: #fff!important;
	}
	@media(max-width:768px){
		
		.wide_section-title h3{
			font-size: 22px;
		}
			.boxed-container {
				margin-top: 65px;
			}
				.hero-wrap {
			height: calc(100% - 239px);
			margin-top: 80px;
		}
		.header-top {
		display: none;
		}
		#sec2{
			padding: 0px 0px;
		}
		

	}
	------ section----/
	.content-section {
		position: relative;
		padding: 60px 0;
		padding-top: 0px;
	}

	.golden-text{
		background-color: linear-gradient(90deg, #c59346 0%, #e6ca84 40%, #c38f42 70%
	70%
	, #d2a363 100%);;
	}

	.maroon-text{
	color: #560e2b;
	;
	}
	.content-section .about-content {
		position: relative;
		z-index: 1;
		background-size: cover;
		padding: 50px 90px;
		background-position: center;
		display: flex;              
		justify-content: center;    
		align-items: center;         
		text-align: center;   
	}

	.content-section .about-content::before {
		content: "";
		position: absolute;
		inset: 0;
		background-image: url("../img/golden.jpg");
		background-size: cover;
		background-position: center;
		opacity: 0.3; 
		z-index: -1; 
	}

	.content-section.hidden-section , .hidden-content {
		overflow: hidden;
	}
	.content-section.parallax-section {
		padding: 120px 0;
		z-index: 4;
	}
	.big-padding {
		padding: 140px 0;
	}
	.content-section.parallax-section.hero-section {
		padding:310px 0 180px;
	}
	.content-section.parallax-section.hero-section .overlay {
		opacity:.5;
	}
	.small-top-padding {
		padding-top:40px;
	}
	.par-elem {
		position: absolute;
		top: 15px;
		bottom: 15px;
		left: 0;
		right: 15px;
		overflow: hidden;
		border-radius: 10px;
		border: 1px solid rgba(255,255,255,.1)
	}
	.content-section.parallax-section .bg  , .par-elem .bg  {
		height: 140%;
		top: -20%;
	}
	@media(max-width:768px){
	
	.left-img img {
	width: 100%;
	}

	.content-section .about-content {
		padding: 0px;
	}
	}

	/* testimonial css*/

	.insta-section {
	background: #560e2b;
	font-family: "Poppins", sans-serif;
	}

	.insta-content {
	background: #560e2b;
	padding: 30px 40px;
	}

	/* .section-title {
	text-align: center;
	margin-top: 50px;
	font-size: 32px;
	margin-bottom: 40px;
	color: #fff;
	font-weight: 700;
	} */
	.test{
		text-align: center;
	margin-top: 50px;
	font-size: 32px;
	margin-bottom: 40px;
	color: #fff;
	font-weight: 700;
	}
.insta-title{
	margin-bottom: 35px;
	font-size: 25px;
	color: white;
	font-weight: 600;
}
	.insta-grid {
	display: grid;
	margin-top: 10px;
	grid-template-columns: repeat(4, 2fr);
	gap: 30px;
	}

	.insta-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transition: .3s ease;
	}

	.insta-card:hover {
	transform: translateY(-4px);
	}

	.insta-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px;
	}

	.insta-user {
	display: flex;
	align-items: center;
	gap: 10px;
	}

	.insta-user-img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	}

	.insta-user h3 {
	font-size: 15px;
	color: black;
	margin: 0;
	font-weight: 600;
	}

	.insta-time {
	font-size: 11px;
	color: #666;
	margin-right: 65px
	}

	.insta-menu {
	font-size: 22px;
	color: black;
	cursor: pointer;
	}

	.insta-media {
	display: block;
	width: 100%;
	}

	.insta-thumb {
	width: 100%;
	height: 380px;
	object-fit: cover;
	}

	.insta-actions {
	display: flex;
	justify-content: space-between;
	padding: 12px 14px;
	font-size: 22px;
	color: rgb(54, 54, 54);
	}

	.insta-likes {
	font-weight: 700;
	margin: 0;
	padding: 0 14px;
	font-size: 15px;
	}

	.insta-caption {
	padding: 4px 14px 10px;
	font-size: 14px;
	}

	.insta-caption .user {
	font-weight: 700;
	margin-right: 6px;
	}

	.insta-comment {
	width: 100%;
	padding: 14px;
	border: none;
	border-top: 1px solid #e5e5e5;
	outline: none;
	font-size: 14px;
	}

	#likeBtn {
	cursor: pointer;
	transition: 0.2s;
	}

	#likeBtn.liked {
	color: red;
	}

	/* meeting section css */

.meeting-section {
  display: flex;
  width: 90%;
  height: auto;
  background:#f7f6f6;
  margin: 0px auto;
  padding: 50px;
}
.meeting-section section {
  display: flex;
  width: 100%;
}

.right-container{
	margin-top: 60px;
}
.meeting-left {
  flex: 1;
  position: relative;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  overflow: hidden;
}

.meeting-left img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  top: 0;
  left: 0;
}

.meeting-left h2 {
  font-size: 32px;
  margin-bottom: 10px;
  z-index: 10;
}

.meeting-left p {
  z-index: 10;
  font-size: 18px;
}

.meeting-right {
  flex: 1;
  background: white;
  padding: 40px;
  display: flex;
  flex-direction: column; 
  align-items: center;    
}

.right-content {
  text-align: center;   
  margin-bottom: 20px;   }

  .right-content h2{
	font-size: 30px;
	font-weight: 600;
  }
  .right-content p {
	font-size: 14px;
	text-align: center;
  }
.right-content h2,
.right-content p {
  margin: 0;
}

.meeting-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.two-col {
  display: flex;
  gap: 15px;
}
.meeting-form input,
.meeting-form textarea {
  width: 100%;
 padding: 12px 6px 18px; 
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  background: transparent;
  transition: 0.3s ease;
}

.meeting-form input:focus,
.meeting-form textarea:focus {
  border-bottom: 1px solid #560e2b;
}

.meeting-form textarea {
  resize: none;
}

.label {
  margin-top: 10px;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.options {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.options label {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 5px 40px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  flex: 1;
}


.options input {
  margin-right: 8px;
}


.btn-submit {
  padding: 14px;
  background: #ab2f64;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s ease;
}

.btn-submit:hover {
  background: #3a071c;
}

@media (max-width: 900px) {
  .meeting-section {
    flex-direction: column;
  }

  .meeting-left,
  .meeting-right {
    width: 100%;
  }

  .two-col {
    flex-direction: column;
  }

  .options {
    flex-wrap: wrap;
  }

  .options label {
    flex: 1 1 45%;
  }
}
iframe{
	width: 100%;
}
.info-section {
  max-width: 1200px;
  margin: 60px auto;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  margin-top: 0px;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.info-box {
  padding: 40px 30px;
  text-align: center;
  border-right: 1px solid #a2a2a2;
  border-bottom: 1px solid #e6e6e6;
  background: #32303f;
}

.info-box:nth-child(3n) {
  border-right: none;
}

.info-box:nth-last-child(-n + 3) {
  border-bottom: none;
}

.icon {
  font-size: 28px;
  color: #c9a26b;
  margin-bottom: 15px;
}

.label {
  font-size: 14px;
  letter-spacing: 2px;
  color: #9c9c9c;
  margin-bottom: 10px;
  text-align: center;
}

.value {
  font-size: 20px;
  font-weight: 500;
  color: #c9a26b;
  text-align: center;
}

.value.small {
  font-size: 18px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
  .info-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .info-box:nth-child(2n) {
    border-right: none;
  }

  .info-box:nth-child(3n) {
    border-right: 1px solid #e6e6e6;
  }
}

@media (max-width: 576px) {
  .info-grid {
    grid-template-columns: 1fr;
  }

  .info-box {
    border-right: none !important;
  }
}
.container video{
	margin-top: 100px;
}

.floor-plan {
    max-width: 1200px;
    margin: auto;
    padding: 60px 20px;
}

.title {
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 48px;
    margin-bottom: 30px;
}

.tabs {
    display: flex;
    gap: 40px;
    margin-bottom: 15px;
}

.tab {
    background: none;
    border: none;
    font-size: 14px;
    letter-spacing: 2px;
    color: #aaa;
    cursor: pointer;
    padding-bottom: 8px;
}

.tab.active {
    color: #000;
    border-bottom: 1px solid #000;
}

hr {
    height: 1px;
    border: none;
    background: #ddd;
    margin-bottom: 50px;
}

.floor-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.floor-info h2 {
    font-family: 'Playfair Display', serif;
    font-size: 34px;
    color: #c2a080;
    margin-bottom: 30px;
}

.floor-info p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.download-btn {
    display: inline-block;
    margin-top: 30px;
    padding: 14px 30px;
    border: 1px solid #000;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    color: #000;
    border-radius: 30px;
    transition: .3s;
}

.download-btn:hover {
    background: #000;
    color: #fff;
}

.floor-image img {
    width: 100%;
    max-width: 520px;
    display: block;
    margin-left: auto;
}

/* Responsive */
@media(max-width: 900px){
    .floor-content{
        grid-template-columns: 1fr;
        text-align: center;
    }
    .tabs{
        justify-content: center;
    }
    .floor-image img{
        margin: auto;
    }
}

  /* HEADER / HERO */
  .hero{
    display:grid;
    grid-template-columns: 1fr 420px;
    gap:24px;
    align-items:center;
    margin-bottom:22px;
  }
  .brand{
    background:var(--card);
    border-radius:12px;
    padding:20px;
    box-shadow:0 6px 20px rgba(16,24,24,0.06);
    display:flex;
    gap:18px;
    align-items:center;
  }
  .brand .logos{
    display:flex;
    gap:12px;
    align-items:center;
  }
  .brand img.logo{
    height:52px;
    object-fit:contain;
  }
  .hero-info{
    padding:18px 6px;
  }
  .project-title{
    font-size:28px;
    font-weight:800;
    letter-spacing:0.4px;
    color:var(--accent);
    margin-bottom:6px;
  }
  .project-sub{
    color:var(--muted);
    font-weight:600;
    margin-bottom:6px;
	font-size: 20px;
  }
  .hero-image{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(20,30,20,0.06);
  }
  .hero-image img{ width:100%; display:block; }

  /* GRID: Products + Details */
  .grid{
    display:grid;
    grid-template-columns: 1fr 420px;
    gap:22px;
    align-items:start;
  }

  /* Left column: products */
  .cards{
    display:grid;
    gap:18px;
  }

  .card{
    background:linear-gradient(180deg,var(--card), #fbfbfb);
    border-radius:12px;
    padding:18px;
    box-shadow:0 6px 20px rgba(10,20,10,0.03);
    display:flex;
    gap:16px;
    align-items:flex-start;
  }
  .card .img{
    width:170px;
    min-width:140px;
    border-radius:10px;
    overflow:hidden;
  }
  .card .img img{ width:100%; height:100%; object-fit:cover; display:block;}

  .card .body{
    flex:1;
  }
  .card h3{
    margin:0 0 6px 0;
    font-size:20px;
    color:#123;
  }
  .price-tag{
    float:right;
    font-weight:800;
    color:var(--accent);
    background:linear-gradient(90deg, rgba(46,104,60,0.08), rgba(46,104,60,0.03));
    padding:6px 10px;
    border-radius:8px;
    font-size:14px;
  }
  .specs{
    display:flex;
    gap:12px;
    margin:8px 0 10px 0;
    flex-wrap:wrap;
  }
  .spec-pill{
    background:#f2faf3;
    color:var(--accent);
    padding:6px 10px;
    border-radius:999px;
    font-size:13px;
    border:1px solid rgba(47,107,66,0.06);
  }
  .bullets{ color:var(--muted); font-size:14px; line-height:1.55; margin-bottom:10px;}
  .cta-row{ display:flex; gap:10px; margin-top:8px; }
  .btn{
   
    border-radius:8px;
    font-weight:700;
    cursor:pointer;
    border:none;
  }
  .btn-primary{ background:var(--accent); color:white; }
  .btn-outline{ background:transparent; border:2px solid var(--accent); color:var(--accent); }

  /* Right column: pricing & details panel */
  .side{
    position:sticky;
    top:28px;
    align-self:start;
  }
  .panel{
    background:var(--card);
    padding:18px;
    border-radius:12px;
    box-shadow:0 8px 26px rgba(15,20,18,0.06);
  }
  .panel h4{ margin:0 0 8px 0; color:var(--accent); font-size:16px;}
  .price-list{ display:grid; gap:12px; margin:12px 0 10px 0; }
  .price-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px;
    border-radius:8px;
    background:linear-gradient(180deg, rgba(47,107,66,0.03), rgba(255,255,255,0.02));
    border-left:6px solid var(--accent-2);
  }
  .price-item .meta{ font-weight:700; color:#123; }
  .meta small{ display:block; color:var(--muted); font-weight:500; font-size:13px}

  .addon{
    margin-top:12px;
    font-size:14px;
    color:var(--muted);
  }

  /* Payment plan & lease boxes */
  .info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:14px;
  }
  .info-box{
    padding:14px;
    border-radius:10px;
    background:linear-gradient(180deg,#f9fbfa,#fbfdfd);
    border:1px solid rgba(16,24,20,0.03);
  }
  .info-box h5{ margin:0 0 8px 0; color:#2b4b36;}
  .plan-list{ font-size:14px; color:#464f4b; line-height:1.6; }

  /* lease highlight */
  .lease{
    background:linear-gradient(90deg,#fff8f0,#fffdfb);
    border-left:6px solid #e6a357;
    padding:14px;
    border-radius:8px;
    margin-top:12px;
  }
  .lease strong{ display:block; font-size:18px; color:#b65b17; margin-bottom:6px; }

  /* footer actions */
  .foot-actions{
    display:flex;
    gap:12px;
    margin-top:14px;
  }

  /* CONTACT MODAL */
  .modal-backdrop{
    position:fixed;
    inset:0;
    background:rgba(10,12,10,0.45);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:60;
  }
  .modal{
    width:100%;
    max-width:520px;
    background:var(--card);
    border-radius:12px;
    padding:18px;
    box-shadow:0 30px 80px rgba(10,20,10,0.3);
  }
  .modal h4{ margin:0 0 8px 0 }
  .modal form{ display:grid; gap:10px; margin-top:8px }
  .modal input, .modal textarea{
    padding:10px;
    border-radius:8px;
    border:1px solid #dfe7e1;
    font-size:14px;
  }
  .modal .row{ display:flex; gap:8px; }
  .close-btn{ background:transparent; border:none; font-weight:800; cursor:pointer; color:var(--muted) }

  /* RESPONSIVE */
  @media(max-width:980px){
    .hero{ grid-template-columns:1fr; }
    .grid{ grid-template-columns:1fr; }
    .side{ position:relative; top:0; }
    .brand img.logo{ height:44px; }
  }
  @media(max-width:520px){
    .card{ flex-direction:column; align-items:center; text-align:center; }
    .card .img{ width:100%; min-width:0; height:180px; }
    .specs{ justify-content:center}
    .price-tag{ float:none; display:inline-block; margin-top:10px; }
    .info-grid{ grid-template-columns:1fr }
  }

  /* small helpers */
  .muted{ color:var(--muted); font-size:16px }
  .chip{ font-size:13px; padding:6px 8px; background:#edf8ef; color:var(--accent); border-radius:999px; display:inline-block; font-weight:700 }

  .bullets ul li{
	text-align: left;
	font-size: 15px;
  }
  .container img{
	width: 100%;
  }
  .section-title{
     margin-bottom: 40px;
    background: #ab2f64;
    padding: 20px;
    text-align: center;
}
.section-title h1{
  font-size:36px;
  color:#fff;
}
.section-title p{
      color: #fcf4f4;
    text-align: center;
    font-size: 17px;
    padding-top: 14px;
}
.arcadia-container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:25px;
}
.arcadia-card{
  background:#333333;
  color:#fff;
  border-radius:18px;
  padding:25px;
  box-shadow:0 15px 35px rgba(0,0,0,.25);
  transition:.3s;
}
.arcadia-card:hover{transform:translateY(-6px)}
.arcadia-card h3{
  color:var(--primary);
  margin-bottom:15px;
}
.arcadia-card ul{list-style:none}
.arcadia-card ul li{
  padding:6px 0;
  font-size:14px;
  border-bottom:1px dashed #ddd;
}
.arcadia-card ul li:last-child{border:none}
.arcadia-badge{
  display:inline-block;
  background:var(--primary);
  color:#fff;
  padding:6px 14px;
  border-radius:30px;
  font-size:20px;
  margin-bottom:15px;
}
.arcadia-highlight{
  font-weight:600;
  color:var(--dark);
}
.arcadia-cta{
  grid-column:1/-1;
  background:linear-gradient(135deg,var(--primary),#d44b85);
  color:#fff;
  text-align:center;
}
.arcadia-cta a{
  display:inline-block;
  margin-top:15px;
  padding:14px 32px;
  background:#fff;
  color:var(--primary);
  border-radius:40px;
  font-weight:600;
  text-decoration:none;
}
@media(max-width:600px){
  .section-title h1{font-size:26px}
}
/* ===== Apex Park Square Table Styles ===== */
.aps-price-section {
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 16px;
  font-family: "Segoe UI", Arial, sans-serif;
}

.aps-title {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: #2b2b2b;
  letter-spacing: 0.5px;
}

.aps-divider {
  width: 120px;
  height: 3px;
  background: #2b2b2b;
  margin: 16px auto 40px;
}

/* Table Wrapper */
.aps-table-wrapper {
  overflow-x: auto;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Table */
.aps-price-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
}

/* Header */
.aps-price-table thead tr {
  background: #ab2f64;
}

.aps-price-table th {
  padding: 16px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.aps-price-table th:last-child {
  border-right: none;
}

/* Body */
.aps-price-table td {
  padding: 14px 16px;
  font-size: 15px;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}

/* Hover Effect */
.aps-price-table tbody tr:hover {
  background: #f4f9fd;
}

/* Price Column */
.aps-price-table td:last-child {
  font-weight: 600;
  color: #000;
}

/* Mobile Adjustments */
@media (max-width: 600px) {
  .aps-title {
    font-size: 22px;
  }

  .aps-price-table th,
  .aps-price-table td {
    padding: 12px;
    font-size: 14px;
  }
}
/* global project /  Dhanube */


/* global / ROOMS */

.grid-box {
  display: flex;
  gap: 20px;
}

.grid-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grid-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}
.grid-item {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid-img {
  background-color: #3a071c;
  border-radius: 8px;
}

.grid-img img {
  width: 100%;
  border-radius: 10px;
  padding: 20px 20px;
  height: 250px;
  object-fit: cover;
  display: block;
}

.grid-item-details {
  background: #fff;
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.room-card-details {
  overflow: hidden;
  margin: 10px 0;
  border-top: 1px solid #560e2b;
  border-bottom: 1px solid #560e2b;
  padding: 20px 0;
}
.room-card-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.room-card-details li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
}

.room-card-details li i {
  color: #560e2b;
  margin-right: 6px;
}


.room-card-details .type {
  display: block;
  font-weight: 500;
  color: #444;
}

.room-card-details .type1 {
  display: block;
  font-weight: 500;
  color: #444;
}

@media (max-width: 768px) {
  .room-card-details ul {
    flex-direction: column;
    gap: 4px;
  }

  .room-card-details li {
    font-size: 13px;
  }
}

.type{
	font-size: 12px;
	border: 1px solid #3a071c;
	font-weight: 500;
}

.type1{
	margin-left: 100px;
		font-size: 12px;
	border: 1px solid #3a071c;
	font-weight: 500;
}

.gid_link {
  position: static;          
  align-self:flex-start;      
  background-color: #3a071c;
  border: 1px solid #eee;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: var(--secondary-font);
  font-weight: 600;
  color: #d6d4d4;
  font-size: .9em;
}

.gid_link:hover{
	background-color:#690e34;
	 color: #d6d4d4;
}

@media (max-width: 1024px) {
  .grid-box {
    flex-wrap: wrap;
  }

  .grid-item {
    flex: 0 0 calc(50% - 10px); 
  }

  .grid-img img {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .grid-box {
    flex-direction: column;
  }

  .grid-item {
    flex: 1;
  }

  .grid-img img {
    height: 200px;
    padding: 15px;
  }

  .grid-item-details {
    padding: 12px;
  }

  .room-card-details {
    padding: 15px 0;
  }

  .room-card-details ul {
    flex-direction: column;
    gap: 6px;
  }

  .type1 {
    margin-left: 0;
  }

  .gid_link {
    font-size: 0.85em;
    padding: 8px 16px;
  }
}

@media (max-width: 480px) {
  .grid-img img {
    height: 180px;
  }

  .room-card-details li {
    font-size: 13px;
  }

  .gid_link {
    width: 100%;
    text-align: center;
  }
}
/* testimonial css*/

.insta-section {
  background: #560e2b;
  font-family: "Poppins", sans-serif;
}

.insta-content {
  background: #560e2b;
  padding: 30px 40px;
}

.section-title {
  text-align: center;
  margin-top: 50px;
  font-size: 32px;
  margin-bottom: 40px;
  color: #fff;
  font-weight: 700;
}

.insta-grid {
  display: grid;
  margin-top: 10px;
  grid-template-columns: repeat(4, 2fr);
  gap: 30px;
}

.insta-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: .3s ease;
}

.insta-card:hover {
  transform: translateY(-4px);
}

.insta-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
}

.insta-user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.insta-user-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.insta-user h3 {
  font-size: 15px;
  color: black;
  margin: 0;
  font-weight: 600;
}

.insta-time {
  font-size: 11px;
  color: #666;
margin-right: 65px
}

.insta-menu {
  font-size: 22px;
  color: black;
  cursor: pointer;
}

.insta-media {
  display: block;
  width: 100%;
}

.insta-thumb {
  width: 100%;
  height: 380px;
  object-fit: cover;
}

.insta-actions {
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  font-size: 22px;
  color: rgb(54, 54, 54);
}

.insta-likes {
  font-weight: 700;
  margin: 0;
  padding: 0 14px;
  font-size: 15px;
}

.insta-caption {
  padding: 4px 14px 10px;
  font-size: 14px;
}

.insta-caption .user {
  font-weight: 700;
  margin-right: 6px;
}

.insta-comment {
  width: 100%;
  padding: 14px;
  border: none;
  border-top: 1px solid #e5e5e5;
  outline: none;
  font-size: 14px;
}

#likeBtn {
  cursor: pointer;
  transition: 0.2s;
}

#likeBtn.liked {
  color: red;
}
.Commercial-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../images/one2.jpg");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Residential-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../images/m3m-trump-tower.jpg");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
------ section----/
	.content-section {
		position: relative;
		padding: 60px 0;
		padding-top: 0px;
	}

	.golden-text{
		background-color: linear-gradient(90deg, #c59346 0%, #e6ca84 40%, #c38f42 70%
	70%
	, #d2a363 100%);;
	}

	.maroon-text{
	color: #560e2b;
	;
	}
	.content-section .about-content {
		position: relative;
		z-index: 1;
		background-size: cover;
		padding: 50px 90px;
		background-position: center;
		display: flex;              
		justify-content: center;    
		align-items: center;         
		text-align: center;   
	}

	.content-section .about-content::before {
		content: "";
		position: absolute;
		inset: 0;
		background-image: url("../img/golden.jpg");
		background-size: cover;
		background-position: center;
		opacity: 0.3; 
		z-index: -1; 
	}

	.content-section.hidden-section , .hidden-content {
		overflow: hidden;
	}
	.content-section.parallax-section {
		padding: 120px 0;
		z-index: 4;
	}
	.big-padding {
		padding: 140px 0;
	}
	.content-section.parallax-section.hero-section {
		padding:310px 0 180px;
	}
	.content-section.parallax-section.hero-section .overlay {
		opacity:.5;
	}
	.small-top-padding {
		padding-top:40px;
	}
	.par-elem {
		position: absolute;
		top: 15px;
		bottom: 15px;
		left: 0;
		right: 15px;
		overflow: hidden;
		border-radius: 10px;
		border: 1px solid rgba(255,255,255,.1)
	}
	.content-section.parallax-section .bg  , .par-elem .bg  {
		height: 140%;
		top: -20%;
	}
	@media(max-width:768px){
	.swiper-wrapper{
		display: block;
	}
	.left-img img {
	width: 100%;
	}

	.content-section .about-content {
		padding: 0px;
	}
	}

	/* testimonial css*/

	.insta-section {
	background: #560e2b;
	font-family: "Poppins", sans-serif;
	}

	.insta-content {
	background: #560e2b;
	padding: 30px 40px;
	}

	/* .section-title {
	text-align: center;
	margin-top: 50px;
	font-size: 32px;
	margin-bottom: 40px;
	color: #fff;
	font-weight: 700;
	} */
	.test{
		text-align: center;
	margin-top: 50px;
	font-size: 32px;
	margin-bottom: 40px;
	color: #fff;
	font-weight: 700;
	}

	.insta-grid {
	display: grid;
	margin-top: 10px;
	grid-template-columns: repeat(4, 2fr);
	gap: 30px;
	}

	.insta-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transition: .3s ease;
	}

	.insta-card:hover {
	transform: translateY(-4px);
	}

	.insta-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px;
	}

	.insta-user {
	display: flex;
	align-items: center;
	gap: 10px;
	}

	.insta-user-img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	}

	.insta-user h3 {
	font-size: 15px;
	color: black;
	margin: 0;
	font-weight: 600;
	}

	.insta-time {
	font-size: 11px;
	color: #666;
	margin-right: 65px
	}

	.insta-menu {
	font-size: 22px;
	color: black;
	cursor: pointer;
	}

	.insta-media {
	display: block;
	width: 100%;
	}

	.insta-thumb {
	width: 100%;
	height: 380px;
	object-fit: cover;
	}

	.insta-actions {
	display: flex;
	justify-content: space-between;
	padding: 12px 14px;
	font-size: 22px;
	color: rgb(54, 54, 54);
	}

	.insta-likes {
	font-weight: 700;
	margin: 0;
	padding: 0 14px;
	font-size: 15px;
	}

	.insta-caption {
	padding: 4px 14px 10px;
	font-size: 14px;
	}

	.insta-caption .user {
	font-weight: 700;
	margin-right: 6px;
	}

	.insta-comment {
	width: 100%;
	padding: 14px;
	border: none;
	border-top: 1px solid #e5e5e5;
	outline: none;
	font-size: 14px;
	}

	#likeBtn {
	cursor: pointer;
	transition: 0.2s;
	}

	#likeBtn.liked {
	color: red;
	}

	/* meeting section css */

.meeting-section {
  display: flex;
  width: 90%;
  height: auto;
  background:#f7f6f6;
  margin: 0px auto;
  padding: 50px;
}
.meeting-section section {
  display: flex;
  width: 100%;
}

.right-container{
	margin-top: 60px;
}
.meeting-left {
  flex: 1;
  position: relative;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  overflow: hidden;
}

.meeting-left img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  top: 0;
  left: 0;
}

.meeting-left h2 {
  font-size: 32px;
  margin-bottom: 10px;
  z-index: 10;
}

.meeting-left p {
  z-index: 10;
  font-size: 18px;
}

.meeting-right {
  flex: 1;
  background: white;
  padding: 40px;
  display: flex;
  flex-direction: column; 
  align-items: center;    
}

.right-content {
  text-align: center;   
  margin-bottom: 20px;   }

  .right-content h2{
	font-size: 30px;
	font-weight: 600;
  }
  .right-content p {
	font-size: 14px;
	text-align: center;
  }
.right-content h2,
.right-content p {
  margin: 0;
}

.meeting-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.two-col {
  display: flex;
  gap: 15px;
}
.meeting-form input,
.meeting-form textarea {
  width: 100%;
 padding: 12px 6px 18px; 
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  background: transparent;
  transition: 0.3s ease;
}

.meeting-form input:focus,
.meeting-form textarea:focus {
  border-bottom: 1px solid #560e2b;
}

.meeting-form textarea {
  resize: none;
}

.label {
  margin-top: 10px;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.options {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.options label {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 5px 40px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  flex: 1;
}


.options input {
  margin-right: 8px;
}


.btn-submit {
  padding: 14px;
  background: #ab2f64;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s ease;
}

.btn-submit:hover {
  background: #3a071c;
}

@media (max-width: 900px) {
  .meeting-section {
    flex-direction: column;
  }

  .meeting-left,
  .meeting-right {
    width: 100%;
  }

  .two-col {
    flex-direction: column;
  }

  .options {
    flex-wrap: wrap;
  }

  .options label {
    flex: 1 1 45%;
  }
}
iframe{
	width: 100%;
}
.info-section {
  max-width: 1200px;
  margin: 60px auto;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  margin-top: 0px;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.info-box {
  padding: 40px 30px;
  text-align: center;
  border-right: 1px solid #a2a2a2;
  border-bottom: 1px solid #e6e6e6;
  background: #32303f;
}

.info-box:nth-child(3n) {
  border-right: none;
}

.info-box:nth-last-child(-n + 3) {
  border-bottom: none;
}

.icon {
  font-size: 28px;
  color: #c9a26b;
  margin-bottom: 15px;
}

.label {
  font-size: 14px;
  letter-spacing: 2px;
  color: #9c9c9c;
  margin-bottom: 10px;
  text-align: center;
}

.value {
  font-size: 20px;
  font-weight: 500;
  color: #c9a26b;
  text-align: center;
}

.value.small {
  font-size: 18px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
  .info-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .info-box:nth-child(2n) {
    border-right: none;
  }

  .info-box:nth-child(3n) {
    border-right: 1px solid #e6e6e6;
  }
}

@media (max-width: 576px) {
  .info-grid {
    grid-template-columns: 1fr;
  }

  .info-box {
    border-right: none !important;
  }
}
.container video{
	margin-top: 100px;
}


/* vinci css */
.vinci-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/vinci.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vinci-content {

  background: linear-gradient(98deg, #660d2f, #001716);
  text-align: center;
  color: #fff;
  padding: 100px 50px;

}

.vinci-content h2 {
  font-size: 42px;
  margin-bottom: 18px;
  font-weight: 600;
}

.vinci-content p {
  font-size: 15px;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
}

.vinci-content button {
  padding: 12px 30px;
  border: none;
  background: #fff;
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
}

.vinci-content button:hover {
  background: #000;
  color: #fff;
}

.dynamic-section {
  padding: 60px 20px;
  max-width: 1200px;
  margin: auto;
}

/* Tabs */
.single-switch-section {
  max-width: 1200px;
  margin: auto;
  padding: 100px 20px;
}
.single-switch-section h3{
font-size: 45px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
color: #32303f;
}
.switch-tabs {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.switch-btn {
  background: #32303f;
  color: #c9a26b;
  border: 2px solid #32303f;
  padding: 10px 28px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s;
}

.switch-btn.active,
.switch-btn:hover {
  background: #1b1a22;
 color: #c9a26b;
}

.switch-content {
  position: relative;
    margin-bottom: 20px;
}

.content-item {
  display: none;
  align-items: center;
  gap: 50px;
}

.content-item.active {
  display: flex;
}

.content-text {
  flex: 1;
}

.content-text h3 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #c9a26b;
}

.content-text p {
  color: #555;
  line-height: 1.6;
  font-size: 16px;
}

.content-img {
  flex: 1;
}

.content-img img {
  width: 100%;
  border-radius: 12px;
}

/* Responsive */
@media (max-width: 768px) {
  .content-item.active {
    flex-direction: column;
    text-align: center;
  }
}

.text-block-title h3{
    text-align: left;
    font-weight: 500;
    position: relative;
    color: gray;
    font-size: 2em;
	margin-top: 10px;
	margin-bottom: 15px;
}


.container {
  max-width: 1200px;
  margin: auto;
}

.section-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 600;
}

.layout-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.layout-card {
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  height: 340px; 
  flex-direction: column;
}

.layout-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  background: #ffffff;
}

.layout-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .layout-grid {
    grid-template-columns: 1fr;
  }

  .layout-card {
    height: 300px;
  }
}

.meg_aminites_item {
	font-size: 11px;
}

.map-section {
  padding: 20px 20px;
}

.section-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 600;
}

.map-wrapper {
  position: relative;
  width: 100%;
  height: 450px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.map-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 768px) {
  .map-wrapper {
    height: 300px;
  }

  .section-title {
    font-size: 24px;
  }
}


/* Damac css */
.damac-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/damac.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.damac-content-wrapper {
  display: flex;
  gap: 40px;
  background: linear-gradient(98deg, #660d2f, #001716);
  align-items: center;
  color: whitesmoke;
  justify-content: space-between;
  max-width: 1500px;
  margin: auto;
  padding: 130px 50px;
}

.damac-left,
.damac-right {
  width: 50%;
}

.damac-left {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.damac-left h2,
.damac-left h3 {
  text-align:justify;
}

.damac-left h2 {
  font-size: 30px;
  color: #c9a26b;
  margin-bottom: 15px;
}

.damac-left h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.damac-right h2 {
  font-size: 28px;
  margin-bottom: 30px;
  color: #c9a26b;
  font-weight: 600;
}

.damac-right p {
  font-size: 18px;
  line-height: 1.6;
  color: whitesmoke;
}

.damac-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 30px;
  background: #000;
  justify-content: left;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.damac-btn:hover {
  background: #333;
}

/* MOBILE */
@media (max-width: 768px) {
  .damac-content-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .damac-left,
  .damac-right {
    width: 100%;
  }

  .damac-left h2,
  .damac-left h3,
  .damac-left p {
    text-align: center;
  }
}


.damac-eight {

 background-color: #32303f;
  text-align: center;
  color: #fff;
  padding: 130px 50px;

}

.damac-eight h2 {
  font-size: 42px;
  margin-bottom: 50px;
  font-weight: 600;
}

.damac-eight p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
  line-height:28px;
}

.damac-eight button {
  display: inline-block;
  margin-top: 30px;
  padding: 12px 30px;
  background: #000;
  justify-content: left;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  border-radius: 4px;
  border: none;
  transition: background 0.3s ease;
}


.damac-eight button:hover {
  background: #333;
}
.icon-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap; 
}

.icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 120px;
}

.icon-item img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 10px;
}

.icon-item span {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;

}

/* Responsive (optional) */
@media (max-width: 768px) {
  .icon-row {
    overflow-x: auto;
  }
}

.damac-bg {
  background-image: url("../images/damacbn.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  width: 100%;
  height: 500px; 
}

.eco-section {
  background: #a1ad70;
  padding: 100px 0;
}

.eco-container {
  max-width: 1300px;
  margin: auto;
  padding: 0 40px;
  display: flex;
  gap: 60px;
  align-items: center;
}

.eco-left {
  width: 45%;
  text-align: left;   
}

.eco-left h1 {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
	color: white;
    margin-bottom: 20px;
}

.eco-left p {
     max-width: 430px;
    font-size: 16px;
	color: black;
    line-height: 1.6;
    margin-bottom: 30px;
}

.eco-btn {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid #576a46;
  border-radius: 30px;
  background-color: #576a46;
  color: white;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  margin-left: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.eco-btn:hover{
	background-color: #677a57;
	  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	
}
.eco-right {
  width: 55%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.eco-card {
  background: #576a46;
  padding: 25px;
  border-radius: 6px;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.eco-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}


.eco-card h4 {
  font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.eco-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eco-card ul li {
  font-size: 16px;
  line-height: 1.6;
  color: #e0e0e0;
}

@media (max-width: 992px) {
  .eco-container {
    flex-direction: column;
  }

  .eco-left,
  .eco-right {
    width: 100%;
  }

  .eco-left h2 {
    font-size: 36px;
  }
}

@media (max-width: 576px) {
  .eco-right {
    grid-template-columns: 1fr;
  }
}


.eco-section2 {
  background: #7071be;
  padding: 100px 0;
}

.eco-card2 {
  background: #534995;
  padding: 25px;
  border-radius: 6px;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.eco-card2:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}


.eco-card2 h4 {
  font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.eco-card2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eco-card2 ul li {
  font-size: 16px;
  line-height: 1.6;
  color: #e0e0e0;
}
.eco-btn2 {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid #534995;
  border-radius: 30px;
  background-color: #534995;
  color: white;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  margin-left: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.eco-btn2:hover{
	background-color: #534995;
	  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	
}
.eco-section3 {
  background: 
#f28b4d;

  padding: 100px 0;
}

.eco-card3 {
  background: #bd5639;
  padding: 25px;
  border-radius: 6px;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.eco-card3:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}


.eco-card3 h4{
  font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.eco-card3 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eco-card3 ul li {
  font-size: 16px;
  line-height: 1.6;
  color: #e0e0e0;
}
.eco-btn3 {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid #bd5639;
  border-radius: 30px;
  background-color: #bd5639;
  color: white;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  margin-left: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.eco-btn3:hover{
	background-color: #534995;
	  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	
}

.eco-section4 {
  background: 
#38a39e;
  padding: 100px 0;
}

.eco-card4 {
  background:#2c5352;
  padding: 25px;
  border-radius: 6px;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.eco-card4:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}


.eco-card4 h4{
  font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
}

.eco-card4 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eco-card4 ul li {
  font-size: 16px;
  line-height: 1.6;
  color: #e0e0e0;
}
.eco-btn4 {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid #2c5352;
  border-radius: 30px;
  background-color: #2c5352;
  color: white;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  margin-left: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.eco-btn4:hover{
	background-color: #534995;
	  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
	
}


/* binghatti css */

.binghatti{
	margin-top: 80px;
}

/* m3m css */
.m3m-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/m3.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-section1 {
  max-width: 1200px;
  margin: 40px auto;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  margin-top: 80px;
}

/* shah-section */
.shah-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/shah1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* signature section */
.sign-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/sign1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* godrej section */
.godrej-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/go2.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* shapoor section */
.shapoor-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/shapoor1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Lodha section */
.lodha-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/lodha3.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* shapoor pine css */
.shapoorPune-section
 {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/sp1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* dwarka section */
.dwarka-section
 {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/d2.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.omaxe-section
 {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/o3.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floorD-section{
padding:60px 40px;
background:#32303f;
}


.floorD-section h2{
text-align:center;
font-size:36px;
font-weight: 500;
margin-bottom:40px;
color:white;
}


.floorD-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1300px;
margin:auto;
}


.floorD-card{
background:#fff;
border-radius:4px;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
padding:18px;
text-align:center;
}


.floorD-card img{
width:100%;
height:150px;
object-fit:cover;
border-radius:2px;
}


.floorD-card h3{
font-size:16px;
font-weight:600;
margin:15px 0 8px;
color:#333;
}


.floorD-card .price{
font-size:15px;
color:#c9a26b;
font-weight: 600;
margin-bottom:15px;
}


.floorD-card .btn{
display:inline-block;
background:#1f3d6d;
color:#fff;
text-decoration:none;
padding:10px 14px;
font-size:14px;
border-radius:3px;
}


.floorD-card .btn:hover{
background:#162d50;
}


@media(max-width:1100px){
.floorD-grid{grid-template-columns:repeat(3,1fr);}
}


@media(max-width:768px){
.floorD-grid{grid-template-columns:repeat(2,1fr);}
}


@media(max-width:480px){
.floorD-grid{grid-template-columns:1fr;}
}

/* Truvae section */
.Truvae-section
 {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/t3.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Noida-commercial */

/* global / ROOMS */

.grid-box {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.grid-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grid-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}
.grid-item {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid-img {
  background-color: #3a071c;
  border-radius: 8px;
}

.grid-img img {
  width: 100%;
  border-radius: 10px;
  padding: 20px 20px;
  height: 250px;
  object-fit: cover;
  display: block;
}

.grid-item-details {
  background: #fff;
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.room-card-details {
  overflow: hidden;
  margin: 10px 0;
  border-top: 1px solid #560e2b;
  border-bottom: 1px solid #560e2b;
  padding: 20px 0;
}

.room-card-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.room-card-details li {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 1.4;
}

.room-card-details li i {
  color: #560e2b;
  margin-right: 6px;
}


.room-card-details .type {
  display: block;
  font-weight: 500;
  color: #444;
}

.room-card-details .type1 {
  display: block;
  font-weight: 500;
  color: #444;
}

@media (max-width: 768px) {
  .room-card-details ul {
    flex-direction: column;
    gap: 4px;
  }

  .room-card-details li {
    font-size: 13px;
  }
}

.type{
	font-size: 12px;
	border: 1px solid #3a071c;
	font-weight: 500;
}

.type1{
	margin-left: 100px;
		font-size: 12px;
	border: 1px solid #3a071c;
	font-weight: 500;
}

.gid_link {
  position: static;          
  align-self:flex-start;      
  background-color: #3a071c;
  border: 1px solid #eee;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: var(--secondary-font);
  font-weight: 600;
  color: #d6d4d4;
  font-size: .9em;
}

.gid_link:hover{
	background-color:#690e34;
	 color: #d6d4d4;
}

@media (max-width: 1024px) {
  .grid-box {
    flex-wrap: wrap;
  }

  .grid-item {
    flex: 0 0 calc(50% - 10px); 
  }

  .grid-img img {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .grid-box {
    flex-direction: column;
  }

  .grid-item {
    flex: 1;
  }

  .grid-img img {
    height: 200px;
    padding: 15px;
  }

  .grid-item-details {
    padding: 12px;
  }

  .room-card-details {
    padding: 15px 0;
  }

  .room-card-details ul {
    flex-direction: column;
    gap: 6px;
  }

  .type1 {
    margin-left: 0;
  }

  .gid_link {
    font-size: 0.85em;
    padding: 8px 16px;
  }
}

@media (max-width: 480px) {
  .grid-img img {
    height: 180px;
  }

  .room-card-details li {
    font-size: 13px;
  }

  .gid_link {
    width: 100%;
    text-align: center;
  }
}
.Commercial-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/nc2.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Residential-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/nr2.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GResidential-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/GR2.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GCommercial-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/gnc1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Ace-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/ace1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aceEdit-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/aceEdit1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-section2 {
  max-width: 1200px;
  margin: 40px auto;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  margin-top: 80px;
}
.info-box2 {
  padding: 80px 80px;
  text-align: center;
  border-right: 1px solid #a2a2a2;
  border-bottom: 1px solid #e6e6e6;
  background: #32303f;
}
.info-grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* developers css */


  .partners-section{
    padding: 56px 20px;
    background: #2a2837;
    display: flex;
    justify-content: center;
  }

  .container{
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    text-align: center;
  }

  .partners-title{
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-weight: 700;
    font-size: 42px;
    margin: 0;
    color: #f0cb7b;
  }

  .partners-sub{
    margin: 8px 0 28px;
    color:white;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
    font-size: 16px;
  }

.partners-grid{
    display: grid;
    gap: 24px;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(5, 1fr);
    padding: 20px;
}

.partner {
  width: 100%;
  aspect-ratio: 5 / 3;  
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: white;
  padding: 10px 0px;
  box-shadow: 0 6px 18px rgba(16,24,40,0.04);
  overflow: hidden;
  transition: background 260ms ease, box-shadow 260ms ease;
  margin: 0;
}


.partner img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.90);
  transition: transform 260ms ease, filter 260ms ease;
}

.partner:hover img,
.partner:focus-within img {
  transform: scale(1.10);
  filter: none;
}

.partner:hover,
.partner:focus-within {
  box-shadow: 0 14px 30px rgba(16,24,40,0.08);
}

@media (max-width: 800px){
  .partner { aspect-ratio: 5 / 3; }
}

@media (max-width: 520px){
  .partner {
    aspect-ratio: 5 / 3;
    padding: 8px;
    border-radius: 10px;
  }
}
.binghatti2{
	margin-top: 150px;
}
/* meeting section css */

.meeting-section {
  display: flex;
  width: 100%;
  min-height: 770px;
  background:#f7f6f6;
}
.meeting-section section {
  display: flex;
  width: 100%;
}

.right-container{
	margin-top: 60px;
}
.meeting-left {
  flex: 1;
  position: relative;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  overflow: hidden;
}

.meeting-left img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.meeting-left h2 {
  font-size: 32px;
  margin-bottom: 10px;
  z-index: 10;
}

.meeting-left p {
  z-index: 10;
  font-size: 18px;
}

.meeting-right {
  flex: 1;
  background: white;
  padding: 40px;
  display: flex;
  flex-direction: column; 
  align-items: center;    
}

.right-content {
  text-align: center;   
  margin-bottom: 20px;   }

  .right-content h2{
	font-size: 30px;
	font-weight: 600;
  }
  .right-content p {
	font-size: 14px;
	text-align: center;
  }
.right-content h2,
.right-content p {
  margin: 0;
}

.meeting-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.two-col {
  display: flex;
  gap: 15px;
}
.meeting-form input,
.meeting-form textarea {
  width: 100%;
 padding: 12px 6px 18px; 
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  background: transparent;
  transition: 0.3s ease;
}

.meeting-form input:focus,
.meeting-form textarea:focus {
  border-bottom: 1px solid #560e2b;
}

.meeting-form textarea {
  resize: none;
}

.label {
  margin-top: 10px;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 5px;
}

.options {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.options label {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 5px 40px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  flex: 1;
}

.options input {
  margin-right: 8px;
}

.btn-submit {
  padding: 14px;
  background: #560e2b;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s ease;
}

.btn-submit:hover {
  background: #3a071c;
}

@media (max-width: 900px) {
  .meeting-section {
    flex-direction: column;
  }

  .meeting-left,
  .meeting-right {
    width: 100%;
  }

  .two-col {
    flex-direction: column;
  }

  .options {
    flex-wrap: wrap;
  }

  .options label {
    flex: 1 1 45%;
  }
}


 /* testimonial css*/

.insta-section {
  background: #560e2b;
  font-family: "Poppins", sans-serif;
}

.insta-content {
  background: #560e2b;
  padding: 30px 40px;
}

.section-title {
  text-align: center;
  margin-top: 50px;
  font-size: 32px;
  margin-bottom: 40px;
  color: #fff;
  font-weight: 700;
}

.insta-grid {
  display: grid;
  margin-top: 10px;
  grid-template-columns: repeat(4, 2fr);
  gap: 30px;
}

.insta-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: .3s ease;
}

.insta-card:hover {
  transform: translateY(-4px);
}

.insta-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.insta-user-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: contain;
}

.insta-user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.insta-user h3 {
  font-size: 13px;
  color: #000;
  margin: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.insta-time {
  font-size: 11px;
  color: #8e8e8e;
  margin-right: 0px;
  font-weight: 400;
}

.insta-menu {
  font-size: 22px;
  color: black;
  cursor: pointer;
}

.insta-media {
  display: block;
  width: 100%;
}

.insta-thumb {
  width: 100%;
  height: 380px;
  object-fit: cover;
}

.insta-actions {
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  font-size: 22px;
  color: rgb(54, 54, 54);
}

.insta-likes {
  font-weight: 700;
  margin: 0;
  padding: 0 14px;
  font-size: 15px;
}

.insta-caption {
  padding: 4px 14px 10px;
  font-size: 14px;
}

.insta-caption .user {
  font-weight: 700;
  margin-right: 6px;
}

.insta-comment {
  width: 100%;
  padding: 14px;
  border: none;
  border-top: 1px solid #e5e5e5;
  outline: none;
  font-size: 14px;
}

#likeBtn {
  cursor: pointer;
  transition: 0.2s;
}

#likeBtn.liked {
  color: red;
}
.dwarka-section
 {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/d3.jpeg");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GCommercial-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/gnc1.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GResidential-section {
  position: relative;
  width: 100%;
  height: 100vh; 
  background-image: url("../img/GR2.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
global project /  Dhanube


/* global / ROOMS */

.grid-box {
  display: flex;
  gap: 20px;
}

.grid-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grid-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}
.grid-item {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid-img {
  background-color: #3a071c;
  border-radius: 8px;
}

.grid-img img {
  width: 100%;
  border-radius: 10px;
  padding: 20px 20px;
  height: 250px;
  object-fit: cover;
  display: block;
}

.grid-item-details {
  background: #fff;
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.room-card-details {
  overflow: hidden;
  margin: 10px 0;
  border-top: 1px solid #560e2b;
  border-bottom: 1px solid #560e2b;
  padding: 20px 0;
}
.room-card-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.room-card-details li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
}

.room-card-details li i {
  color: #560e2b;
  margin-right: 6px;
}


.room-card-details .type {
  display: block;
  font-weight: 500;
  color: #444;
}

.room-card-details .type1 {
  display: block;
  font-weight: 500;
  color: #444;
}

@media (max-width: 768px) {
  .room-card-details ul {
    flex-direction: column;
    gap: 4px;
  }

  .room-card-details li {
    font-size: 13px;
  }
}

.type{
	font-size: 12px;
	border: 1px solid #3a071c;
	font-weight: 500;
}

.type1{
	margin-left: 100px;
		font-size: 12px;
	border: 1px solid #3a071c;
	font-weight: 500;
}

.gid_link {
  position: static;          
  align-self:flex-start;      
  background-color: #3a071c;
  border: 1px solid #eee;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: var(--secondary-font);
  font-weight: 600;
  color: #d6d4d4;
  font-size: .9em;
}

.gid_link:hover{
	background-color:#690e34;
	 color: #d6d4d4;
}

@media (max-width: 1024px) {
  .grid-box {
    flex-wrap: wrap;
  }

  .grid-item {
    flex: 0 0 calc(50% - 10px); 
  }

  .grid-img img {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .grid-box {
    flex-direction: column;
  }

  .grid-item {
    flex: 1;
  }

  .grid-img img {
    height: 200px;
    padding: 15px;
  }

  .grid-item-details {
    padding: 12px;
  }

  .room-card-details {
    padding: 15px 0;
  }

  .room-card-details ul {
    flex-direction: column;
    gap: 6px;
  }

  .type1 {
    margin-left: 0;
  }

  .gid_link {
    font-size: 0.85em;
    padding: 8px 16px;
  }
}

@media (max-width: 480px) {
  .grid-img img {
    height: 180px;
  }

  .room-card-details li {
    font-size: 13px;
  }

  .gid_link {
    width: 100%;
    text-align: center;
  }
}
.section-title h2{
	font-size: 45px !important;
	
}
.section-title{
	background: none;
	margin: 0px;
	padding: 0px;
}
.signature_title img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

/* Mission & Vision section */

.mv-section {
  padding: 56px 20px;
  background: white;
  color: white;
}

.mv-container {
  width: 100%;
  max-width: var(--max-width, 1200px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 40px;
}

/* Left Content */
.mv-content {
  animation: fadeLeft 1s ease forwards;
  text-align: left;
}

.mv-badge {
  display: inline-block;
  padding: 6px 14px;
  background: rgba(171, 47, 100, 0.15);
  color: #ab2f64;
  border-radius: 30px;
  font-size: 14px;
  margin-bottom: 20px;
}

.mv-title {
  font-size: 38px;
  margin-bottom: 30px;
  font-weight: 700;
}

/* Cards */
.mv-card {
  background: rgba(255, 255, 255, 0.05);
  padding: 25px;
  border-radius: 16px;
  margin-bottom: 20px;
  border-left: 4px solid #ab2f64;
  transition: all 0.4s ease;
}

.mv-card:hover {
  transform: translateY(-6px);
  background: rgba(171, 47, 100, 0.15);
}

.mv-card h3{
	font-size: 30px;
	color: black;
	font-weight: 600;
}
.mv-card p{
	font-size: 16px;
	margin-top: 10px;
}

/* RIGHT IMAGE – FIXED SIZE */
.mv-image {
  max-width: 480px;
  height: 360px;
  border-radius: 20px;
  overflow: hidden;
  animation: fadeRight 1s ease forwards;
}

.mv-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Animations */
@keyframes fadeLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .mv-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .mv-content {
    text-align: center;
  }

  .mv-image {
    max-width: 100%;
    height: 260px;
    margin: 0 auto;
  }

  .mv-title {
    font-size: 30px;
  }
}
.info-box h5 {
    margin: 0 0 8px 0;
    color: #e3347f;
    font-size: 16px;
}
.fix-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
}

@media(max-width:768px){
    .swiper-wrapper {
        display: inline-flex;
    }
	.content-section.parallax-section {
		margin-top: 80px!important;
	}
	.section-title h2 {
    font-size: 22px !important;
}
    .hero-wrap {
        height: auto;
        margin-top: 80px;
		
    }
}

/* MAIN SECTION */
.arcadia-section {
  background: #053d5a;
  color: #fff;
  padding: 80px 20px 30px;
}

/* CONTAINER */
.arcadia-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 50px;
  align-items: center;
}

/* LEFT CONTENT */
.arcadia-content .brand h4 {
  color: #f4c66a;
  font-size: 20px;
}

.arcadia-content .brand span {
  font-size: 12px;
  color: #cfcfcf;
}

.arcadia-content .brand p {
  font-size: 12px;
  margin-top: 5px;
}

.title {
  font-size: 46px;
  margin: 30px 0 10px;
}

.subtitle {
  font-size: 16px;
  color: #e0e0e0;
  margin-bottom: 40px;
}

/* PRICING */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.price-card {
  background: #06486e;
  padding: 25px;
  border-radius: 12px;
  border: 2px solid #f4c66a;
  text-align: center;
  transition: 0.3s ease;
}

.price-card h5 {
  color: #f4c66a;
  font-size: 13px;
}

.price-card h3 {
  font-size: 16px;
  margin: 8px 0;
}

.price-card span {
  font-size: 22px;
  font-weight: bold;
}

.price-card:hover {
  transform: translateY(-8px);
}

.featured {
  background: linear-gradient(135deg, #06486e, #053d5a);
  transform: scale(1.05);
}

/* RIGHT IMAGE */
.arcadia-image img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

/* FOOTER */
.arcadia-footer {
  margin-top: 60px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.2);
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
}
.arcadia-footer p{
	color: #fff!important;
}
.brand p{
	color: #fff;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .arcadia-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .featured {
    transform: scale(1);
  }
.brand{
	display: block;
	text-align: center;
}
}
/* SECTION */
.project-highlight-section {
  background: linear-gradient(120deg, #eef5fb, #ffffff);
  padding: 80px 20px;
}

/* CONTAINER */
.highlight-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.floorplan-box {
  background: rgba(255,255,255,0.9);
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
  text-align: center;
}

.floor-title {
  font-size: 18px;
  color: #1f3f7f;
  margin-bottom: 20px;
}

.floor-image img {
  width: 100%;
  border-radius: 14px;
}

.floor-label {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 16px;
  background: #1f3f7f;
  color: #fff;
  border-radius: 30px;
  font-size: 13px;
}

/* RIGHT */
.details-box {
  background: #ffffff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  position: relative;
}

.badge {
  display: inline-block;
  background: #1f3f7f;
  color: #fff;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 15px;
}

.details-box h2 {
  font-size: 26px;
  color: #1f3f7f;
  margin-bottom: 25px;
}

/* BULLET GRID */
.details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.details-grid ul {
  list-style: none;
}

.details-grid li {
  font-size: 14px;
  margin-bottom: 12px;
  padding-left: 22px;
  position: relative;
  color: #333;
}

.details-grid li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #c9a44a;
  font-size: 13px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .highlight-container {
    grid-template-columns: 1fr;
  }

  .details-grid {
    grid-template-columns: 1fr;
  }

  .details-box {
    padding: 30px;
  }
}
.highlights-section {
  background: #f6f8f5;
  padding: 80px 20px;
}

.container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.section-header {
  text-align: center;
  margin-bottom: 50px;
}

.section-header .tag {
  display: inline-block;
  background: #2f6f4e;
  color: #fff;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 13px;
  margin-bottom: 15px;
}

.section-header h2 {
  font-size: 32px;
  color: #2c2c2c;
}

/* PROJECT HIGHLIGHTS */
.project-highlights {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-bottom: 70px;
}

.highlight-card {
  background: #ffffff;
  padding: 30px 20px;
  text-align: center;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.highlight-card h4 {
  font-size: 20px;
  color: #2f6f4e;
  margin-bottom: 8px;
}

.highlight-card p {
  font-size: 14px;
  color: #555;
  text-align: center;
}

.highlight-card:hover {
  transform: translateY(-8px);
}

/* SITE HIGHLIGHTS */
.site-highlights {
  background: #2f6f4e;
  color: #fff;
  padding: 50px;
  border-radius: 24px;
}

.site-highlights h3 {
  text-align: center;
  font-size: 26px;
  margin-bottom: 30px;
}

.site-highlights ul {
  list-style: none;
  max-width: 900px;
  margin: auto;
}

.site-highlights li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 16px;
  font-size: 15px;
}

.site-highlights li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffd670;
  font-weight: bold;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .project-highlights {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .project-highlights {
    grid-template-columns: 1fr;
  }

  .section-header h2 {
    font-size: 24px;
  }

  .site-highlights {
    padding: 30px 20px;
  }
}

.u_auto_slider {
  width: 100%;
  
  height: 460px;
  margin: 40px auto;
  overflow: hidden;
  border-radius: 18px;
  background: #000;
}

.u_slider_track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.7s ease;
}

.u_slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.u_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* responsive */
@media(max-width:768px){
  .u_auto_slider {
    height: 280px;
  }
}
.price-wrapper {
  max-width: 850px;
  margin: auto;
  background: #fff;
  padding: 25px;
  border: 2px solid #2f5d3a;
}

.price-title {
  text-align: center;
  color: #2f5d3a;
  font-size: 22px;
  margin-bottom: 20px;
}

.price-title span {
  font-size: 16px;
  margin-left: 8px;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.price-table td {
  border: 2px solid #2f5d3a;
  padding: 12px;
  font-size: 16px;
}

.price-table td:first-child {
  width: 60%;
}

.section-title {
 
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin: 25px 0 10px;
  font-weight: bold;
}

.note-box {
  background: #ab2f64;
  padding: 15px;
  font-size: 14px;
  color: #000;
}

.note-box p {
  margin: 5px 0;
  color: #fff!important;
}
.footer p{
	color: #fff;
}
.footer{
	margin-bottom: 30px;
}

/* Responsive */
@media(max-width:600px) {
  .price-title {
    font-size: 18px;
  }

  .price-table td {
    font-size: 14px;
    padding: 8px;
  }
}


.flyer {
  max-width: 900px;
  margin: auto;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* TOP BAR */
.top-bar {
  background: linear-gradient(90deg, #7c1335, #a61d4d);
  color: #fff;
  padding: 18px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.brand span {
  color: #ffd6e4;
}

/* HERO */
.hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  padding: 30px;
  align-items: center;
}

.hero h1 {
  font-size: 42px;
  color: #7c1335;
}

.tagline {
  color: #666;
  margin: 8px 0 18px;
}

.price-tag {
  display: inline-block;
  background: #7c1335;
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  font-size: 16px;
}

.hero img {
  width: 100%;
  border-radius: 12px;
}

/* INFO GRID */
.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 0 30px 30px;
}

.info-card {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 22px;
  border-left: 6px solid #7c1335;
}

.info-card h3 {
  margin-bottom: 14px;
  color: #7c1335;
}

.info-card ul {
  list-style: none;
  padding: 0;
}

.info-card li {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px dashed #ccc;
}

.accent {
  background: linear-gradient(135deg, #fff0f6, #ffe3ee);
}

/* ACCOUNT */
.account {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px;
  background: #f3f3f3;
}

.qr img {
  width: 130px;
  border: 4px solid #7c1335;
  padding: 6px;
  border-radius: 8px;
}

/* FOOTER */
.footer {
  background: #7c1335;
  color: #fff;
  padding: 18px;
  text-align: center;
}

.footer-info {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* RESPONSIVE */
@media(max-width:768px) {
  .hero,
  .info-grid,
  .account {
    grid-template-columns: 1fr;
    flex-direction: column;
    text-align: center;
  }

  .footer-info {
    flex-direction: column;
    gap: 6px;
  }
}
.four-btn-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: 90%;
  margin: 30px auto;
}

.four-btn-box button {
  padding: 14px 10px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
}

/* Individual button styles */
.btn-one {
  background: linear-gradient(135deg, #7c1335, #a61d4d);
  color: #fff;
}
.btn-one a{
	color: #fff;
}


/* Hover effect */
.four-btn-box button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
}

/* Responsive */
@media(max-width:768px) {
  .four-btn-box {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:480px) {
  .four-btn-box {
    grid-template-columns: 1fr;
  }
}

.azizi-section {
  max-width: 1200px;
  margin: auto;
  padding: 60px 40px;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 50px;
}

/* LEFT */
.azizi-left {
  text-align: center;
}

.logo {
  width: 100%;
  margin-bottom: 20px;
}

.brand-name {
  font-size: 34px;
  letter-spacing: 6px;
  color: #2c5d73;
  margin: 0;
}

.brand-name span {
  font-weight: 300;
}

.tagline {
  font-style: italic;
  color: #6f8f9f;
  margin-top: 6px;
}

/* RIGHT */
.azizi-right h1 {
  font-size: 28px;
  letter-spacing: 2px;
  color: #2c5d73;
  margin-bottom: 20px;
}

.azizi-right p {
  color: #2f4f5f;
  line-height: 1.8;
  margin-bottom: 18px;
  font-size: 15.5px;
}

.azizi-right h3 {
  margin-top: 30px;
  letter-spacing: 2px;
  color: #2c5d73;
  font-size: 30px;
  text-align: left;
}

/* FEATURES */
.features {
  margin-top: 15px;
}

.features li {
  margin-bottom: 10px;
  color: #2f4f5f;
  line-height: 1.6;
  font-size: 17px;
  text-align: left;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .azizi-section {
    grid-template-columns: 1fr;
    padding: 40px 25px;
  }

  .azizi-left {
    text-align: left;
  }
  
}
.award-section {
  padding: 80px 40px;
  background: #272535;
  text-align: center;
}

/* TITLE */
.award-title {
  font-size: 34px;
  color: #f3c98b;
  margin-bottom: 60px;
  letter-spacing: 1px;
}

/* GRID */
.award-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1200px;
  margin: auto;
}

/* CARD */
.award-card {
  background: rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 18px;
  backdrop-filter: blur(8px);
  box-shadow: inset 0 0 25px rgba(255,255,255,0.08),
              0 25px 45px rgba(0,0,0,0.4);
  transition: 0.4s ease;
  height: 300px;
}

.award-card img {
  width: 100%;
  height: 100%;
  border-radius: 14px;
}

/* Center card emphasis */
.award-card.highlight {
  transform: scale(1.05);
}

/* Hover */
.award-card:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 30px 60px rgba(0,0,0,0.6);
}

/* RESPONSIVE */
@media(max-width: 992px) {
  .award-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .award-card.highlight {
    transform: none;
  }
}
/* Top Banner */
.infrastructure {
  height: 320px;
  background: url("d0e65f7c-cdad-421f-b16b-361d669a673d.png") center/cover no-repeat;
  position: relative;
}

.infrastructure .overlay {
  height: 100%;
  background: rgba(15, 23, 42, 0.75);
  display: flex;
  align-items: center;
  padding-left: 60px;
}

.infrastructure h1 {
  color: #fff;
  font-size: 52px;
  line-height: 1.1;
}

/* Milestones Section */
.milestones {
  padding: 60px 6%;
  background: linear-gradient(to bottom, #ffffff, #eef2f7);
}


.yellow { background: linear-gradient(135deg, #fbbf24, #f59e0b); }
.blue   { background: linear-gradient(135deg, #60a5fa, #2563eb); }
.green  { background: linear-gradient(135deg, #34d399, #16a34a); }

/* Features */
.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.feature-box {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.feature-box h3 {
  margin-bottom: 15px;
  font-size: 20px;
}

.feature-box ul {
  list-style: none;
}

.feature-box ul li {
  margin-bottom: 10px;
  padding-left: 18px;
  position: relative;
  font-size: 14px;
}

.feature-box ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #2563eb;
  font-size: 18px;
}

/* Responsive */
@media (max-width: 992px) {
  .cards {
    flex-direction: column;
    align-items: center;
  }

  .features {
    grid-template-columns: 1fr;
  }

  .infrastructure h1 {
    font-size: 38px;
  }
}
.subcribe-form p{
	color: #fff !important;
	font-size: 16px;
}
.footer-widget-content p{
	color: #fff !important;
}

@media(max-width:768px){
.partners-grid {
    display: grid;
    gap: 14px;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
    padding: 0px;
}
.content-section{
	padding-top: 0px;
}
}