@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

@font-face {
	font-family: 'cirkalight';
	src: url(../fonts/cirka-light-webfont.woff2) format('woff2'), url(../fonts/cirka-light-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'cirkaregular';
	src: url(../fonts/cirka-variable-webfont.woff2) format('woff2'), url(../fonts/cirka-variable-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'cirkabold';
	src: url(../fonts/cirka-bold-webfont.woff2) format('woff2'), url(../fonts/cirka-bold-webfont.woff) format('woff');
	font-weight: 400;
	font-style: normal
}

body {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color: #000
}

.info {
	padding: 50px 0
}

.info-fw-light {
	font-family: 'cirkalight'
}

.info-fw-bold {
	font-family: 'cirkabold'
}

.info-fs {
	font-family: 'cirkaregular'
}

.info-hero-brand {
	color: #9A813D !important
}

.info-text-brand {
	color: #9A813D !important
}

.info-brand-bg {
	background-color: #9A813D !important
}

.info-text-brand-light {
	color: #8f8f8f !important
}

.bg-brand-dark {
	background-color: #000 !important
}

.navbar-nav li {
	font-size: .9rem
}

.navbar-nav li:not(:last-child) {
	margin-right: 25px
}

.navbar-nav li a {
	color: #fff;
	font-weight: 200 !important
}

.navbar-nav li a:hover {
	color: #9A813D !important
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: #9A813D;
	font-weight: 500 !important
}

.nav-link:focus,
.nav-link:hover {
	color: #9A813D !important
}

#east-floor-plans-loader {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1050;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.spinner-border.text-warning {
	color: #9A813D !important
}

#East-Floor-Plans-Modal-Slider .modal-body {
	min-height: 200px
}

#west-floor-plans-loader {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1050;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	pointer-events: none
}

#West-Floor-Plans-Modal-Slider .modal-body {
	min-height: 200px
}

.btn-bg {
	color: #000 !important;
	background-color: #9A813D !important;
	height: 40px;
	width: 148px
}

.btn-shine {
	position: relative;
	overflow: hidden;
	color: #000 !important;
	font-weight: lighter;
	cursor: pointer;
	border: 0;
	background-color: #9A813D !important;
	transition: all 0.3s ease-in-out;
	height: 40px;
	width: 148px;
	align-items: center;
	display: flex;
	justify-content: center
}

.navbar-nav li .btn-shine:hover {
	color: #000 !important
}

.btn-shine:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 15%;
	height: 100%;
	background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / 45%) 100%);
	background: linear-gradient(to right, #fff0 0%, rgb(255 255 255 / 55%) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: shine 1.8s ease-in-out infinite;
	animation: shine 1.8s ease-in-out infinite
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

.menu-bar {
	color: #9A813D !important;
	font-size: 32px
}

.info-form {
	background-color: #000000e8 !important;
	padding: 20px 20px;
	border: 4px solid #9A813D;
	border-radius: 20px
}

.info-form .form-control {
	color: #fff !important;
	background-color: #000;
	border: 1px solid #9A813D;
	border-radius: 5px
}

.info-form .form-control::placeholder,
.info-form .iti__selected-dial-code::placeholder {
	color: #fff !important
}

.info-form .formSubmit {
	color: #fff !important
}

.info-modal-form .modal-content {
	background-color: transparent !important;
	border: 0
}

.info-modal-form .modal-body {
	padding: 0
}

.info-form .info-btn-close {
	filter: invert(52%) sepia(8%) saturate(2754%) hue-rotate(6deg) brightness(96%) contrast(82%);
	margin-right: 0 !important
}

.info-img-overlay {
	position: relative
}

.info-img-overlay::before {
	position: absolute;
	content: '';
	background: #000000a8;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.info-img-content {
	position: absolute;
	bottom: 20%;
	left: 10%
}

.info-welcome-bg {
	/* background: url(../img/info-welcome-bg.webp); */
	background: linear-gradient(to right, rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.81)), 
                url('../img/info-welcome-bg.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative
}

/* .info-welcome-bg::before {
	position: absolute;
	content: '';
	background: #000000cf;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
} */

.info-icons-content {
	border: 2px solid #9A813D;
	border-radius: 30px;
	padding: 20px 10px
}

.info-bg-dark {
	background: #010203 !important;
	position: relative
}

.info-leaf-element-right {
	position: absolute;
	width: 120px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.info-img-zoom {
	overflow: hidden
}

.info-img-zoom img {
	filter: grayscale(1);
	transition: .5s ease-in-out
}

.info-img-zoom img:hover {
	filter: grayscale(0);
	transform: scale(1.2)
}

.info-media-icon-content {
	display: flex;
	align-items: center
}

.info-media-icon-content:hover img,
.info-amenities-content:hover img {
	background: #A68B40 !important;
	box-shadow: 0 0 20px #A68B40;
	transition: all .3s ease-in-out
}

.info-leaf-element-left {
	position: absolute;
	width: 120px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotateY(3.142rad)
}

.info-leaf-element-left-down {
	position: absolute;
	width: 120px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(3.142rad)
}

.info-logo-element-right {
	position: absolute;
	right: 0;
	bottom: 0
}

.info-logo-element-left {
	position: absolute;
	left: 0;
	bottom: 0
}

.info-logo-element-center {
	position: absolute;
	left: 20%;
	bottom: -32%;
	width: 15%
}

.info-leaf-element-center {
	position: absolute;
	right: 10%;
	top: 0;
	bottom: 0;
	margin: auto
}

.info-amenities-bg {
	background: url(../img/info-amenities-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative
}

.info-amenities-bg::before {
	position: absolute;
	content: '';
	background-color: #000000d9;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.info-area-bg {
	background: url(../img/info-area-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 45vh;
	position: relative;
	display: flex;
	align-items: center
}

.info-area-bg::before {
	position: absolute;
	content: '';
	background-color: #000000bd;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.info-line {
	position: relative
}

.info-line::after {
	position: absolute;
	content: '';
	background-color: #9A813D;
	height: 150%;
	width: 1px;
	right: -15px;
	top: 0;
	bottom: 0;
	margin: auto
}

.info-border-line {
	position: relative
}

.info-border-line::after {
	position: absolute;
	content: '';
	background-color: #9A813D;
	height: 100%;
	width: 1px;
	left: -7%;
	top: 0;
	bottom: 0;
	margin: auto
}

.info-master-plan-bg {
	background-color: #010203 !important;
	position: relative
}

.info-master-plan-bg .info-logo-element-right {
	position: absolute;
	right: 2%;
	bottom: 0
}

.info-master-plan-img {
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 600px;
	float: left;
	margin: 10px
}

.info-master-plan-img__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform .5s ease-out;
	transition: -webkit-transform .5s ease-out;
	transition: transform .5s ease-out;
	transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.floor-plan-modal .modal-body {
	display: flex;
	align-items: center;
	justify-content: center
}

.info-floor-plan-img-zoom {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 75vh;
	float: left;
	padding: 10px
}

.info-floor-plan-img-zoom__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform .5s ease-out;
	transition: -webkit-transform .5s ease-out;
	transition: transform .5s ease-out;
	transition: transform .5s ease-out, -webkit-transform .5s ease-out;
	cursor: zoom-in
}

.table>:not(caption)>*>* {
	padding: .2rem 0.3rem !important;
	background-color: transparent !important;
	color: #fff !important
}

table thead .info-text-brand {
	color: #9A813D !important;
	font-size: 14px !important
}

table th,
table td {
	font-size: 12px !important;
	font-weight: 400 !important
}

.table-bordered {
	border: 1px solid #9A813D !important
}

tbody tr {
	transition: all 0.3s ease-in-out
}

tbody tr:hover {
	background-color: #9A813D !important;
	transform: scale(1.13)
}

.info-villa-plan-bg {
	background-color: #010203 !important
}

.info-villa-plan {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	border: 1px solid #9A813D;
	z-index: 0;
	transition: .3s ease-in-out
}

.info-bg-img {
	transition: .3s ease-in-out
}

.info-villa-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10
}

.info-card {
	background: #fff0
}

.info-villa-plan .info-card {
	opacity: 0;
	transition: .3s ease-in-out
}

.info-villa-plan:hover .info-card {
	opacity: 1
}

.info-btn {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
	color: #fff !important
}

.info-bg-overlay::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 25%;
	background: #010101;
	background: linear-gradient(to bottom, #fff0, #000000);
	bottom: 0;
	left: 0;
	z-index: 9;
	transition: .3s ease-in-out
}

.info-villa-plan:hover.info-bg-overlay::before {
	height: 75%
}

.info-villa-plan:hover .info-bg-img {
	transform: scale(1.2) !important
}

.modal-header .btn-close {
	border: 2px solid #A68B40;
	opacity: 1;
	margin-right: 20px
}

.info-east-floor-plans-slider .info-slider-img,
.info-west-floor-plans-slider .info-slider-img {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #9A813D;
	padding: 10px;
	margin-right: 20px;
	border-radius: 20px;
	cursor: pointer
}

.info-border {
	border: 3px solid #9A813D !important
}

.modal-header {
	border-bottom: 0
}

.info-project-update-bg {
	background-color: #010203 !important
}

.info-content-border {
	position: relative;
	max-width: 215px;
	border: 5px solid #9A813D;
	border-left: 5px solid #fff0;
	text-align: left
}

.info-content-border::before {
	position: absolute;
	content: '';
	background-color: #9A813D;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 42%;
	width: 5px;
	top: -5px;
	left: -5px
}

.info-content-border::after {
	position: absolute;
	content: '';
	background-color: #9A813D;
	height: 42%;
	width: 5px;
	bottom: -5px;
	left: -5px
}

.info-text-content {
	margin-left: 40px
}

.info-content-line {
	position: relative
}

.info-content-line::before {
	position: absolute;
	content: '';
	background-color: #9A813D;
	height: 5px;
	width: 50px;
	left: 0;
	bottom: 38%
}

.info-content-line::after {
	position: absolute;
	content: 'OF OVER';
	left: 0;
	bottom: 42%;
	font-size: 12px
}

.info-project-play-icon {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto
}

.info-play-btn {
	color: #DC2217 !important;
	font-size: 30px;
	position: relative;
	z-index: 9;
	background-color: #fff;
	border-radius: 50rem
}

.info-play-btn::after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: #DC2217;
	width: 30px;
	height: 30px;
	content: "";
	display: block;
	border-radius: 50%;
	z-index: -1;
	-webkit-backface-visibility: hidden;
	animation: wave-animate 3s infinite ease-out
}

@keyframes wave-animate {
	0% {
		transform: scale(0);
		opacity: 1;
		transform-origin: center
	}

	100% {
		transform: scale(2);
		opacity: 0;
		transform-origin: center
	}
}

.info-project-slider-img {
	cursor: pointer
}

.info-project-slider-img-content {
	position: absolute;
	left: 4%;
	top: 1%;
	text-fill-color: #fff0;
	text-stroke: 1px #9A813D;
	-webkit-text-fill-color: #fff0;
	-webkit-text-stroke: 1px #9A813D;
	-moz-text-fill-color: #fff0
}

.info-download-bg {
	background: url(../img/info-download-bg.webp);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 45vh;
	position: relative;
	display: flex;
	align-items: center
}

.info-download-bg::before {
	position: absolute;
	content: '';
	background-color: #000000e6;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.info-blueprint-bg {
	background: url(../img/info-blueprint-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 45vh;
	position: relative;
	display: flex;
	align-items: center
}

.info-blueprint-bg::before {
	position: absolute;
	content: '';
	background-color: #000c;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.info-testmonial-bg {
	background: #010203 !important
}

.info-testmonial-content {
	display: flex;
	align-items: center;
	justify-content: center
}

.info-testmonial-slider-content {
	padding: 10px
}

.info-testmonial-element {
	position: absolute;
	content: '';
	left: 0;
	top: -20px;
	width: 60px
}

.img-img-border {
	position: relative
}

.img-img-border::before {
	position: absolute;
	content: '';
	height: 80%;
	width: 100%;
	border: 2px solid #A68B40;
	bottom: 6px;
	left: -12px;
	border-radius: 20px;
	z-index: -1
}

.info-img-bg {
	position: relative;
	z-index: 1
}

.info-img-bg::before {
	position: absolute;
	content: '';
	background: #fff;
	height: 75%;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: 20px
}

.info-community-bg {
	background: #010203
}

.info-map-bg {
	background: #010203
}

.info-map-popup {
	position: absolute;
	right: 34%;
	top: 18%
}

.bounce-3 {
	animation-name: bounce-3;
	animation-timing-function: ease
}

@keyframes bounce-3 {
	0% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-20px)
	}

	60% {
		transform: translateY(-20px)
	}
}

.info-about-bg {
	background: #010203
}

.info-footer-bg {
	background: #010203;
	overflow: hidden
}

.info-quick-links li:not(:last-child) {
	margin-right: 25px
}

.info-quick-links li a {
	color: #fff;
	font-size: .9rem;
	text-decoration: none;
	transition: 3ms ease-in-out
}

.info-quick-links li a:hover {
	color: #9A813D
}

.info-email-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.info-form-email {
	position: relative;
	min-width: 320px !important;
	width: 320px
}

.info-email-content .formSubmit {
	padding: 0
}

.form-check-input:checked {
	background-color: #9A813D;
	border-color: #9A813D
}

.info-form-submit {
	position: absolute;
	right: 2px;
	top: 2px
}

.info-form-email .form-control {
	background-color: #fff0
}

.info-form-email .form-control {
	color: #fff !important
}

.info-form-email .form-control::placeholder {
	color: #fff !important
}

.info-contact-content ul li {
	position: relative;
	padding-left: 25px
}

.info-icon-left {
	position: absolute;
	left: 0;
	top: 5px;
	color: #9A813D
}

.info-contact-content ul li:not(:last-child) {
	margin-bottom: 10px
}

.info-contact-content ul li a {
	text-decoration: none;
	color: #fff
}

.social-icons {
	display: flex
}

.social-icons li a {
	margin-right: 20px;
	height: 30px;
	width: 30px;
	border-radius: 50rem;
	background: #9A813D !important;
	color: #000 !important;
	text-align: center;
	align-items: center;
	display: flex;
	text-decoration: none;
	justify-content: center;
	font-size: 1rem !important;
	border: 1px solid #9A813D
}

.social-icons li a:hover {
	color: #9A813D !important;
	background-color: transparent !important
}

hr {
	border-top: 1px solid #31363D !important;
	opacity: 1
}

.info-bg-black {
	background-color: #010203
}

.info-bg-black .small {
	font-size: 0.675em !important
}

.info-policy-links {
	display: flex;
	align-items: center;
	justify-content: end;
	margin-bottom: 0
}

.info-policy-links li a {
	color: #fff;
	transition: 3ms ease-in-out
}

.info-policy-links li a:hover {
	color: #9A813D
}

.info-policy-links li:not(:last-child) {
	margin-right: 20px
}

.info-footer-bg .info-logo-element-left {
	position: absolute;
	left: -30px;
	bottom: -40px;
	width: 180px
}

.info-villa-slider .info-slider-img {
	position: relative;
	cursor: pointer
}

.info-villa-slider .info-slider-img::before {
	position: absolute;
	content: '';
	background: linear-gradient(to bottom, #ffffff00 0, #000000d6 60%);
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%
}

.info-img-footer-content {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto
}

@media (max-width:2560px) {
	.info-map-popup {
		width: 50px;
		position: absolute;
		right: 36%;
		top: 35%
	}
}

@media (max-width:1920px) {
	.info-map-popup {
		right: 36%;
		top: 34%
	}
}

@media (max-width:1399px) {
	.info-map-popup {
		right: 35%;
		top: 30%
	}

	.info-logo-element-center {
		position: absolute;
		left: 20%;
		bottom: -20%;
		width: 15%
	}
}

@media (max-width:1199px) {
	.info-map-popup {
		width: 40px
	}
}

@media (max-width:991px) {
	.navbar-nav li:not(:last-child) {
		margin-right: 0
	}

	.slick-nav .floor-plans-left-arrow {
		left: 3% !important;
		top: 12px !important;
		height: 30px !important;
		width: 30px !important
	}

	.slick-nav .floor-plans-right-arrow {
		left: 12% !important;
		top: 12px !important;
		height: 30px !important;
		width: 30px !important
	}

	.modal-header .btn-close {
		margin-right: 10px !important
	}

	.info-content-border {
		max-width: 180px
	}

	.info-map-popup {
		position: absolute;
		right: 35%;
		top: 25%;
		width: 40px
	}

	.info-form-email {
		min-width: 220px !important;
		width: 220px
	}

	.info-leaf-element-center {
		right: 0 !important;
		opacity: .6
	}

	.info-logo-element-center {
		position: absolute;
		left: 10%;
		bottom: -20%;
		width: 25%
	}

	.info-floor-plan-img-zoom {
		height: 320px
	}

	iframe {
		height: 265px
	}
}

@media (max-width:767px) {
	.info {
		padding: 30px 15px
	}

	.navbar-brand {
		max-width: 110px
	}

	.info-icons-content {
		border: 0;
		padding: 0
	}

	.info-features-mobile-slider .info-features-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		border: 1px solid #9A813D;
		padding: 10px;
		margin-right: 15px
	}

	.info-media-icons-mobile-slider .info-media-icon-content {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #9A813D;
		padding: 10px;
		margin-right: 15px;
		border-radius: 20px
	}

	.info-amenities-mobile-slider .info-amenities-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border: 1px solid #9A813D;
		padding: 10px;
		margin-right: 15px;
		border-radius: 20px
	}

	.info-line {
		text-align: start !important
	}

	.info-line::after {
		position: absolute;
		content: '';
		background-color: #9A813D;
		height: 1px;
		width: 100%;
		left: -10px !important;
		top: 120% !important
	}

	.info-hide .info-card {
		opacity: 1;
		transition: .5s ease
	}

	.info_project_arrows .slick-nav .project-left-arrow {
		right: 95px !important;
		top: -38px !important
	}

	.info_project_arrows .slick-nav .project-right-arrow {
		right: 35px !important;
		top: -38px !important
	}

	.info-testmonial-element {
		position: absolute;
		content: '';
		left: -15px;
		top: -20px;
		width: 30px
	}

	.info-map-popup {
		position: absolute;
		right: 35%;
		top: 28%;
		width: 30px
	}

	.info-border-line::after {
		height: 0;
		width: 0
	}

	.info-quick-links {
		display: flex;
		flex-direction: column
	}

	.info-quick-links li:not(:last-child) {
		margin-bottom: 10px;
		margin-right: 0
	}

	.info-email-content {
		align-items: start
	}

	.info-leaf-element-right,
	.info-leaf-element-left,
	.info-leaf-element-left-down {
		opacity: .5
	}

	.info-logo-element-center {
		position: absolute;
		left: 5%;
		bottom: -18%;
		width: 25%
	}

	.info-leaf-element-center {
		opacity: .4
	}

	.info-content-img img,
	.info-footer-logo img {
		max-width: 50% !important
	}

	.info-bg-black .text-start {
		text-align: center !important
	}

	.info-footer-bg {
		padding-top: 10px !important
	}

	.info-footer-bg .info-leaf-element-right {
		position: absolute;
		width: 120px;
		right: 0;
		top: 0;
		bottom: auto
	}

	.enquire-btn {
		right: -70px !important;
		padding: 2px 10px !important
	}

	.img-img-border::before {
		height: 78%;
		left: -8px
	}
}

@media (max-width:576px) {
	.info-hero-slider .slick-dots {
		bottom: 10px !important
	}

	.info-hero-slider .slick-dots li button {
		width: 11px !important;
		height: 11px !important
	}

	.info-hero-slider .slick-dots li.slick-active button {
		width: 35px !important
	}

	.slick-nav .fa-chevron-left {
		left: -20px !important;
		height: 30px !important;
		width: 30px !important;
		font-size: 14px !important
	}

	.slick-nav .fa-chevron-right {
		right: -20px !important;
		height: 30px !important;
		width: 30px !important;
		font-size: 14px !important
	}

	.slick-nav .floor-plans-right-arrow {
		left: 15% !important
	}

	.info-logo-element-center {
		position: absolute;
		left: 5%;
		bottom: -18%;
		width: 30%
	}

	.info-map-popup {
		position: absolute;
		right: 35%;
		top: 22%;
		width: 20px
	}

	.info-leaf-element-center {
		right: 0 !important;
		opacity: .3;
		width: 100px;
		top: 0 !important;
		bottom: auto
	}

	.info-footer-bg .info-logo-element-left {
		opacity: 0.6 !important
	}

	.info-floor-plan-img-zoom {
		height: 270px
	}
}

@media (max-width:425px) {
	.info-hero-slider .slick-dots {
		bottom: 0px !important
	}

	.info-hero-slider .slick-dots li button {
		width: 8px !important;
		height: 8px !important
	}

	.slick-dots li button {
		width: 8px !important;
		height: 8px !important
	}

	.slick-dots li.slick-active button {
		width: 30px !important
	}

	.info-testmonial-slider .slick-dots li button {
		width: 10px !important;
		height: 4px !important
	}

	.info-testmonial-slider .slick-dots li.slick-active button {
		width: 30px !important
	}

	.info-floor-plan-img-zoom {
		height: 250px
	}

	.info-policy-links {
		flex-direction: column
	}

	.info-policy-links li:not(:last-child) {
		margin-right: 0
	}

	iframe {
		height: 185px
	}
}

@media (max-width:375px) {
	.info-floor-plan-img-zoom {
		height: 220px
	}

	.info-text-small {
		font-size: calc(1.325rem + .9vw) !important
	}
}

.enquire-btn {
	position: fixed;
	right: -68px;
	top: 0;
	bottom: 0;
	height: fit-content;
	width: auto;
	background: #000;
	color: #9A813D !important;
	border: 1px solid #9A813D !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	padding: 9px 15px;
	transform: rotate(270deg);
	border-radius: 10px 10px 0 0;
	z-index: 999;
	letter-spacing: 3px;
	margin-top: auto;
	margin-bottom: auto
}

.enquire-btn:hover {
	background: #9A813D;
	color: #fff !important
}

.slick-dots {
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 20px;
	list-style: none;
	text-align: center !important
}

.slick-dots li {
	display: inline-block;
	margin-right: 10px
}

.slick-dots li button {
	width: 12px;
	height: 12px;
	border: 0;
	border-radius: 50rem;
	background-color: #ffffffad;
	text-indent: -999999px;
	transition: all 500ms ease-in-out
}

.slick-dots li.slick-active button {
	opacity: 1;
	background: #9A813D;
	width: 50px
}

.info-features-mobile-slider .slick-list,
.info-media-icons-mobile-slider .slick-list,
.info-amenities-mobile-slider .slick-list,
.info-east-floor-plans-slider .slick-list,
.info-west-floor-plans-slider .slick-list {
	padding-right: 40px
}

.info-villa-slider .slick-list,
.info-project-slider .slick-list {
	padding-right: 50px
}

.info-hero-slider .slick-dots {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	margin-top: 20px !important;
	list-style: none;
	text-align: center
}

.info-hero-slider .slick-dots li button {
	width: 12px;
	height: 12px;
	border: 0;
	border-radius: 50rem;
	background-color: #000;
	text-indent: -999999px;
	transition: all 500ms ease-in-out
}

.info-hero-slider .slick-dots li.slick-active button {
	opacity: 1;
	background: #9A813D;
	width: 50px
}

.info-villa-slider .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	transform: scale(.8);
	transition: all 0.4s ease-in-out
}

.info-villa-slider .slick-current.slick-active {
	transform: scale(1);
	background-color: #000;
	border-radius: 20px !important
}

.slick-nav .fa-chevron-left,
.slick-nav .testmonial-left-arrow {
	position: absolute;
	left: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer
}

.slick-nav .fa-chevron-right,
.slick-nav .testmonial-right-arrow {
	position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer
}

.slick-nav .floor-plans-left-arrow {
	position: absolute;
	left: 3%;
	top: 15px;
	border: 1px solid #A68B40;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9
}

.slick-nav .floor-plans-right-arrow {
	position: absolute;
	left: 9%;
	top: 15px;
	border: 1px solid #A68B40;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9
}

.slick-nav .floor-plans-left-arrow:hover,
.slick-nav .floor-plans-right-arrow:hover {
	color: #A68B40;
	background-color: #fff;
	border: 1px solid #A68B40
}

.info_project_arrows .slick-nav .project-left-arrow {
	position: absolute;
	right: 100px;
	top: -30px;
	border: 1px solid #A68B40;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9
}

.info_project_arrows .slick-nav .project-right-arrow {
	position: absolute;
	right: 40px;
	top: -30px;
	border: 1px solid #A68B40;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9
}

.slick-nav .fa-chevron-left:hover,
.slick-nav .fa-chevron-right:hover,
.slick-nav .testmonial-left-arrow:hover,
.slick-nav .testmonial-right-arrow:hover,
.info_project_arrows .slick-nav .project-left-arrow:hover,
.info_project_arrows .slick-nav .project-right-arrow:hover {
	color: #A68B40;
	background-color: #000;
	border: 1px solid #A68B40
}

.info-testmonial-slider .slick-dots {
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 15px;
	list-style: none;
	text-align: end !important
}

.info-testmonial-slider .slick-dots li button {
	width: 20px;
	height: 4px;
	border: 0;
	border-radius: 50rem;
	background-color: #ffffffad;
	text-indent: -999999px;
	transition: all 500ms ease-in-out
}

.info-testmonial-slider .slick-dots li.slick-active button {
	opacity: 1;
	background: #9A813D;
	width: 50px
}

.slick-nav .testmonial-left-arrow {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer
}

.slick-nav .testmonial-right-arrow {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #A68B40;
	color: #000;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer
}

.iti__selected-flag {
	height: 36px !important
}

.iti {
	width: 100%
}

.intl-tel-input .selected-flag {
	height: auto;
	top: 15px;
	padding: 0;
	width: 36px
}

.iti__selected-flag {
	height: 36px
}

.iti--separate-dial-code .iti__selected-dial-code {
	margin-left: 6px;
	font-size: .9rem;
	color: #fff
}

.parsley-errors-list {
	padding: 0;
	margin: 0;
	list-style: none
}

.parsley-errors-list li {
	font-size: .8rem;
	color: #e10d0d
}

.parsley-required {
	color: #e10d0d
}