@media(max-width:767px){
	body .header { background-color:#070605; }
	body .midbarBanner.masterPlan-banner {
		margin-top:67px;
	}
}

/* ++++++++++++++++
Common CSS
+++++++++++++++++ */

.midbarBanner{
	display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eae8e4;
    background-size: cover;
    background-position: center center;
	/* aspect-ratio: 1920/956; */
}
.vh100 { height: 100vh; }
.masterPlan-banner img{
	width:100%;
	object-fit:cover;
}

/* +++++++++++++++
Master Plan Page
++++++++++++++++ */
@media(max-width:400px){
	.header .header-logo .white-logo {
		max-width:120px;
	}
	body .midbarBanner.masterPlan-banner{
		margin-top:53px;
	}

}

.masterPlan-banner {
	background-image: url("/images/masterplan-banner.jpg");
}
.map-points-outer .map-pointer .pin-details img{
	/* max-width:109px; */
	max-width:53px;
}
.map-points-outer .map-pointer .map-pin .pin-title {
	max-width: 200px;
	font-size: 16px;
	line-height: 19px;
	margin: 0 0 8px 0;
	color: #e9e7df;
	text-transform: uppercase;
	text-align:center;
}

.project-section {
	padding: 160px 0;
}
.project-section .projectDetails-outer {
	padding-right: 140px;
}
.projectDetails-outer .projectDetails {
	font-size: 20px;
	line-height: 32px;
	color: #323330;
	margin-top: 18px;
	font-weight: normal;
}
.project-section .masterPlan-right .imageOuter {
	margin-bottom: 28px;
}
.masterPlan-right .addressDetails-outer .address-head {
	font-size: 17px; line-height: 21px; color: #323330; letter-spacing: 0.7px; margin-bottom: 17px; text-transform: uppercase; /* font-family: 'Alexandria'; font-weight: 500; */ font-weight: 300; font-feature-settings: "ss10","ss11";
}
.masterPlan-right .addressDetails-outer .address{
	font-size: 16px; line-height: 32px; color: #323330; letter-spacing:normal; font-weight: normal;
}
.map-points-outer .map-pointer .pin-details.mobileLeft-100{
	left:-100%;
}
@media(max-width:1600px){
	.project-section { padding: 120px 0; }
	.project-section .projectDetails-outer {padding-right: 120px;}
}
@media(max-width:1199px){
	.project-section { padding: 100px 0; }
	.project-section .projectDetails-outer {padding-right: 80px;}
}
@media(max-width:991px){
	.project-section { padding: 80px 0; }
	.project-section .projectDetails-outer {padding-right: 0px; margin-bottom: 30px;}
	.projectDetails-outer .projectDetails {
		font-size: 16px;
		line-height: 28px;
	}
	.masterPlan-right .addressDetails-outer .address-head {
		font-size: 15px; line-height: 19px; letter-spacing: 0.5px;
	}
	.masterPlan-right .addressDetails-outer .address{
		font-size: 14px; line-height: 28px;
	}
}
@media(max-width:767px){
	.project-section { padding: 60px 0; }
}
@media(max-width:575px){
	.project-section { padding: 40px 0; }
}

/***** Grid Section *****/
@media(max-width:767px){
	.masterPlan-leftCol  { width: 100%; margin-bottom: 50px; }
	.masterPlan-rightCol { width: 100%; }
	.masterPlan-rightCol .text-left.mb-5 { margin-bottom: 1rem !important; }
}
@media(max-width:575px){
}
@media(min-width: 1200px){
	.masterPlan-leftCol { width: 28%; }
}

/***** RTL CSS *****/
html[dir="rtl"] .project-section .projectDetails-outer {
    padding-left: 140px; padding-right: 0;
}
@media(max-width: 1600px){
	html[dir="rtl"] .project-section .projectDetails-outer { padding-left: 120px; }
}
@media(max-width: 1199px){
	html[dir="rtl"] .project-section .projectDetails-outer { padding-left: 80px; }
}
@media(max-width: 991px){
	html[dir="rtl"] .project-section .projectDetails-outer { padding-left: 0px; }
}

.property-map-points {
	aspect-ratio: 1920/956;
	background: none;
	max-width: 100%;
}

.map-points-outer .map-pointer {
	position: absolute;
	max-width: 300px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 1;
}

body .map-points-outer .map-pointer.pointer4 .pin-details{
	left:auto;
	right:-10px;
}
@media(min-width:2501px){
	.map-points-outer .map-pointer .map-pin img {
		/*	max-width: 134px;
			min-width: 134px;*/
			max-width: 53px;
			min-width: 53px;
		}
}
@media (min-width:1921px) and (max-width:2500px){
	.map-points-outer .map-pointer .map-pin img {
		/*max-width: 109px;
		min-width: 109px;*/
		max-width:53px;
		min-width: 53px;
	}
}
/*.map-points-outer .map-pointer.pointer1 { left: 40%;top: 65%;}
.map-points-outer .map-pointer.pointer2 { left: 38%;top: 29%;}
.map-points-outer .map-pointer.pointer3 { left: 63%;top: 42%;}
.map-points-outer .map-pointer.pointer4 { left: 80%;top: 53%;}
.map-points-outer .map-pointer.pointer5 { left: 11%;top: 72%;}
.map-points-outer .map-pointer.pointer6 { left: 49%;top: 34%;}*/

.map-points-outer .map-pointer.pointer1 { left: 41%;top: 56%;}
.map-points-outer .map-pointer.pointer2 { left: 39%;top: 25%;}
.map-points-outer .map-pointer.pointer3 { left: 63%;top: 36%;}
.map-points-outer .map-pointer.pointer4 { left: 79%;top: 46%;}
.map-points-outer .map-pointer.pointer5 { left: 13%;top: 62%;}
.map-points-outer .map-pointer.pointer6 { left: 50%;top: 29%;}

@media(max-width:2200px){
/*	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 64%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 28%;}
	.map-points-outer .map-pointer.pointer3{left:63%;top: 41%;}
	.map-points-outer .map-pointer.pointer4{left: 80%;top: 52%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 71%;}
	.map-points-outer .map-pointer.pointer6{left:49%;top: 33%;}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 41%;top: 54%;}
	.map-points-outer .map-pointer.pointer2 {left: 39%;top: 23%;}
	.map-points-outer .map-pointer.pointer3{left:63%;top: 34%;}
	.map-points-outer .map-pointer.pointer4{left: 79%;top: 44%;}
	.map-points-outer .map-pointer.pointer5 {left: 12%;top: 60%;}
	.map-points-outer .map-pointer.pointer6{left:49%;top: 27%;}
	
}
@media (min-width:1441px) and (max-width:1920px) {
	.map-points-outer .map-pointer .map-pin img {
	/*	max-width: 100px;
		min-width: 100px;*/
		max-width: 53px;
		min-width: 53px;
	}
/*	.map-points-outer .map-pointer .map-pin .pin-title{
		font-size:13px!important;
	}*/
	.map-points-outer .map-pointer .pin-details img{
		max-width:53px;
	}
	
/*	html[dir="rtl"] .map-points-outer .map-pointer .map-pin .pin-title{
		font-size:15px!important;
	}*/
}
@media(max-width:1920px){
/*	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 63%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 27%;}
	.map-points-outer .map-pointer.pointer3{left:62%;top: 40%;}
	.map-points-outer .map-pointer.pointer4{left: 79%;top: 51%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 70%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 32%;}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 53%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 22%;}
	.map-points-outer .map-pointer.pointer3{left:63%;top: 33%;}
	.map-points-outer .map-pointer.pointer4{left: 79%;top: 43%;}
	.map-points-outer .map-pointer.pointer5 {left: 12%;top: 59%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 26%;}
}
@media(max-width:1650px){
/*	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 61%;}
	.map-points-outer .map-pointer.pointer2 {left: 37%;top: 25%;}
	.map-points-outer .map-pointer.pointer3{left:61%;top: 38%;}
	.map-points-outer .map-pointer.pointer4{left: 79%;top: 49%;}
	.map-points-outer .map-pointer.pointer5 {left: 10%;top: 68%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 30%;}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 51%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 20%;}
	.map-points-outer .map-pointer.pointer3{left:63%;top: 31%;}
	.map-points-outer .map-pointer.pointer4{left: 78%;top: 41%;}
	.map-points-outer .map-pointer.pointer5 {left: 12%;top: 57%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 24%;}
	
}
@media (min-width:1201px) and (max-width:1440px) {
	.map-points-outer .map-pointer .map-pin img {
	/*	max-width: 70px;
		min-width: 70px;*/
		max-width:	50px;
		min-width: 	50px;
	}
	.map-points-outer .map-pointer .pin-details img{
		max-width:50px;
	}
	
	.map-points-outer .map-pointer .map-pin .pin-title{
		/* font-size:9px!important;
		line-height: 9px!important; 
		font-size:12px!important;
		line-height: 12px!important;*/
		font-size:15px;
		line-height: 16px;
	}
 /* html[dir="rtl"] .map-points-outer .map-pointer .map-pin .pin-title{
		font-size:12px!important;
		line-height: 12px!important;
 }*/
	.map-points-outer .map-pointer .map-pin:after{
		width:13px!important;
	}
}
@media(max-width:1440px){
/*	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 62%;}
	.map-points-outer .map-pointer.pointer2 {left: 37%;top: 26%;}
	.map-points-outer .map-pointer.pointer3{left:62%;top: 39%;}
	.map-points-outer .map-pointer.pointer4{left: 79%;top: 50%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 69%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 31%;}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 51%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 20%;}
	.map-points-outer .map-pointer.pointer3{left:62%;top: 31%;}
	.map-points-outer .map-pointer.pointer4{left: 78%;top: 41%;}
	.map-points-outer .map-pointer.pointer5 {left: 12%;top: 57%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 24%;}
}
@media(max-width:1200px){
	/* .map-points-outer .map-pointer .map-pin img {
		max-width: 90px;
		min-width: 90px;
	} */
	/* .map-points-outer .map-pointer .map-pin .pin-title{
		font-size:9px!important;
	} */
	
	/*.map-points-outer .map-pointer.pointer1 {left: 38%;top: 61%;}
	.map-points-outer .map-pointer.pointer2 {left: 36%;top: 26%;}
	.map-points-outer .map-pointer.pointer3{top: 38%;left:62%}
	.map-points-outer .map-pointer.pointer4{left: 79%;top: 49%;}
	.map-points-outer .map-pointer.pointer5 {left: 12%;top: 68%;}
	.map-points-outer .map-pointer.pointer6{top: 30%;left:47%}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 49%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 18%;}
	.map-points-outer .map-pointer.pointer3{top: 29%;left:62%}
	.map-points-outer .map-pointer.pointer4{left: 78%;top: 39%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 56%;}
	.map-points-outer .map-pointer.pointer6{top: 22%;left:48%}
}
@media (min-width:991px) and (max-width:1200px) {
	.map-points-outer .map-pointer .map-pin img {
	/*	max-width: 55px;
		min-width: 55px;*/
		max-width: 50px;
		min-width: 50px;
	}
	.map-points-outer .map-pointer .pin-details img{
		max-width:50px;
	}
	
	.map-points-outer .map-pointer .map-pin .pin-title{
		/*font-size:9px!important;
	}
	.map-points-outer .map-pointer .map-pin .pin-title{
		line-height: 10px!important;*/
		font-size:14px;
		line-height: 14px;
	}
/*	html[dir="rtl"] .map-points-outer .map-pointer .map-pin .pin-title{
		font-size:12px!important;
		line-height: 11px!important;
	}*/
	.map-points-outer .map-pointer .map-pin:after{
		width:13px!important;
	}
}
@media(max-width:1024px){
/*	.map-points-outer .map-pointer.pointer1 {left: 38%;top: 61%;}
	.map-points-outer .map-pointer.pointer2 {left: 36%;top: 25%;}
	.map-points-outer .map-pointer.pointer3{left:62%;top: 38%;}
	.map-points-outer .map-pointer.pointer4{left: 78%;top: 50%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 68%;}
	.map-points-outer .map-pointer.pointer6{left:46%;top: 30%;}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 49%;}
	.map-points-outer .map-pointer.pointer2 {left: 38%;top: 18%;}
	.map-points-outer .map-pointer.pointer3{left:62%;top: 29%;}
	.map-points-outer .map-pointer.pointer4{left: 78%;top: 39%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 55%;}
	.map-points-outer .map-pointer.pointer6{left:48%;top: 22%;}
}
.map-points-outer .map-pointer .map-pin {
	max-width: 225px;
	cursor: pointer;
	position: relative;

	display:flex;
	flex-direction: column;
	align-items: center;
}

/* @media only screen and (min-width:1201px){
	.map-points-outer .map-pointer .map-pin img{
		max-width: 134px;
		min-width:134px;
	}
} */

/*.map-points-outer .map-pointer .map-pin .pin-title {
	max-width: 200px;
	font-size: 15px;
	letter-spacing: 1.4px;
	line-height: 15px;
	margin: 8px 0 0 0;
	color: #e9e7df;
	text-transform: uppercase;
	text-align:center;
}*/

.map-points-outer .map-pointer .map-pin:after {
	content: "";
	position: absolute; bottom: -20px; display: inline-block; width: 21px; height: 12px;
	background: url("/images/open-icon.svg") no-repeat center center;
	background-size: contain;
}

.map-points-outer .map-pointer.right .map-pin:after { left: 50%; transform: translateX(-50%); }
.map-points-outer .map-pointer.left .map-pin:after { left: 0; }

.map-points-outer .map-pointer .pin-details {
	background: #e9e7df;
	padding: 20px;
	border-radius: 9px;
	min-width: 300px;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: -10%;
	top: calc(-100% + 40px);
	box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.3);
	-webkit-transition: top 600ms, opacity 600ms, visibility 600ms;
	transition: top 600ms, opacity 600ms, visibility 600ms;
}
.map-points-outer .map-pointer.opened { z-index: 2; }
.map-points-outer .map-pointer.opened .pin-details { display: block; top: -100%; visibility: visible; opacity: 1; }
/*.map-points-outer .map-pointer .pin-details img{max-width: 150px;}*/
.map-points-outer .map-pointer .pin-details .point-title {
	font-size: 25px;
	letter-spacing: 1.4px;
	line-height: 1.3;
	margin: 20px 0 0 0;
	color: #323330;
	text-transform: uppercase;
	font-weight: normal;
	/* font-feature-settings: "ss10","ss11"; font-weight:300; */
}

.map-points-outer .map-pointer .pin-details .point-desc { margin: 20px 0; }
.map-points-outer .map-pointer .pin-details .pointer-btn { max-width: unset; width: 100%; }

.map-points-outer .map-pointer .pin-details .close-icon {
	background: url("/images/close-icon.svg") no-repeat center center;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
}
html[dir="rtl"] .map-points-outer .map-pointer .pin-details .close-icon { right:auto; left:5px; }

@media(max-width: 1440px) {
/*	.map-points-outer .map-pointer .map-pin .pin-title {  margin: 8px 0 0 0; }*/
.map-points-outer .map-pointer .map-pin .pin-title {  margin: 0 0 3px 0; }
	.map-points-outer .map-pointer .pin-details .point-title { font-size: 20px; margin: 12px 0 0 0; }
	.map-points-outer .map-pointer .pin-details .point-desc { margin: 12px 0; }
}

@media(max-width: 1024px) {
	.map-points-outer .map-pointer .pin-details {min-width: 250px; }
	.map-points-outer .map-pointer .pin-details.serenity-pin-detail{left: -30%; }
/*	.map-points-outer .map-pointer .map-pin .pin-title {  margin: 5px 0 0 0; }*/
.map-points-outer .map-pointer .map-pin .pin-title {  margin: 0 0 5px 0; }
	.map-points-outer .map-pointer .pin-details .point-title { font-size: 20px; margin: 10px 0 0 0; }
	.map-points-outer .map-pointer .pin-details .point-desc { margin: 8px 0; }
	.map-points-outer .map-pointer .map-pin img { width: 70px; }
	.map-points-outer .map-pointer .map-pin:after { bottom: -16px; }
	/* .map-points-outer .map-pointer.right .map-pin:after { left: 30px; } */
	.map-points-outer .map-pointer .pin-details .pointer-btn { padding: 15px 12px; }
	.map-points-outer .map-pointer .pin-details .pointer-btn:after { right: 15px; }
	html[dir="rtl"] .map-points-outer .map-pointer .pin-details .pointer-btn:after { right: auto; left:15px; }
	/* .map-points-outer .map-pointer.pointer1{left: 39%;} */
}
@media(max-width:991px){
	.map-points-outer .map-pointer.right .map-pin:after {
		max-width:10px;
	}
	.map-points-outer .map-pointer .map-pin img {
		max-width: 40px;
		min-width: 40px;
	}
	.map-points-outer .map-pointer .pin-details img{
		max-width:40px;
	}
	.map-points-outer .map-pointer{
		max-width:70px;
	}
	.map-points-outer .map-pointer .map-pin .pin-title{
		max-width:70px;
		font-size:12px;
		line-height: 12px;
	}
	/*.map-points-outer .map-pointer .map-pin .pin-title{
	 font-size:7px!important; 
		font-size:12px!important;
		line-height: 12px;
	}*/
/*	html[dir="rtl"] .map-points-outer .map-pointer .map-pin .pin-title{
		font-size:12px!important;
		line-height: 12px !important;
	}*/
/*	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 59%;}
	.map-points-outer .map-pointer.pointer2 {top: 24%;left:38%;}
	.map-points-outer .map-pointer.pointer3 {top: 39%;left:62%;}
	.map-points-outer .map-pointer.pointer4{top: 50%;left: 78%;}
	.map-points-outer .map-pointer.pointer5 {left: 12%;top: 69%;}
	.map-points-outer .map-pointer.pointer6 {top: 28%;left:48%}
	.map-points-outer .map-pointer .map-pin:after{width: 15px;}
	.map-points-outer .map-pointer .pin-details.serenity-pin-detail {left: -90%;}*/
	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 50%;}
	.map-points-outer .map-pointer.pointer2 {top: 19%;left:38%;}
	.map-points-outer .map-pointer.pointer3 {top: 30%;left:62%;}
	.map-points-outer .map-pointer.pointer4{top: 40%;left: 78%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 56%;}
	.map-points-outer .map-pointer.pointer6 {top: 23%;left:48%}
	.map-points-outer .map-pointer .map-pin:after{width: 15px;}
	.map-points-outer .map-pointer .pin-details.serenity-pin-detail {left: -90%;}
}
@media(max-width:899px){
	/*.map-points-outer .map-pointer.pointer1 {left: 38%;top: 58%;}
	.map-points-outer .map-pointer.pointer2 {top: 22%;left:37%;}
	.map-points-outer .map-pointer.pointer3 {top: 38%;left:61%;}
	.map-points-outer .map-pointer.pointer4{top: 49%;left: 78%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 68%;}
	.map-points-outer .map-pointer.pointer6 {top: 26%;left:47%}
	.map-points-outer .map-pointer .map-pin:after{width: 15px;}
	.map-points-outer .map-pointer .pin-details.serenity-pin-detail {left: -90%;}*/
	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 47%;}
	.map-points-outer .map-pointer.pointer2 {top: 16%;left:37%;}
	.map-points-outer .map-pointer.pointer3 {top: 27%;left:62%;}
	.map-points-outer .map-pointer.pointer4{top: 37%;left: 78%;}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 53%;}
	.map-points-outer .map-pointer.pointer6 {top: 20%;left:47%}
}
@media(max-width: 767px) {
	.map-points-outer .map-pointer .map-pin img {
		max-width: 35px;
		min-width: 35px;
	}
	.map-points-outer .map-pointer .map-pin { max-width: 125px; }
	.map-points-outer .map-pointer .pin-details {min-width: 200px; padding: 12px; }
/*	.map-points-outer .map-pointer .pin-details img { width: 100px; }
	.map-points-outer .map-pointer .map-pin .pin-title { font-size: 10px; margin: 3px 0 0 0; }*/
	.map-points-outer .map-pointer .pin-details img { width: 35px; }
	.map-points-outer .map-pointer .map-pin .pin-title { font-size: 10px;line-height:10px ;margin: 0 0 3px 0; }
	
	.map-points-outer .map-pointer .pin-details .point-title { font-size: 16px; margin: 8px 0; line-height: 1.1; font-family: 'Alexandria'; font-weight: 500; }
	.map-points-outer .map-pointer .pin-details .point-desc { margin: 5px 0; font-size: 13px; line-height: 1.2; }
	/* .map-points-outer .map-pointer .map-pin img { width: 40px; } */
	.map-points-outer .map-pointer .map-pin:after { transform: scale(0.7); }
	.map-points-outer .map-pointer.right .map-pin:after { left: 50%;
		transform:translateX(-50%); bottom:-13px; }
	.map-points-outer .map-pointer .pin-details .pointer-btn { padding: 12px 10px 10px; font-size: 13px; line-height: 1.6; }
	.map-points-outer .map-pointer .pin-details .pointer-btn:after { right: 12px; }
	html[dir="rtl"] .map-points-outer .map-pointer .pin-details .pointer-btn:after { right: auto; left:12px; }
	
/*	.map-points-outer .map-pointer.pointer1 {left: 37%;top: 56%;}
	.map-points-outer .map-pointer.pointer2 {top: 20%;left: 36%;}
	.map-points-outer .map-pointer.pointer3 {top: 37%;left:60%}
	.map-points-outer .map-pointer.pointer4 {top: 48%;left:76%}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 67%;}
	.map-points-outer .map-pointer.pointer6{left: 46%;top: 25%;}*/
	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 47%;}
	.map-points-outer .map-pointer.pointer2 {top: 16%;left: 37%;}
	.map-points-outer .map-pointer.pointer3 {top: 27%;left:62%}
	.map-points-outer .map-pointer.pointer4 {top: 37%;left:78%}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 54%;}
	.map-points-outer .map-pointer.pointer6{left: 48%;top: 20%;}
}

@media(max-width: 629px) {
	.map-points-outer .map-pointer .map-pin { max-width: 125; }
	.map-points-outer .map-pointer .map-pin img { width: 40px; }
	.map-points-outer .map-pointer .map-pin .pin-title { display: none; }
	.map-points-outer .map-pointer .pin-details {min-width: unset; width: 180px; }
/*	.map-points-outer .map-pointer .pin-details img { width: 70px; }*/
	.map-points-outer .map-pointer .pin-details .point-desc { margin: 5px 0; font-size: 13px; line-height: 1.2; }
	.map-points-outer .map-pointer .pin-details .pointer-btn { padding: 8px 10px 5px; }
	.map-points-outer .map-pointer .pin-details .pointer-btn:after { width: 19px; height: 19px; background-size: contain; right: 8px; }
	html[dir="rtl"] .map-points-outer .map-pointer .pin-details .pointer-btn:after { right: auto; left:8px; }
/*	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 63%;}
	.map-points-outer .map-pointer.pointer2 {top: 28%;left: 38%;}
	.map-points-outer .map-pointer.pointer3 {top: 40%;left:62%}
	.map-points-outer .map-pointer.pointer4 {top: 52%;left:79%}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 71%;}
	.map-points-outer .map-pointer.pointer6{left: 48%;top: 32%;}*/
	
	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 49%;}
	.map-points-outer .map-pointer.pointer2 {top: 18%;left: 38%;}
	.map-points-outer .map-pointer.pointer3 {top: 29%;left:61%}
	.map-points-outer .map-pointer.pointer4 {top: 39%;left:78%}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 56%;}
	.map-points-outer .map-pointer.pointer6{left: 48%;top: 22%;}
}

@media(max-width: 567px) {
	.map-points-outer .map-pointer .map-pin img {
		max-width: 30px;
		min-width: 30px;
	}
	/* .map-points-outer .map-pointer.right .map-pin:after {
		max-width:10px;
	} */
	.map-points-outer .map-pointer.left .pin-details { left: unset; right: 0; }
/*	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 64%;}
	.map-points-outer .map-pointer.pointer2 {top: 28%;left: 38%;}
	.map-points-outer .map-pointer.pointer3 {top: 40%;left:63%}
	.map-points-outer .map-pointer.pointer4 {top: 51%;left:78%}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 71%;}
	.map-points-outer .map-pointer.pointer6{left: 49%;top: 32%;}*/
	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 47%;}
	.map-points-outer .map-pointer.pointer2 {top: 16%;left: 37%;}
	.map-points-outer .map-pointer.pointer3 {top: 27%;left:61%}
	.map-points-outer .map-pointer.pointer4 {top: 38%;left:78%}
	.map-points-outer .map-pointer.pointer5 {left: 10%;top: 54%;}
	.map-points-outer .map-pointer.pointer6{left: 47%;top: 20%;}
	.map-points-outer .map-pointer .pin-details.serenity-pin-detail {left: unset;right: 0;}
	.map-points-outer .map-pointer .pin-details.cliff-pin-detail{left: -100%;}
}
@media(max-width: 440px) {
    
    .map-points-outer .map-pointer .map-pin img {
		max-width: 20px;
		min-width: 20px;
    }
    .map-points-outer .map-pointer .pin-details img {
		max-width: 20px; 
	}
	.map-points-outer .map-pointer.pointer1 {left: 40%;top: 49%;}
	.map-points-outer .map-pointer.pointer2 {top: 18%;left: 38%;}
	.map-points-outer .map-pointer.pointer3 {top: 29%;left:62%}
	.map-points-outer .map-pointer.pointer4 {top: 39%;left:78%}
	.map-points-outer .map-pointer.pointer5 {left: 11%;top: 56%;}
	.map-points-outer .map-pointer.pointer6{left: 48%;top: 22%;}
	/*.map-points-outer .map-pointer.pointer1 {left: 39%;top: 61%;}
	.map-points-outer .map-pointer.pointer2 {top: 25%;left: 37%;}
	.map-points-outer .map-pointer.pointer3 {top: 37%;left:62%}
	.map-points-outer .map-pointer.pointer4 {top: 48%;left:78%}
	.map-points-outer .map-pointer.pointer5 {left: 10%;top: 68%;}
	.map-points-outer .map-pointer.pointer6{left: 47%;top: 29%;}*/
}
@media(max-width: 350px) {
/*	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 59%;}
	.map-points-outer .map-pointer.pointer2 {top: 23%;left: 36%;}
	.map-points-outer .map-pointer.pointer3 {top: 36%;left:61%}
	.map-points-outer .map-pointer.pointer4 {top: 47%;left:77%}
	.map-points-outer .map-pointer.pointer5 {left: 10%;top: 66%;}
	.map-points-outer .map-pointer.pointer6{left: 47%;top: 28%;}*/
	.map-points-outer .map-pointer.pointer1 {left: 39%;top: 46%;}
	.map-points-outer .map-pointer.pointer2 {top: 16%;left: 37%;}
	.map-points-outer .map-pointer.pointer3 {top: 26%;left:61%}
	.map-points-outer .map-pointer.pointer4 {top: 36%;left:77%}
	.map-points-outer .map-pointer.pointer5 {left: 10%;top: 53%;}
	.map-points-outer .map-pointer.pointer6{left: 47%;top: 19%;}
}


@media(max-width: 429px) {
	.map-points-outer .map-pointer.left .pin-details { left: unset; right: 0; }
	.map-points-outer .map-pointer .map-pin:after { bottom: -12px; }
	.map-points-outer .map-pointer.left .map-pin:after { left: -3px; }
	body .map-points-outer .map-pointer.pointer3 .pin-details {
    left: auto;
    right: -10px;
}
}

/* .map-points-outer .map-pointer {
	position: absolute; max-width: 300px; display: flex; flex-direction: column; align-items: flex-start; z-index: 1;
}
.map-points-outer .map-pointer .point-title {
	order: 0;
	font-size: 25px;
	margin: 0 0 10px 0;
	max-width: 182px;
	line-height: 1.42;
	color: #e9e7df;
	text-transform: uppercase;
}
.map-points-outer .map-pointer .point-img { order: 1; position: relative; }
.map-points-outer .map-pointer .point-desc {
	display: none; order: 2; margin: 15px 0;
}
.map-points-outer .map-pointer .pointer-btn {
	display: none; order: 3; width: 100%; max-width: unset;;
}
.map-points-outer .map-pointer .close-icon {
	display: none;
	background: url("/images/close-icon.svg") no-repeat center center;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.map-points-outer .map-pointer .open-icon {
	position: absolute; bottom: -18px; display: inline-block; width: 21px; height: 12px;
	background: url("/images/open-icon.svg") no-repeat center center;
}

.map-points-outer .map-pointer.left .open-icon { left: 0; }
.map-points-outer .map-pointer.right .open-icon { right: 0; }

.map-points-outer .map-pointer.pointer1 { left: 19%; top: 31%; }
.map-points-outer .map-pointer.pointer2 { left: 47%; top: 17%; }
.map-points-outer .map-pointer.pointer3 { left: 73%; top: 18.3%; }
.map-points-outer .map-pointer.pointer4 { left: 70%; top: 60%; }
.map-points-outer .map-pointer.pointer5 { left: 18%; top: 50%; }


.map-points-outer .map-pointer.opened {
	background: #e9e7df; padding: 20px; border-radius: 9px;
	width: 100%; z-index: 2;
}

.map-points-outer .map-pointer.opened .point-title {
	color: #323330; max-width: unset;
}
.map-points-outer .map-pointer.opened .point-desc {
	display: block;
}
.map-points-outer .map-pointer.opened .open-icon {
	display: none;
}
.map-points-outer .map-pointer.opened .close-icon {
	display: block;
}
.map-points-outer .map-pointer.opened .pointer-btn {
	display: block;
}

@media(max-width: 1440px) {
	.map-points-outer .map-pointer .point-title { font-size: 20px; margin: 0 0 5px 0; }
	.map-points-outer .map-pointer .point-img img { width: 100px; }
} */
.master-plan-section .master-plan-left-content{
	max-width: 630px;
}
.master-plan-section .master-plan-right-content {
	 font-size: 14px;
	 line-height: 17px;
	 color: #eae8e4;
}
.master-plan-section .master-plan-right-content .master-plan-right-title{
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1.2px;
	margin-bottom: 10px;
}
.master-plan-section .master-plan-right-content li{
	position: relative;
	padding-left:5px;
	margin-bottom: 5px;
}
.master-plan-section .master-plan-right-content li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	background: #eae8e4;
	border-radius: 50%;
}
.master-plan-section .master-plan-right-content li:nth-child(5){
	padding-left: 0;
	padding-top: 15px;
}
.master-plan-section .master-plan-right-content li:nth-child(5):before{
	display: none;
}
@media(max-width:1199px){
	.master-plan-section .master-plan-left-content{max-width:100%;}
}

html[dir="rtl"] .master-plan-section .master-plan-right-content li { padding-left: 0; padding-right: 5px; }
html[dir="rtl"] .master-plan-section .master-plan-right-content li:before { left:auto; right:0; }
body {
	overflow-x: hidden;
    overflow-y: scroll;
}
.masterBG-back {
	background-color: #1e4168;
	position: absolute;
	top: 0; left: 0; right: 0; height: 100vh;
	z-index: -1;
}

@media(min-width:992px){
	.masterBG-back { max-height:750px; }
}
@media(min-width:1441px){
	.masterBG-back { max-height:800px; }
}
/* .masterPlan-banner {
	background-image: url("/images/masterplan-banner.webp");
} */

.project-section {
	padding: 160px 0;
}
.project-section .projectDetails-outer {
	padding-right: 140px;
}
.projectDetails-outer .projectDetails {
	font-size: 20px;
	line-height: 35px;
	color: #323330;
	margin-top: 18px;
	font-weight: normal;
}
.project-section .masterPlan-right .imageOuter {
	margin-bottom: 28px;
}

.masterPlan-right .addressDetails-outer .address-head {
	font-size: 17px; line-height: 21px; color: #323330; letter-spacing: 0.7px; margin-bottom: 17px; text-transform: uppercase; font-weight: normal; /* font-feature-settings: "ss10","ss11"; */ /* font-family: 'Alexandria'; font-weight: 500; */
}
.masterPlan-right .addressDetails-outer .address{
	font-size: 16px; line-height: 32px; color: #323330; letter-spacing:normal; font-weight: normal;
}
@media(max-width:1600px){
	.project-section { padding: 120px 0; }
	.project-section .projectDetails-outer {padding-right: 120px;}
}
@media(max-width:1199px){
	.project-section { padding: 100px 0; }
	.project-section .projectDetails-outer {padding-right: 80px;}
}
@media(max-width:991px){
	.project-section { padding: 80px 0; }
	.project-section .projectDetails-outer {padding-right: 0px; margin-bottom: 30px;}
	.projectDetails-outer .projectDetails {
		font-size: 16px;
		line-height: 28px;
	}
	.masterPlan-right .addressDetails-outer .address-head {
		font-size: 15px; line-height: 19px; letter-spacing: 0.5px;
	}
	.masterPlan-right .addressDetails-outer .address{
		font-size: 14px; line-height: 28px;
	}
}
@media(max-width:767px){
	.project-section { padding: 60px 0; }
	.project-section .masterPlan-right .imageOuter svg{
		max-width:150px;

	}
}
@media(max-width:575px){
	.project-section { padding: 40px 0; }
}

.counter-section .hd-type2 { margin-bottom: 100px; }
@media(max-width:1199px){ .counter-section .hd-type2 { margin-bottom: 80px; } }
@media(max-width:991px){ .counter-section .hd-type2 { margin-bottom: 60px; } }
@media(max-width:767px){ .counter-section .hd-type2 { margin-bottom: 40px; } }
.counter-outer .counter {
	text-align: center;
	margin-bottom: 10px;
	font-weight: normal;
}
.counter-outer .counter-text {
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1;
	color: #323330;
	text-align: center;
	font-weight: normal;
}

.horizontalScroller-section {
	/* min-height: 100vh;
	position: relative; */
	width: 800%;
    height: 100vh;
    display: flex;
    flex-wrap: nowrap;
}
.horizontalScroller-section .slide{
	 width: 100%;
    height: 100%;
    max-width: 100vw;
    position: relative;
}


.horizontalScroll-outer { overflow: hidden; }
/* .horizontalScroll-slide > .row,
.horizontalScroll-slide > .container > .row { min-width: 1349px; } */
.horizontalScroll-slide .detailsOuters { position: relative; z-index: 2; }
.horizontalScroll-slide .detailsOuters .info-head { max-width: 520px; margin-bottom: 23px; }
.horizontalScroll-slide .detailsOuters .info-text {
	font-size: 20px; line-height: 35px;
	color: #323330; max-width: 520px;
	margin-bottom: 30px;
}
/* .slide.blueSlides{
	background-color:#4c7eac;
} */
.blueSlides .horizontalScroll-slide {
height: 100%;
}
.blueSlides .horizontalScroll-slide .row {
	height: 100vh;
}
.blueSlides .horizontalScroll-slide .row div.col:first-of-type{
	height: 100%;
}
.blueSlides .horizontalScroll-slide .row div:nth-child(1) {
	padding-right:0; 
}
.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 {
    width: 100%;
	height: 100%;
}
.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 img {
    max-height: none;
	width:100%;
	height: 100%;
	object-fit:cover;
}
.blueSlides .horizontalScroll-slide .detailsOuters {
	padding-left:8%;
	padding-right:8%!important;
}
.blueSlides .horizontalScroll-slide .detailsOuters .info-text{
	max-width:100%;
	font-size:20px;
	color:#eae8e4;
	line-height: normal;
	margin-bottom:0;
}
.blueSlides .horizontalScroll-slide.slide4 .detailsOuters .info-text{
	max-width:44%;
}
.blueSlides .horizontalScroll-slide .downBanner-svg{
	position: absolute;
	/* left:50%; */
	/* transform: translateX(-50%); */
	bottom:34%;
	max-width:36%;
}
.blueSlides .horizontalScroll-slide.slide6 .downBanner-svg{
	position: absolute;
	/* left:50%; */
	/* transform: translateX(-50%); */
	/* bottom:34%; */
	max-width:35%!important;
}
.blueSlides .horizontalScroll-slide .downBanner-svg svg{
	width:100%;
}
.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2 img {
    max-height: 100vh;
}
.blueSlides .horizontalScroll-slide .downBanner-svg.leftShift {
    bottom: 11%;
    left: 50%;
}
.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2{
	width: 100%;
	position: absolute;
}
.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage{
	right:-8%;
	top:20%;
	max-width:31%;
	margin-top:0;
}
/*.blueSlides.slideOuter5{
	z-index:-1;
}*/
.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight{
	max-width: 31%;
    right: -4%;
    bottom: 3%;
}
.blueSlides.slideOuter6{
	z-index:-2;
}

.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage{
	max-width: 19%;
    right: 38%;
    z-index: 2;
    bottom: 35%;
    margin-top: 0;
    /* transform: translate(-38%,-35%); */
    margin-right: 0;
}
.blueSlides .horizontalScroll-slide.slide7 .detailsOuters {
    padding-left: 31%;
}
.blueSlides .horizontalScroll-slide .downBanner-svg.rightShift{
	position: absolute;
    bottom: 10%;
    rotate: 360deg;
    right: 0;
	left:auto;
}
.slideOuter8.blueSlides .btn-type3.small-btn{
	position: absolute;
	bottom:9%; right:6%;
}
.slideOuter8.blueSlides .btn-type3:after{
	background:url("/images/btn-arrow-right.svg") no-repeat center center;
	width:20px;height:20px;
	transform: rotate(180deg) translateY(50%);
	background-size:100%;
	display:inline-block;
}
html[dir="rtl"] .slideOuter8.blueSlides .btn-type3:after {
	transform: rotate(180deg) translateY(50%);
}
/* .slideOuter8.blueSlides .slidePopupClose {
	position: absolute;
	bottom:9%; right:6%;
	padding:17px 73px 18px 73px;
	border: solid 1px #eae8e4;
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #eae8e4;
	display: inline-block;
	text-align: left;
	line-height: normal;
	z-index: 5; cursor: pointer;
	transition: all 0.3s ease-out;
}
.slideOuter8.blueSlides .slidePopupClose:after {
	content: "";
	position: absolute;
	top: 50%; right: 15px;
	width: 12px;
	height: 12px;
	background:url("/images/btn-arrow-right.svg") no-repeat center center;
	transition: all 0.3s ease-out; background-size: 100%;
	transform: rotate(180deg) translateY(50%);
}
.slideOuter8.blueSlides .slidePopupClose:hover { 
	background-color: rgb(119, 172, 151); border-color: rgb(119, 172, 151);
	border-color:#4c7eac; color:#4c7eac;
 } */
 @media (max-width:991px) {
	.blueSlides .horizontalScroll-slide.slide7 .detailsOuters .info-text{
		max-width:100%;
	}
	.blueSlides.slideOuter4,.blueSlides.slideOuter5,.blueSlides.slideOuter6,.blueSlides.slideOuter7 {
		padding-bottom: 80px;
	}
	
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 {
		height: auto;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 img {
		height: auto;
	}
	.blueSlides .horizontalScroll-slide.slide4 .detailsOuters .info-text {
		max-width: 100%;
	}
	/* .blueSlides .horizontalScroll-slide .downBanner-svg.leftShift {
		bottom: 2%;
		left: 0%;
		right: auto;
		max-width: 55%;
	} */
	.blueSlides .horizontalScroll-slide.slide4 .downBanner-svg.leftShift {
		bottom: 10%;
		left: 0;
	}
	.blueSlides .horizontalScroll-slide.slide6 .downBanner-svg.leftShift {
		bottom: 33%;
		left: 50%;
	}
	.blueSlides .horizontalScroll-slide .downBanner-svg.rightShift {
		max-width: 100%;
	}
	.blueSlides .horizontalScroll-slide .downBanner-svg svg{
		display:inline-block;
		max-width: 100%;
		height:auto;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage {
		right: auto;
		top: 31%;
		max-width: 26%;
		z-index: 1;
		margin-left: 0;
		left: 10%;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 {
		max-width: 60%;
		margin-left: auto;
		margin-right: 0;
		width: auto;
	}
	.blueSlides .horizontalScroll-slide.slide5 .overlapImg-outer.overlap-outer1 {
	/*	margin-top: -32%;*/
    	max-width: 61%;
	}
	.blueSlides .horizontalScroll-slide .detailsOuters .info-text {
		max-width: 100%;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight {
		max-width: 26%;
		left: 5%;
		bottom: 35%;
		right: auto;
		margin-left: 0;
		top: auto;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage {
		max-width: 22%;
		left: 10%;
		bottom: 27%;
		margin-left: 0;
	}
	.blueSlides .horizontalScroll-slide.slide7 .detailsOuters {
		padding-left: 8%;
	}
	.blueSlides .horizontalScroll-slide .downBanner-svg.rightShift {
		right: 0%;
		left: auto;
		bottom: 5%;
		max-width: 55%;
		margin-top: 0;
	}
	.blueSlides .horizontalScroll-slide.slide6 .overlapImg-outer.overlap-outer1,
	.blueSlides .horizontalScroll-slide.slide8 .overlapImg-outer.overlap-outer1 {
		max-width: none;
		margin-left: 0;
		margin-right: auto;
		width: auto;
	}
	.blueSlides .horizontalScroll-slide.slide8 .btn-type3.small-btn {
		padding: 15px 70px 15px 18px;
		max-width: 218px;
	}
	.blueSlides .horizontalScroll-slide.slide8 .btn-type3:after {
		width:12px;
		height:12px;
	}
 }
 @media(max-width:767px) {
	.mobileView{
		display:none;
	}
	.blueSlides.slideOuter4,.blueSlides.slideOuter5,.blueSlides.slideOuter6,.blueSlides.slideOuter7,.blueSlides.slideOuter8{
		padding-bottom:60px;
	}
	
	/*.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage{
		left: 2%;
		max-width: 28%;
		top: 40%;
	}*/
	.blueSlides .horizontalScroll-slide .detailsOuters .info-text{
		max-width:100%;
	}
	.blueSlides .horizontalScroll-slide .downBanner-svg.leftShift {
		bottom: 0%;
	}
	.blueSlides.slideOuter5,.blueSlides.slideOuter6{
		z-index: 0;
	}
	/* .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight {
		left: 2%;
		top: 41%;
		max-width: 26%;
		z-index: 1;
		margin-top: 0;
	} */
	.blueSlides .row{
		margin-right:0;
	}
	.blueSlides .horizontalScroll-slide .row {
		/* height: 50vh; */
		height:auto;
	}
	.blueSlides .horizontalScroll-slide.slide6 .overlapImg-outer.overlap-outer1{
		max-width:100%;
	}
	/* .blueSlides .horizontalScroll-slide.slide7 .overlapImg-outer.overlap-outer1 {
		max-width: 65%;
		margin-top:-29%;
	} */
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage{
		margin-right:auto;
	}
	/* .blueSlides .horizontalScroll-slide.slide7 .row div:nth-child(1) {
		margin-top: -10%;
    	max-width: 65%;
	} */
	.blueSlides .horizontalScroll-slide.slide7 .row .detailsOuters{
    	max-width: 100%!important;
	}
	/* .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage {
		max-width: 24%;
		left: 1%;
		bottom: 17%;
	} */
	.blueSlides .horizontalScroll-slide.slide8 .overlapImg-outer.overlap-outer1{
		max-width:100%;
	}
	/* .blueSlides .horizontalScroll-slide.slide4 .row div:nth-child(1) {
		padding-right: 0;
		margin-top: -8%;
	} */
	/* .blueSlides .horizontalScroll-slide.slide5 .row div:nth-child(1) {
		padding-right: 0;
		margin-top: 4%;
	}
	.blueSlides .horizontalScroll-slide .row div:nth-child(1) {
		margin-top: -8%;
	} */

 }
 @media(max-width:575px) {
	/* .blueSlides .horizontalScroll-slide {
		height: 100vh;
	} */
	.blueSlides.slideOuter4,.blueSlides.slideOuter5,.blueSlides.slideOuter6,.blueSlides.slideOuter7,.blueSlides.slideOuter8{
		padding-bottom:40px;
	}
	.blueSlides .horizontalScroll-slide .row {
		height: auto;
		flex-direction: column;
		flex-wrap:nowrap;
	}
	.blueSlides .horizontalScroll-slide.slide4 .row .overlapImg-outer.overlap-outer1 {
		padding-right: 0;
		margin-top: 2%;
	}
	.blueSlides .horizontalScroll-slide.slide4 .row .detailsOuters {
		padding-right: 0;
		margin-top:8%!important;
	}
	.blueSlides .horizontalScroll-slide .detailsOuters .info-text {
		text-align: center;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 {
		width: 65%;
   		margin-left: auto;
    	margin-right: 20px;
    	/* margin-top: 30px; */
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage {
		/* left: 4%;
		top: 2%; */
		position:static;
		max-width: 50%;
		margin-top: -12%;
    	margin-left: 2%;
	}
	.blueSlides .horizontalScroll-slide.slide4 .row .overlapImg-outer.overlap-outer1 {
		padding-right: 0;
		margin-top: 4%;
		margin-bottom: 0;
		max-width: 100%; 
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight {
		/* right: 63%;
		bottom: 39%; */
		max-width: 50%;
		margin-top: -12%;
    	margin-left: 2%;
		position:static;
	}
	.blueSlides .horizontalScroll-slide.slide5 .row .overlapImg-outer.overlap-outer1 {
		margin-top: 0;
	}
	.blueSlides .horizontalScroll-slide.slide6 .overlapImg-outer.overlap-outer1 {
		width:100%;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage {
		max-width: 33%;
		/* right: 63%;
		bottom: 37%; */
		position:static;
		margin-top: -12%;
    	margin-left: 2%;
	}
	.blueSlides .horizontalScroll-slide.slide7 .row .overlapImg-outer.overlap-outer1 {
		margin-top: 0;
		max-width: 75%;
		width:auto;
	}
	.blueSlides .horizontalScroll-slide.slide7 .detailsOuters {
		padding-left: 8%;
	}
	.blueSlides .horizontalScroll-slide.slide8 .overlapImg-outer.overlap-outer1 {
		width:100%;
	}
	.slideOuter8.blueSlides .btn-type3.small-btn {
		position: relative;
		margin-top:1rem;
		padding-bottom:1rem;
		bottom:0;
		left:8%;
	}
	.blueSlides .horizontalScroll-slide.slide8 .btn-type3.small-btn {
		padding: 15px 70px 15px 18px;
		max-width: 190px;
		font-size:14px;
	}
 }
 @media (min-width:576px) and (max-width:767px){
	.blueSlides .horizontalScroll-slide {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.blueSlides.slideOuter6 .horizontalScroll-slide, .blueSlides.slideOuter8 .horizontalScroll-slide{
		padding-left:0;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage{
		position:static;
		margin-top: -16%;
		max-width:65%;
	}
	.blueSlides .horizontalScroll-slide .detailsOuters{
		text-align:center;
		margin-top:0;
	}
	.blueSlides .horizontalScroll-slide .detailsOuters .info-text{
		line-height: 1.4;
	}
	.blueSlides .horizontalScroll-slide.slide5 .overlapImg-outer.overlap-outer1 {
		margin-top: 0%;
		max-width: 61%;
	}
	.blueSlides .horizontalScroll-slide.slide4 .overlapImg-outer.overlap-outer1{
		padding-right: 0;
		margin-top: 4%;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight {
		position:static;
		max-width: 65%;
		z-index: 1;
		margin-top: -12%;
	}
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage{
		position:static;
		max-width: 50%;
		margin-top: -18%;
		margin-left: 6%;
	}
}
/*@media (max-width: 1199px){
	.horizontalScroll-slide > .container { max-width: none; }
	.horizontalScroller-section .slide { min-width: 1349px; }
}*/
@media (min-width: 992px) {
	.horizontalScroll-slide .img-outer.outer2 {
		position: absolute; top: 0px; right: 0; max-width: 28%;
	}
}
@media(min-width: 992px) and (max-width: 1800px){
	.horizontalScroll-slide .img-outer.outer2 { max-width: 22%; }
}
@media(min-width: 992px) and (max-width: 1440px){
	.horizontalScroll-slide .detailsOuters .info-head { font-size: 45px; line-height: 50px;letter-spacing: 4.4px; }
}
@media(min-width: 992px) and (max-width: 1199px){
	.horizontalScroll-slide .detailsOuters .info-head { font-size: 35px; line-height: 40px;letter-spacing: 3.4px; }
}

@media (min-width: 992px){
	.horizontalScroll-slide .aboveBanner-svg {
		position: absolute;
		top: 113px; left: 35%;
		max-width: 100vw; z-index: 1;
	}
}
@media(min-width: 992px) and (max-width: 1440px){
	.horizontalScroll-slide .aboveBanner-svg { left: 35%; max-width: 700px; top: 70px; }
	.horizontalScroll-slide .aboveBanner-svg svg { width: 100%; }
}
@media(min-width: 992px) and (max-width: 1199px){
	.horizontalScroll-slide .aboveBanner-svg { left: 35%; max-width: 510px; }
	}

.horizontalScroll-slide.slide1 {
	padding: 100px 0;
}
.horizontalScroller-section.green-layout .info-head,
.horizontalScroller-section.green-layout .info-text {
	color: #fff;
}
@media(max-width: 991px){
	.horizontalScroller-section .horizontalScroll-slide .aboveBanner-svg { max-width: 100%; text-align: center; }
	.horizontalScroller-section .horizontalScroll-slide .aboveBanner-svg > svg { max-width: 100%; display: inline-block; }
	.horizontalScroll-slide.slide1 .img-outer.outer1 { width: 60%; margin-left: 40%; }
	.horizontalScroll-slide.slide1 .img-outer.outer2 { width: 60%; margin-top: -40%; }
	.horizontalScroll-slide .detailsOuters { margin-top: 30px; }
	.horizontalScroller-section.green-layout .info-head,
	.horizontalScroller-section.green-layout .info-text { max-width: 100%; }
	.horizontalScroller-section.green-layout .info-head { font-size: 40px; }
	.horizontalScroll-slide.slide1 { padding: 80px 0; }
	.horizontalScroll-slide.slide2 .row { height: 100%; }
	.horizontalScroll-slide.slide3 .row { height: 70%; }
}

@media(max-width: 767px){
	.horizontalScroll-slide.slide1 { padding: 60px 0; }
	.horizontalScroller-section.green-layout .info-head { font-size: 34px; }
}
@media(max-width: 575px){
	.horizontalScroll-slide.slide1 { padding: 40px 0; }
	.horizontalScroller-section.green-layout .info-head { font-size: 30px; }

}

.horizontalScroller-section .horizontalScroll-slide.slide1,
.horizontalScroller-section .horizontalScroll-slide.slide2,
.horizontalScroller-section .horizontalScroll-slide.slide3 { overflow: hidden; position: relative; }

.horizontalScroller-section .horizontalScroll-slide.slide2 .info-text,
.horizontalScroller-section .horizontalScroll-slide.slide2 .info-head { padding-right: 0px; max-width: 570px;  }

@media(min-width: 992px){
	.horizontalScroll-slide.slide2 .container { max-width: none; padding-left: 0; padding-right: 0; }
	.horizontalScroller-section .horizontalScroll-slide.slide2 .detailsOuters { padding-right: 20px; padding-left: 40px; }
}

@media(max-width: 991px){
	.horizontalScroller-section .horizontalScroll-slide.slide2 { padding-bottom: 80px; }
	.horizontalScroller-section .horizontalScroll-slide.slide2 .info-text,
	.horizontalScroller-section .horizontalScroll-slide.slide2 .info-head { max-width: 100%; }
}
@media(max-width: 767px){
	.horizontalScroller-section .horizontalScroll-slide.slide2 { padding-bottom: 60px; }
}
@media(max-width: 575px){
	.horizontalScroller-section .horizontalScroll-slide.slide2 { padding-bottom: 40px; }
}

.horizontalScroll-slide .overlapImg-outer.overlap-outer1 {
	width: 50%;
    position: relative;
    z-index: 1;
}
.horizontalScroll-slide .overlapImg-outer.overlap-outer1 img {
	max-height: 75vh;
}
.horizontalScroll-slide .overlapImg-outer.overlap-outer2 {
	width: 71%;
    margin-left: 21%;
    margin-top: -31%;
    position: relative;
    z-index: 0;
}
.horizontalScroll-slide .overlapImg-outer.overlap-outer2 img {
 	max-height: 65vh;
 }

.horizontalScroll-slide.slide3 .detailsOuters {
	margin-top: 34%;
}
@media(min-width: 992px){
	.horizontalScroll-slide.slide3 { position: relative; }
	.horizontalScroll-slide.slide3 .downBanner-svg {
		position: absolute;
		bottom: 78px; left: 37%;
		/* transform: translateX(-50%); */
		max-width: 100%;
	}
	.horizontalScroll-slide.slide3 .downBanner-svg > svg { max-width: 100%; }
}
@media(min-width: 992px) and (max-width: 1650px){
	.horizontalScroll-slide.slide3 .detailsOuters { margin-top: 22%; }
	.horizontalScroll-slide.slide3 .downBanner-svg { left: 32%; }
}
@media(min-width: 992px) and (max-width: 1400px){
	.horizontalScroll-slide.slide3 .detailsOuters { margin-top: 22%; }
	.horizontalScroll-slide.slide3 .downBanner-svg { left: 30%; bottom: 30px; }
}
@media(min-width: 992px) and (max-width: 1199px){
	.horizontalScroll-slide.slide3 .detailsOuters { margin-top: 10%; }
	.horizontalScroll-slide.slide3 .downBanner-svg { left: 40%; max-width: 400px; bottom: 30px; }
	.horizontalScroll-slide.slide3 .downBanner-svg > svg { height: auto; }
}
@media(max-width: 991px){
	.horizontalScroll-slide.slide3 .detailsOuters {
		margin-top: 0;
	}
	.horizontalScroll-slide.slide3 .downBanner-svg {
		max-width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.horizontalScroll-slide.slide3 .downBanner-svg > svg {
		display: inline-block; max-width: 100%; height: auto;
	}
	.horizontalScroller-section .horizontalScroll-slide.slide3 { padding-bottom: 80px; }
	.horizontalScroller-section .horizontalScroll-slide.slide3 .col-lg-7 { max-width: 720px;  margin: 0 auto 30px; }
	.horizontalScroll-slide .overlapImg-outer.overlap-outer2 { width: 79%; }
}
@media (min-width:768px) and (max-width:991px) {
	.blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1{
		margin-top:20%;
	}
} 
@media(max-width: 767px){
	.horizontalScroller-section .horizontalScroll-slide.slide3 { padding-bottom: 60px; }
	.horizontalScroller-section .horizontalScroll-slide.slide3 .col-lg-7 { max-width: 100%; padding-left: 22px; padding-right: 22px; }
	.horizontalScroll-outer { overflow: visible; }
	.horizontalScroll-outer .horizontalScroller-section { height: auto; width: 100%; flex-wrap: wrap; }
	.horizontalScroller-section .slide { height: auto; }
	.horizontalScroller-section .horizontalScroll-slide .aboveBanner-svg,
	.horizontalScroll-slide.slide3 .downBanner-svg { display: none; }
	.horizontalScroll-slide.slide3 .row,
	.horizontalScroll-slide.slide2 .row { height: auto; }
	.horizontalScroll-slide.slide3 .overlapImg-outer.overlap-outer1 img,
	.horizontalScroll-slide.slide3 .overlapImg-outer.overlap-outer2 img { max-height: none; }
}
@media(max-width: 575px){
	.horizontalScroller-section .horizontalScroll-slide.slide3 { padding-bottom: 40px; }
	.horizontalScroller-section .horizontalScroll-slide.slide3 > .row { margin: 0; }
	.horizontalScroller-section .horizontalScroll-slide.slide3 .col-lg-7 { max-width:100%; padding-left: 22px; padding-right: 22px; }
	.horizontalScroller-section .horizontalScroll-slide.slide3 .col-lg-5 { padding-left: 0; padding-right: 0; }
}
.horizontalScroller-section.green-layout > .slide:first-child{
	z-index:10;
}
.horizontalScroller-section.green-layout > .slide:nth-child(2){
	z-index:9;
}
.horizontalScroller-section.green-layout > .slide:nth-child(3){
	z-index:8;
}
.horizontalScroller-section.green-layout > .slide:nth-child(4){
	z-index:7;
}
.horizontalScroller-section.green-layout > .slide:nth-child(5){
	z-index:6;
}
.horizontalScroller-section.green-layout > .slide:nth-child(6){
	z-index:5;
}
.horizontalScroller-section.green-layout > .slide:nth-child(7){
	z-index:4;
}
.horizontalScroller-section.green-layout > .slide:nth-child(8){
	z-index:3;
}
.horizontalScroller-section.green-layout > .slide:nth-child(9){
	z-index:2;
}
.horizontalScroller-section.green-layout > .slide:nth-child(10){
	z-index:1;
}
.horizontalScroller-section.green-layout > .slide:nth-child(11){
	z-index:0;
}

/***** RTL CSS *****/
html[dir="rtl"] .project-section .projectDetails-outer { padding-right: 0; padding-left: 140px; }
html[dir="rtl"] .horizontalScroll-slide .img-outer.outer2 { right: auto; left: 0; }
html[dir="rtl"] .horizontalScroll-slide .overlapImg-outer.overlap-outer2 { margin-left: 0; margin-right: 21%; }


@media (min-width: 992px){
	html[dir="rtl"] .horizontalScroller-section .horizontalScroll-slide.slide2 .detailsOuters { padding-right: 40px; padding-left: 20px; }
	html[dir="rtl"] .horizontalScroll-slide .aboveBanner-svg { left: auto; right: 35%; }
	html[dir="rtl"] .horizontalScroll-slide.slide3 .downBanner-svg { left: auto; right: 37%; }
}
@media(max-width: 1600px){
	html[dir="rtl"] .project-section .projectDetails-outer { padding-left: 120px; }
}
@media(max-width: 1199px){
	html[dir="rtl"] .project-section .projectDetails-outer { padding-left: 80px; }
}
@media (max-width: 991px){
	html[dir="rtl"] .project-section .projectDetails-outer { padding-left: 0; }
	html[dir="rtl"] .horizontalScroll-slide.slide1 .img-outer.outer1 { margin-right: 40%; margin-left: 0; }

}

@media(min-width: 768px){
	html[dir="rtl"] body .horizontalScroll-outer,
	html[dir="rtl"] body .hScroller-section { direction: ltr; }

	html[dir="rtl"] body .horizontalScroll-outer .horizontalScroll-slide { direction: rtl; }
}
html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide4 .downBanner-svg.leftShift {
    right: 0;
    left: auto;
}
html[dir="rtl"] .blueSlides .horizontalScroll-slide .downBanner-svg.leftShift {
    left: auto;
    right: 48%;
}
html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage{
	right: auto;
    left: -8%;
}
html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight {
	right: auto;
    left: -4%;
}
html[dir="rtl"] .slideOuter8.blueSlides .btn-type3.small-btn{
	right:auto;
	left:6%;
}
html[dir="rtl"] .blueSlides .horizontalScroll-slide .downBanner-svg.rightShift{
	right: auto;
    left: 0;
}
html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide7 .detailsOuters{
	padding-right:31%!important;
	padding-left:8%;
}

/* element.style {
    padding-right: 0;
} */
@media (max-width: 575px){
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .row {
		width: 100%;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1 {
		margin-right: auto;
    	margin-left: 20px;
	}
	
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage{
		margin-left: auto;
		margin-right: 2%;
	}

	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight{
		margin-right:2%;
		margin-left:auto;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage {
		margin-right: 2%;
		margin-left:auto;
	}
	html[dir="rtl"] .slideOuter8.blueSlides .btn-type3.small-btn {
		left: auto;
		right: 8%;
	}
	/* html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide8 .btn-type3.small-btn {
		padding: 15px 18px 15px 70px;
	} */
	html[dir="rtl"] .slideOuter6.blueSlides .row div:first-child,
	html[dir="rtl"] .slideOuter8.blueSlides .row div:first-child{
		padding-left:0;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide7 .detailsOuters {
		padding-right: 8%!important;
		padding-left: 8%!important;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .detailsOuters{
		padding-right:0!important;
	}
}
@media (min-width: 576px) and (max-width: 767px){
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide6,
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide8{
    padding-left: 0.75rem;
    padding-right: 0;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide7 .detailsOuters {
		padding-right: 8%!important;
		padding-left: 8%;
	}
}
@media (min-width:768px) and (max-width:991px) {
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage {
		right: 13%;
		left:auto;
		margin-left: 0;
		margin-right:auto;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer1{
		margin-top:20%;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.bottomRight {
		left: auto;
		right: 0;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide6 .overlapImg-outer.overlap-outer1,
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide8 .overlapImg-outer.overlap-outer1 {
		margin-top: 20%;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide .overlapImg-outer.overlap-outer2.CenterImage {
		right:21%;
		left: auto;
		bottom: 31%;
		margin-right: 0;
		margin-left:auto;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide6 .downBanner-svg.leftShift{
	/* bottom:19%; */
		bottom:33%;
	}
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide7 .detailsOuters {
		padding-right: 8%!important;
		padding-left: 8%;
	}
}
@media (max-width: 991px){
	html[dir="rtl"] .blueSlides .horizontalScroll-slide.slide8 .btn-type3.small-btn {
		padding: 15px 18px 15px  70px;
		max-width: 218px;
	}
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:first-child{
	z-index:1;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(2){
	z-index:2;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(3){
	z-index:3;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(4){
	z-index:4;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(5){
	z-index:5;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(6){
	z-index:6;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(7){
	z-index:7;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(8){
	z-index:8;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(9){
	z-index:9;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(10){
	z-index:10;
}
html[dir="rtl"] .horizontalScroller-section.green-layout > .slide:nth-child(11){
	z-index:11	;
}
@media(min-width:992px){
	html[dir="rtl"] .slide.blueSlides:first-child .horizontalScroll-slide .overlapImg-outer.overlap-outer2.topImage { left:-4%; }
}
