@import url(reset.css);

.form-group .ckbox input[type=checkbox],
.opchide,
body.menu-open .innermenu:after {
	opacity: 0
}

.awards-img,
.awards-wrapper-img,
.esg_awards_acc_i,
.fnavigation,
.fullscreennav,
.overflow,
.ovlhide,
.subinnernavdt,
body.menu-open {
	overflow: hidden
}

.clbtn,
.mediaicon ul li a.clbtn {
	box-sizing: content-box;
	outline: 0
}

.nvbg,
.opchide,
.popup-container,
.searchinput {
	visibility: hidden
}

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

.enquiry p i,
.floorplan-wrap p,
.sbr-about .d-text p,
.video-box p,
:root {
	font-size: 16px
}

html {
	scroll-behavior: smooth !important
}

body {
	font-family: Matter;
	font-weight: 400;
	overflow-x: hidden
}

::-webkit-scrollbar {
	width: 5px
}

::-webkit-scrollbar-track {
	background: #f1f1f1
}

::-webkit-scrollbar-thumb {
	background: #101748
}

@font-face {
	font-family: Matter;
	src: url(../fonts/Matter-Light.eot);
	src: url('../fonts/Matter-Lightd41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Light.woff) format('woff'), url(../fonts/Matter-Light.ttf) format('truetype'), url('../fonts/Matter-Light.svg#Matter-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Matter;
	src: url(../fonts/Matter-SemiBold.eot);
	src: url('../fonts/Matter-SemiBoldd41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-SemiBold.woff) format('woff'), url(../fonts/Matter-SemiBold.ttf) format('truetype'), url('../fonts/Matter-SemiBold.svg#Matter-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Matter;
	src: url(../fonts/Matter-Regular.eot);
	src: url('../fonts/Matter-Regulard41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Regular.woff) format('woff'), url(../fonts/Matter-Regular.ttf) format('truetype'), url('../fonts/Matter-Regular.svg#Matter-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Matter;
	src: url(../fonts/Matter-Bold.eot);
	src: url('../fonts/Matter-Boldd41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Bold.woff) format('woff'), url(../fonts/Matter-Bold.ttf) format('truetype'), url('../fonts/Matter-Bold.svg#Matter-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Matter;
	src: url(../fonts/Matter-Medium.eot);
	src: url('../fonts/Matter-Mediumd41d.eot?#iefix') format('embedded-opentype'), url(../fonts/Matter-Medium.woff) format('woff'), url(../fonts/Matter-Medium.ttf) format('truetype'), url('../fonts/Matter-Medium.svg#Matter-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: firgine;
	src: url(../fonts/firgine.eot);
	src: url("../fonts/firgined41d.eot?#iefix") format("embedded-opentype"), url(../fonts/firgine.woff) format("woff"), url(../fonts/firgine.ttf) format("truetype"), url("../fonts/firgine.svg#firgine") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'LEMON MILK';
	src: url(../fonts/LEMONMILK-Light.eot);
	src: url('../fonts/LEMONMILK-Lightd41d.eot?#iefix') format('embedded-opentype'), url(../fonts/LEMONMILK-Light.woff2) format('woff2'), url(../fonts/LEMONMILK-Light.woff) format('woff'), url(../fonts/LEMONMILK-Light.ttf) format('truetype'), url('../fonts/LEMONMILK-Light.svg#LEMONMILK-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

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

@font-face {
	font-family: 'sao regular';
	src: url(../fonts/SaolDisplay-Regular.eot);
	src: url('../fonts/SaolDisplay-Regulard41d.eot?#iefix') format('embedded-opentype'), url(../fonts/SaolDisplay-Regular.woff2) format('woff2'), url(../fonts/SaolDisplay-Regular.woff) format('woff'), url(../fonts/SaolDisplay-Regular.ttf) format('truetype'), url('../fonts/SaolDisplay-Regular.svg#LEMONMILK-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'sao light';
	src: url(../fonts/SaolDisplay-LightItalic.eot);
	src: url('../fonts/SaolDisplay-LightItalicd41d.eot?#iefix') format('embedded-opentype'), url(../fonts/SaolDisplay-LightItalic.woff2) format('woff2'), url(../fonts/SaolDisplay-LightItalic.woff) format('woff'), url(../fonts/SaolDisplay-LightItalic.ttf) format('truetype'), url('../fonts/SaolDisplay-LightItalic.svg#LEMONMILK-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Matter;
	font-weight: 500
}

p {
	font-weight: 400;
	font-size: 17px;
	line-height: 2;
	margin-bottom: 1rem;
	color: #000;
	opacity: .7
}

.case-study h3,
.table,
p:last-child {
	margin-bottom: 0
}

.subheading,
.textheading {
	line-height: normal;
	margin-bottom: 30px
}

.subheading {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
	display: inline-block;
	color: #b9b9b8
}

.textheading {
	font-size: 3.6rem;
	letter-spacing: 2px;
	color: #000
}

.bl_boxes li:hover p,
.btn-line:hover,
.career-post a,
.clro,
.esgChairmanName strong,
.light-mix-orange .subheading,
.light-pink .subheading,
.mediaicon ul li a.clbtn:hover i,
.mediaicon ul li a:hover i,
.newstextwrap a:hover,
.regulation a,
.showm .btn-line:hover {
	color: #000
}

.accordionnav .link a,
.aminity-sec .luxuryh2,
.clbtn:hover button,
.clrwh,
.esg_comm .esghead,
.header-area.fixed-top .navbar-dark .searchbtn span i,
.js-cookie-consent .cookie-consent__agree:hover span,
.luxurybanner .innerbannertext .d-flex small,
.navbg .searchbtn span i,
.ratedbg a,
.ratedbg h2,
.resi-prolist .sub_tag a,
.spinner-border {
	color: #fff
}

.dark-pink-header .navbar,
.grey,
.light-pink,
.light-pink .grey,
header.bgcolor {
	background: #fff9f2
}

.bgcolor {
	background: #fee3c6
}

.pad40 {
	padding: 40px 0
}

.padt80 {
	padding-top: 80px
}

.our-journey,
.pad60 {
	padding: 60px 0
}

.padt60 {
	padding-top: 60px
}

.padb60,
.rera-number {
	padding-bottom: 60px
}

.media-flt .form-control,
.paddb,
div#amenities {
	padding-bottom: 0
}

.overlaywrap {
	width: 100%;
	height: 100%;
	position: relative
}

.overlaywrap:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: -1
}

.col-loc1,
.padright {
	padding-right: 0
}

.col-loc2,
.footerform .row .col-md-6:nth-child(2),
.padleft {
	padding-left: 0
}

.locationLogo {
	color: #fff;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	line-height: 30px;
	margin-top: 3px;
	display: inline-block
}

.logoData {
	margin-bottom: 3rem
}

.searchinput {
	width: 100%;
	background: #fff;
	opacity: 0;
	transform: translateY(-100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .4s ease-in-out;
	padding: 50px 0
}

.searchbox form .form-control::-webkit-input-placeholder {
	font-size: 20px !important
}

.searchbox form .form-control:-ms-input-placeholder {
	font-size: 20px !important
}

.searchbox form .form-control::placeholder {
	font-size: 20px !important
}

.searchinput.search-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(54%)
}

.nevcolumn,
.searchbox {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.ourprojectswrap,
.searchbox form,
footer {
	width: 100%;
	position: relative
}

.searchbox form .form-control {
	width: 90%;
	border: none;
	border-bottom: 1px solid #c3c3c3;
	border-radius: 0;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	padding: 0
}

.formdetails form .form-control:focus,
.searchbox form .form-control:focus {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent
}

.searchbox form button {
	background: 0 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 46%;
	border: none;
	outline: 0;
	transform: translateY(-50%)
}

.searchbox form button svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: #000
}

.searchbox .searchclose a img {
	width: 50px
}

.newseventsgrid,
.videohmslide {
	width: 100%;
	margin-top: 40px
}

@-webkit-keyframes navbar-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes navbar-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes dropdown-animation {
	0% {
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0)
	}

	75% {
		-webkit-transform: scaleY(1.1);
		-ms-transform: scaleY(1.1);
		transform: scaleY(1.1)
	}

	100% {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes dropdown-animation {
	0% {
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0)
	}

	75% {
		-webkit-transform: scaleY(1.1);
		-ms-transform: scaleY(1.1);
		transform: scaleY(1.1)
	}

	100% {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1)
	}
}

.navbar {
	flex-direction: column
}

#sunteck-video-index .slick-dots li button,
.Rmob_view,
.career-post,
.controlls,
.counter-drop:last-child:after,
.cr_ulslide.fsticonview .slider__counter,
.desknone,
.desktop-display-none,
.dkhide,
.dsknone,
.footemoblogo,
.indexbanner .indexMobileView,
.locationslider .slick-dots li button,
.mcallbtn,
.media-flt .form-inline div:last-child::after,
.mob_view,
.mobdsnods,
.mobileViewVideo,
.mobshow,
.mobwhatsup,
.navigation .menu-container .menu li .drop_menu li::after,
.newsrow .col-lg-4,
.primaryresidnoblk,
.primaryresidyesblk,
.resmobilenone,
.sbr-form-head .subheading,
.usnodisclaimerblk,
.usyesdisclaimerblk,
.videorow .col-lg-4 {
	display: none
}

.header-left-logo a {
	z-index: 9999;
	margin-right: 0 !important
}

.scrollpt::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #000
}

.scrollpt::-webkit-scrollbar {
	width: 2px;
	background-color: #000
}

.scrollpt::-webkit-scrollbar-thumb {
	background-color: #4c4c4c;
	border: 1px solid #4c4c4c
}

.hdbgnone {
	background: 0 0 !important
}

.after-tint,
.case-study .overflow,
.csrbg,
.csrbg h5,
.footer-Main,
.formImg_sub,
.fullhtnav .container,
.hamnavicon,
.indexbanner .innerbannertext,
.live-the-extraordinary,
.media-flt .form-inline div,
.mediaVideo .flip,
.modal-name,
.more_box,
.more_box h3,
.more_box li,
.moretext,
.navafter-tint,
.navbar-dark .container,
.navbar-dark .topnav,
.our_pillar_container,
.ratebg-wrapper .ratedbg h2,
.relative,
.s_item,
.sbr-intro,
.search_cont,
.showbtn,
.slidesWrap,
.tab-content>.tab-pane,
.testimonial_user .testimonial_wrapper a,
.tp-pos,
.ul-list li,
.vd-iframepl,
.video-play-button-s span {
	position: relative
}

.header-area,
.navlogo,
.nvbg,
.nvbg.showbg {
	transition: .85s
}

.fixnavborder {
	border-color: rgb(255 255 255 / 34%) !important
}

.navigation.fixed-top .header-left-logo a.hdlogo:after {
	background: rgb(225 220 214)
}

.hamnavicon .innermenu,
.residentialSlider .slick-dots li button {
	display: flex;
	align-items: center;
	justify-content: center
}

.fullscreennav,
.hamnavicon .innermenu span {
	align-items: center;
	width: 100%;
	display: flex
}

.hamnavicon .innermenu span {
	color: #fff;
	font-size: 11px;
	transition: .85s;
	height: 100%;
	justify-content: center
}

.fullscreennav {
	height: 100vh;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	transition: .5s linear;
	transform: translateY(100%);
	z-index: 99;
	padding: 120px 0 60px
}

.subinnernavdt,
.subnavdt {
	transform: translateX(-5%)
}

.colbtn,
.mainnav {
	position: absolute
}

.fullhtnav,
.mainnav {
	transition: .6s linear
}

.fullscreennav.navshow {
	transform: translateY(0);
	transition: .5s linear
}

.fnavigation {
	width: 100%;
	height: 485px
}

.blogmb-none h5 {
	padding: 0 0 0 20px !important;
	border: none !important
}

.colbtn,
.hamnavicon .innermenu {
	width: 50px;
	height: 50px;
	border-radius: 100px
}

.blogmb-none h5 a {
	color: #101748 !important
}

.cr-sec-cont,
.group-box,
.logo-thumb,
.resdesktopnone {
	display: flex
}

.navigation .header-left-logo a.hdlogo:after,
.slider-nav .slider__counter {
	display: none !important
}

body.menu-open .navbar {
	background: 0 0
}

.colbtn {
	background: #2a2a2a;
	top: 10px;
	left: 14px
}

.aboutbanner img,
.carrer-img,
.col-loc1 iframe,
.col-loc1 img,
.colbtn a,
.discover_more_btn,
.footerlogo img,
.fullhtnav,
.galleryslider-btn:hover:after,
.playbtn_sathi img,
.playbutton-utube .card-img-top,
.residentialSlider .slick-slide img,
.slider-for .testimonial_wrapper-new img {
	width: 100%;
	height: 100%
}

#investor .accordion .card .card-header::after,
.colbtn:hover,
.header-area.fixed-top .navbar-dark .searchbtn span,
.our-his-sathi.investor_zone .accordion .card .card-header::after,
.saathi_sec .galleryslider-btn:hover:after,
.waterfront-form-head .clbtn {
	background: #101748
}

.colbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

.colbtn a img {
	width: 15px
}

.header-area.fixed-top .innermenu:after,
.header-area.fixed-top .navbar-dark .searchbtn:after {
	background: #0000002b
}

.hamnavicon .innermenu {
	background: #101748;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9999999;
	cursor: pointer;
	margin-left: 0;
	margin-right: 80px;
    top: 6px;
}

#resident ul li a,
.accordionnav .link,
.navdt ul li a,
.subinnernavdt ul li a,
.subnavdt ul li a {
	display: inline-block;
	color: #fff;
	padding: 12px 0;
	position: relative;
	letter-spacing: 1px;
	font-family: Matter;
	cursor: pointer
}

.mainnav,
.subnavdt {
	opacity: 0;
	align-items: center;
	z-index: -1
}

.hamnavicon .innermenu i {
	font-size: 20px;
	color: #fff
}

.hamnavicon .innermenu:after {
	content: "";
	position: absolute;
	top: -15px;
	right: -38px;
	width: 1px;
	height: 83px;
	background: rgb(255 255 255 / 34%)
}

.fullhtnav {
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0
}

.fullhtnav.bodybg {
	background: rgba(0, 0, 0, .4);
	z-index: 9999;
	opacity: 1
}

.mainnav {
	width: 0%;
	height: 100%;
	background: rgb(0 0 0 / 82%);
	top: 0;
	left: 0;
	margin-right: 0;
	display: flex;
	justify-content: center
}

.subinnernavdt,
.subnavdt {
	display: inline-grid;
	position: absolute
}

.mainnav.navopen {
	width: 33.3%;
	opacity: 1;
	z-index: 99
}

.navdt ul {
	width: 100%;
	padding: 0;
	margin: 0
}

.navdt ul li,
.subinnernavdt ul li,
.subnavdt ul li {
	display: block;
	position: relative
}

.navdt ul li a {
	font-size: 24px;
	transition: .85s;
	font-weight: 500
}

.invertor_address ul li a:hover,
.navdt ul li a:hover,
.social:hover a p,
.social:hover a p i {
	color: #101748
}

.navdt ul li a:after,
.subinnernavdt ul li a:after,
.subnavdt ul li a:after {
	content: "";
	width: 0;
	height: 1px;
	background: #101748;
	position: absolute;
	left: 0;
	bottom: 8px;
	transition: .85s
}

.accordionnav .link.actv:after,
.accordionnav .link:hover:after,
.accordionnav .linkin.actv:after,
.accordionnav .linkin:hover:after,
.blogmb-none,
.chairmanwrap,
.contact_map img,
.csr_box iframe,
.dis-policy-nav,
.extra-live:nth-child(5),
.floorenqform,
.footernav,
.formdetails,
.investor_zone .accordion .card .card-header:hover::after,
.ls-slide .l_item img,
.media-relase:hover:after,
.modal_img img,
.navdt ul li a:hover:after,
.newsimg img,
.newstextwrap,
.our_pillar ul li:hover::after,
.s_item img,
.sbr-lifestyle .slidesWrap ul.myslides,
.slidesWrap ul li.myslide img,
.subinnernavdt ul li a:hover:after,
.submenu a:hover:after,
.submenuin a:hover:after,
.subnavdt ul li a:hover:after {
	width: 100%
}

.innernav {
	width: 0%;
	opacity: 0;
	transition: .5s linear;
	position: absolute;
	top: 0;
	left: 33.3%;
	height: 100vh;
	background: rgb(25 25 25 / 88%)
}

.innernav.opensub {
	width: 33.4%;
	opacity: 1;
	z-index: 9
}

.subnavdt {
	width: 100%;
	height: 100%;
	justify-content: center;
	transition: .85s ease-in-out
}

.shownav,
.subinnernavdt.subinnvdt {
	opacity: 1;
	z-index: 2
}

.subinnernavdt ul,
.subnavdt ul {
	width: 100%;
	margin: 0;
	padding: 0
}

.subinnernavdt ul li a:hover,
.subnavdt ul li a:hover {
	color: #101748 !important
}

.subinnernavdt ul li a,
.subnavdt ul li a {
	font-size: 14px;
	transition: .85s;
	font-weight: 200
}

#resident ul li a {
	font-size: 20px;
	transition: .85s;
	font-weight: 500
}

.subinnernavdt ul li a img,
.subnavdt ul li a img {
	width: 8px;
	opacity: 0;
	transition: .85s
}

#flip.visible,
.accordionnav .linkin:hover,
.awards_sec .h_img:hover .awards_sec .h_img::before,
.form-group .ckbox label span a:hover,
.lazy.loaded,
.life_cuslture:hover .insta_logo i,
.navbar .navbar-toggler.collapsed .menu-icon-bar,
.our-journey .slick-slide.slick-current,
.slider-nav .slick-slide.slick-current,
.subinnernavdt ul li a:hover img,
.subinnernavdt.subinnvdt,
.submenu li a:hover img,
.submenuin li a:hover img,
.subnavdt ul li a:hover img {
	opacity: 1
}

.blur {
	filter: blur(5px)
}

.subinnernav {
	width: 0%;
	opacity: 0;
	transition: .4s linear;
	position: absolute;
	top: 0;
	left: 66.7%;
	height: 100vh;
	background: rgb(50 50 50 / 93%)
}

.subinnernav.opensubinner {
	width: 33.3%;
	opacity: 1;
	z-index: 8
}

.subinnernavdt {
	width: 100%;
	height: 100%;
	opacity: 0;
	align-items: center;
	justify-content: center;
	transition: .85s ease-in-out;
	z-index: -1
}

.mainnav.navopen .navdt ul li:first-child {
	opacity: 1;
	transition: opacity .2s .95s
}

.mainnav.navopen .navdt ul li:nth-child(2) {
	opacity: 1;
	transition: opacity .2s 1.05s
}

.mainnav.navopen .navdt ul li:nth-child(3),
.menu-open .navigation .menu-container .menu li:nth-child(3) {
	opacity: 1;
	transition: opacity .2s 1.15s
}

.mainnav.navopen .navdt ul li:nth-child(4),
.menu-open .navigation .menu-container .menu li:nth-child(4) {
	opacity: 1;
	transition: opacity .2s 1.25s
}

.mainnav.navopen .navdt ul li:nth-child(5) {
	opacity: 1;
	transition: opacity .2s 1.3s
}

.mainnav.navopen .navdt ul li:nth-child(6),
.menu-open .navigation .menu-container .menu li:nth-child(5) {
	opacity: 1;
	transition: opacity .2s 1.35s
}

.mainnav.navopen .navdt ul li:nth-child(7) {
	opacity: 1;
	transition: opacity .2s 1.4s
}

.mainnav.navopen .navdt ul li:nth-child(8),
.menu-open .navigation .menu-container .menu li:nth-child(6) {
	opacity: 1;
	transition: opacity .2s 1.45s
}

.mainnav.navopen .navdt ul li:nth-child(9) {
	opacity: 1;
	transition: opacity .2s 1.5s
}

.mainnav.navopen .navdt ul li:nth-child(10) {
	opacity: 1;
	transition: opacity .2s 1.6s
}

.navdt ul li:first-child,
.navigation .menu-container .menu li:first-child {
	opacity: 0;
	transition: opacity .2s 50ms
}

.navdt ul li:nth-child(2),
.navigation .menu-container .menu li:nth-child(2) {
	opacity: 0;
	transition: opacity .2s .1s
}

.navdt ul li:nth-child(3),
.navigation .menu-container .menu li:nth-child(3) {
	opacity: 0;
	transition: opacity .2s .15s
}

.navdt ul li:nth-child(4),
.navigation .menu-container .menu li:nth-child(5) {
	opacity: 0;
	transition: opacity .2s .25s
}

.navdt ul li:nth-child(5),
.navigation .menu-container .menu li:nth-child(6) {
	opacity: 0;
	transition: opacity .2s .3s
}

.navdt ul li:nth-child(6),
.navigation .menu-container .menu li:nth-child(7) {
	opacity: 0;
	transition: opacity .2s .35s
}

.navdt ul li:nth-child(7),
.navigation .menu-container .menu li:nth-child(8) {
	opacity: 0;
	transition: opacity .2s .4s
}

.navdt ul li:nth-child(8),
.navigation .menu-container .menu li:nth-child(9) {
	opacity: 0;
	transition: opacity .2s .45s
}

.navdt ul li:nth-child(9),
.navigation .menu-container .menu li:nth-child(10) {
	opacity: 0;
	transition: opacity .2s .5s
}

.navdt ul li:nth-child(10) {
	opacity: 0;
	transition: opacity .2s .7s
}

.navbg {
	border-bottom: 1px solid #0000002b
}

.navbg .hamnavicon .innermenu:after,
.navbg .header-left-logo a.hdlogo:after {
	background: #0000002b !important
}

.accordionnav {
	width: 100%;
	max-width: 100%;
	height: 80%;
	overflow-y: auto;
	margin: auto !important;
	background: 0 0;
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	padding-left: 10px
}

.accordionnav .link {
	font-size: 24px;
	transition: .85s .5s;
	font-weight: 500
}

.accordionnav .link:after,
.accordionnav .linkin:after {
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 8px;
	transition: .85s
}

.submenu,
.submenuin {
	display: none;
	font-size: 14px
}

.accordionnav .linkin,
.e-brochure-s,
.submenu a,
.submenuin a {
	display: inline-block;
	color: #fff
}

.about-inner-counter .tablewrap table tr td,
.submenu li,
.submenuin li {
	border: none
}

.submenu a,
.submenuin a {
	font-size: 15px;
	padding: 8px 0;
	transition: .25s;
	position: relative;
	opacity: .4;
	-webkit-transition: .25s;
	-o-transition: .25s;
	font-weight: 200
}

.submenu a:after,
.submenuin a:after {
	content: "";
	width: 0;
	height: 1px;
	background: #101748;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .85s
}

.submenu a:hover,
.submenuin a:hover {
	opacity: 1;
	color: #101748
}

.up,
.upin {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.submenu li a img,
.submenuin li a img {
	width: 15px;
	opacity: 0;
	transition: .85s;
	padding-left: 5px
}

.accordionnav .linkin {
	font-size: 18px;
	padding: 12px 0;
	transition: .85s;
	position: relative;
	letter-spacing: 1px;
	font-weight: 200;
	cursor: pointer
}

.accordionnav li:last-child .link {
	border-bottom: 0
}

.accordionnav li i {
	position: absolute;
	top: 15px;
	right: -20px;
	font-size: 20px;
	color: #fff;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.navafter-tint:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: 0 0;
	width: 100%;
	height: 100%;
	transition: .5s ease-in-out;
	z-index: 22
}

.ls-slide .galleryslider-btn {
	top: 55%;
	width: 50px;
	height: 50px
}

.crsVideoSlider .galleryslider-btn.prev-btn,
.ls-slide .galleryslider-btn.prev-btn {
	left: -26px
}

.crsVideoSlider .galleryslider-btn.next-btn,
.ls-slide .galleryslider-btn.next-btn {
	right: -26px
}

.e-brochure-s {
	background: #101748;
	padding: 15px;
	transition: .5s;
	z-index: 1;
	position: relative
}

.e-brochure-s:hover {
	background: #000;
	color: #fff
}

.sbrLogo {
	position: relative;
	top: 18%;
	text-align: center;
	margin: 0 auto .5rem
}

.sbrLogo .innerlogo_div {
	width: 160px;
	margin: auto
}

.d-flex,
.esgdpLogo img,
.floorpln-img img,
.luxurybanner .innerbannertext .gilbirdlogo img,
.possesionlogo img,
.saathi_sec .sathiLogo img,
.sbrLogo img,
.scaneCode img {
	max-width: 100%;
	max-height: 100%
}

.possesionlogo {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 1;
	color: #fff;
	font-size: 12px
}

@media (max-width:991px) {
	.logoData {
		margin-bottom: 1.5rem;
		text-align: left
	}

	.ls-slide .galleryslider-btn.prev-btn {
		left: 0
	}

	.ls-slide .galleryslider-btn.next-btn {
		right: 0
	}

	.dsknone {
		display: block
	}

	.dks-block,
	.dsknone strong:before,
	.innernavfx .row .col-lg-6:last-child,
	.navbar-toggle,
	.reachuswrap,
	.rightnavimg {
		display: none
	}

	.dsknone strong a {
		color: #101748
	}

	.hamburger-menu {
		position: absolute;
		left: 15px !important
	}

	.hamnavicon .innermenu {
		margin-left: 0
	}

	.header-left-logo a {
		margin-top: 0;
		position: absolute;
		right: 15px;
		top: -23px
	}

	.fnavigation {
		height: 65vh !important;
		margin-top: 0
	}

	.mediarech,
	.reachuswrap {
		margin-top: 30px
	}

	.innernavfx {
		display: block !important;
		height: 95% !important
	}

	.reachuswrap {
		display: block !important;
		bottom: 0;
		position: static
	}

	.accordion .linkin {
		font-size: 20px;
		padding: 10px 0
	}

	.submenuin a {
		font-size: 14px
	}

	.menu-sliders {
		transition: flex .4s linear
	}

	body.menu-open .fnavigation ul li:nth-child(2),
	body.menu-open .mediarech ul li:first-child {
		opacity: 1;
		transition: opacity 0s 1.05s
	}

	body.menu-open .fnavigation ul li:nth-child(3),
	body.menu-open .mediarech ul li:nth-child(2) {
		opacity: 1;
		transition: opacity 0s 1.15s
	}

	body.menu-open .fnavigation ul li:nth-child(4),
	body.menu-open .mediarech ul li:nth-child(3) {
		opacity: 1;
		transition: opacity 0s 1.25s
	}

	body.menu-open .fnavigation ul li:first-child {
		opacity: 1;
		transition: opacity 0s .95s
	}

	body.menu-open .fnavigation ul li:nth-child(5) {
		opacity: 1;
		transition: opacity 0s 1.3s
	}

	body.menu-open .fnavigation ul li:nth-child(6) {
		opacity: 1;
		transition: opacity 0s 1.35s
	}

	.accordion .linkin:after {
		bottom: 5px
	}

	.submenu a {
		opacity: .6
	}

	.mainnav {
		width: 100%;
		height: 100%;
		background: rgb(0 0 0 / 82%);
		position: absolute;
		top: 0;
		left: 0;
		margin-right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		transition: .6s linear;
		z-index: -1;
		transform: translateX(-100%)
	}

	.mainnav.navopen {
		opacity: 1;
		z-index: 99;
		transform: translateX(0)
	}

	.fullscreennav {
		height: 100%;
		display: block;
		overflow: visible;
		overflow-y: scroll
	}

	.blogmb-none {
		display: none !important
	}
}

@media(max-width:320px) {
	.reachuswrap {
		bottom: -10px
	}

	.reachuswrap a {
		padding-top: 11px;
		font-size: 11px
	}

	.innernavfx {
		padding: 85px 0 0 !important
	}
}

.dark-grey-header .navbar {
	background: linear-gradient(to right, #fee6c3, #f1bd98)
}

.nav-luxury {
	width: 100%;
	background: #1c2b2b;
	position: absolute;
	bottom: -52px;
	left: 0
}

.navbg .nav-luxury .topnav ul li a {
	color: #fff !important;
	padding: 20px 0
}

.navbar-dark .nav-luxury .topnav ul li a:after {
	bottom: 16px
}

.navbar-dark .nav-luxury .topnav ul::-webkit-scrollbar-track {
	background-color: #1c2b2b
}

.navbar-dark .nav-luxury .topnav ul::-webkit-scrollbar {
	width: 1px;
	height: 1px;
	background-color: #1c2b2b
}

.navbar-dark .nav-luxury .topnav ul::-webkit-scrollbar-thumb {
	background-color: #1c2b2b;
	border: 1px solid #1c2b2b
}

.awards_sec .h_img:hover h3,
.awards_sec .h_img:hover p,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .topnav ul li a:focus,
.navbar-dark .topnav ul li a:hover,
.navbg .nav-luxury .topnav ul li a:focus,
.navbg .nav-luxury .topnav ul li a:hover {
	color: #fff;
	opacity: 1
}

.awards-box,
.galleryslider-btn:hover,
.life_sun .controler .clbtn,
.mediaicon ul li a:hover,
.menu-open .navigation .hamburger-menu .hamburger::after,
.menu-open .navigation .hamburger-menu .hamburger::before,
.navbg .nav-luxury .topnav ul li a:hover:after {
	background: #fff
}

.head-enquire a {
	display: block;
	text-align: center;
	background: #101748;
	padding: 18px;
	color: #fff
}

.navbar-dark .searchbtn {
	width: 12%;
	height: 100%;
	position: relative;
	padding: 16px 0
}

.navbar-dark .searchbtn:after {
	display: none;
	content: "";
	background: rgb(255 255 255 / 34%);
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 40px;
	opacity: .7
}

.navbar-dark .searchbtn span {
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, .9);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.navbar-dark .searchbtn span svg {
	fill: none;
	stroke: #1b263a;
	z-index: 1
}

.galleryslider-btn svg #Line_21,
.galleryslider-btn svg #Path_145,
.navbar-dark .searchbtn span:hover svg,
.saathi_sec .galleryslider-btn line,
.saathi_sec .galleryslider-btn path,
.sbr-about .galleryslider-btn:hover svg #Line_21,
.sbr-about .galleryslider-btn:hover svg #Path_145,
.sbr-club .clbtn:hover line,
.sbr-club .clbtn:hover path,
.video-popup:hover path,
.video-popup:hover rect {
	stroke: #fff
}

.clbtn:hover::before,
.navbar-dark .searchbtn span.clbtn:hover::before,
.sbr_brochure:hover::before {
	background: #000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.header-area.fixed-top .navbar-dark .searchbtn span svg {
	fill: none;
	stroke: #fff
}

.dlfxnav {
	width: 80%;
	justify-content: flex-start
}

.esgbanner .innerbannertext .d-flex,
.grid,
.navbar-dark .navbar-collapse {
	flex-wrap: wrap
}

.navbar-nav span {
	transform: rotate(0);
	width: auto;
	display: inline-block;
	color: #000
}

.navbar {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid rgb(255 255 255 / 34%);
	transition: background .6s ease-in;
	z-index: 99999;
	padding: 0
}

.navbar .navbar-brand {
	font-size: 2rem
}

.navbar .navbar-brand img {
	width: 180px;
	margin-top: 15px
}

.navbar .navbar-toggler {
	position: relative;
	height: 50px;
	width: 50px;
	border: none;
	cursor: pointer;
	outline: 0
}

.navbar .navbar-toggler .menu-icon-bar {
	position: absolute;
	left: 15px;
	right: 15px;
	height: 2px;
	background-color: #000;
	opacity: 0;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
	transition: .3s ease-in
}

.navbar .navbar-toggler .menu-icon-bar:first-child {
	opacity: 1;
	-webkit-transform: translateY(-1px) rotate(45deg);
	-ms-sform: translateY(-1px) rotate(45deg);
	transform: translateY(-1px) rotate(45deg)
}

.navbar .navbar-toggler .menu-icon-bar:last-child {
	opacity: 1;
	-webkit-transform: translateY(-1px) rotate(135deg);
	-ms-sform: translateY(-1px) rotate(135deg);
	transform: translateY(-1px) rotate(135deg)
}

.navbar .navbar-toggler.collapsed .menu-icon-bar:first-child {
	-webkit-transform: translateY(-7px) rotate(0);
	-ms-sform: translateY(-7px) rotate(0);
	transform: translateY(-7px) rotate(0)
}

.navbar .navbar-toggler.collapsed .menu-icon-bar:last-child {
	-webkit-transform: translateY(5px) rotate(0);
	-ms-sform: translateY(5px) rotate(0);
	transform: translateY(5px) rotate(0)
}

.dis-policy-nav ul,
.navbar-dark .topnav ul {
	margin: 0;
	padding: 0
}

.navbar-dark .topnav ul li {
	width: auto;
	display: inline-block;
	margin-right: 30px;
	position: relative
}

.navbar-dark .topnav ul li span {
	width: 1px;
	color: #fff !important;
	display: inline-block;
	position: absolute;
	top: 18px;
	right: -15px;
	font-size: .65rem;
	font-weight: 100
}

.navbar-dark .topnav ul li a {
	width: 100%;
	display: block;
	font-family: Matter;
	font-size: .76rem;
	color: #fff;
	font-weight: 300;
	padding: 18px 0 3px;
	position: relative;
	border-bottom: none;
	letter-spacing: 2px;
	text-decoration: none
}

.dis-policy-nav ul li a:after,
.navbar-dark .navbar-nav .nav-link:after,
.navbar-dark .topnav ul li a:after,
.reachustext a:after,
.reachustext2 a:after {
	content: "";
	position: absolute;
	right: 0;
	border: 0;
	width: 0%;
	background: #fff;
	height: 1px;
	bottom: 0;
	transition: .5s ease-in-out
}

.dis-policy-nav ul li a:hover:after,
.footeraddress a:hover:after,
.footernav ul li a:hover:after,
.navbar-dark .navbar-nav .nav-link:hover:after,
.navbar-dark .topnav ul li a:hover:after,
.reachustext a:hover:after,
.reachustext2 a:hover:after {
	width: 100%;
	right: auto;
	left: 0;
	color: #fff
}

.navbar-dark .navbar-nav .nav-link:after .active,
.navbar-dark .topnav ul li a:after .active,
.subhd_hidd li a:hover::after {
	width: 100%;
	right: auto;
	left: 0
}

.navbar-dark .navbar-nav .nav-item {
	width: auto;
	margin-right: 30px !important;
	margin-bottom: 10px;
	position: relative
}

.navbar-dark .navbar-nav .nav-item span {
	width: 1px;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: -15px;
	font-size: .65rem;
	font-weight: 100
}

.navbar-dark .navbar-nav .nav-link {
	position: relative;
	color: #fff;
	font-family: Matter;
	font-size: .8rem;
	font-weight: 500;
	padding: 15px 0 3px;
	border-bottom: 1px solid transparent;
	opacity: 1;
	text-transform: uppercase;
	letter-spacing: 3px
}

.fixed-top .navbar-dark .navbar-nav .nav-link:focus,
.fixed-top .navbar-dark .navbar-nav .nav-link:hover,
.navbg .navbar-nav .nav-link:focus,
.navbg .navbar-nav .nav-link:hover,
.navbg .topnav ul li a:focus,
.navbg .topnav ul li a:hover {
	color: #000;
	opacity: 1
}

.navbar-dark .navbar-nav .nav-link.active {
	color: #fff;
	border-bottom: 1px solid #fff;
	opacity: 1
}

.navbar.fixed-top {
	position: fixed;
	-webkit-animation: .6s navbar-animation;
	animation: .6s navbar-animation;
	background-color: rgba(0, 0, 0, .9)
}

.navbar.fixed-top.navbar-dark .navbar-nav .nav-link .active {
	color: #000;
	border-bottom: 1px solid #000
}

.navbar.fixed-top.navbar-dark .navbar-nav .nav-link::after {
	background-color: #000
}

@media screen and (max-width:768px) {
	.navbar-nav {
		background-color: transparent;
		padding: 0
	}

	.navbar.fixed-top .navbar-nav {
		background: 0 0
	}
}

@media screen and (min-width:767px) {
	.navbar-dark .navbar-nav .nav-link:hover::after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}

	.dropdown-menu {
		min-width: 155px;
		-webkit-animation: .3s dropdown-animation;
		animation: .3s dropdown-animation;
		-webkit-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top
	}
}

.line_animation1.wow.animated,
.line_animation2.wow.animated,
.line_animation3.wow.animated {
	transform: scaleX(1) translateZ(0)
}

.header-area {
	position: absolute;
	display: flex;
	align-items: center;
	height: 80px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999
}

.header-area.fixed-top {
	position: fixed !important;
	background-color: #fff9f2;
	-webkit-animation: .6s navbar-animation;
	animation: .6s navbar-animation
}

.header-area.fixed-top .navbar-dark .topnav ul li a,
.navbg .navbar-nav .nav-link,
.navbg .topnav ul li a {
	color: #000;
	font-weight: 300
}

.header-area.fixed-top .navbar-dark .topnav ul li span,
.navbg .topnav ul li span {
	display: inline-block;
	font-size: .65rem;
	font-weight: 100;
	position: absolute;
	right: -15px
}

.header-area.fixed-top .nav-link {
	color: #000 !important
}

.navbar-nav.dlfxnav .nav-link {
	font-weight: 500 !important
}

.header-area.fixed-top .navbar-dark .navbar-nav .nav-link:hover:after,
.header-area.fixed-top .navbar-dark .topnav ul li a:hover:after,
.navbg .navbar-nav .nav-link:hover:after,
.navbg .topnav ul li a:hover:after {
	background: #000
}

.header-area.fixed-top .navbar {
	border-color: #0000002b
}

.header-area.fixed-top .navbar-dark .topnav ul li span {
	top: 18px;
	color: rgb(0 0 0 / 72%) !important
}

.header-area.fixed-top .navbar-dark .navbar-nav .nav-item span,
.navbg .navbar-nav .nav-item span {
	display: inline-block;
	position: absolute;
	top: 15px;
	right: -15px;
	font-size: .65rem;
	font-weight: 100;
	color: #000
}

.navbg .searchbtn span svg {
	stroke: #fff;
	width: 15px
}

.navbg .searchbtn span {
	background: #101748;
	cursor: pointer
}

.navbg .header-left-logo a.hdlogo:after,
.navbg .searchbtn:after,
.navigation.fixed-top .header-left-logo a.hdlogo:after {
	background: rgb(0 0 0 / 19%)
}

.navbg .topnav ul li span {
	color: rgba(0, 0, 0, .3) !important;
	top: 19px
}

.header-left-logo {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.header-left-logo img {
	width: 150px;
	height: auto;
    margin-top: 20px;
}

.header-left-logo a {
	width: auto;
	height: 100%;
	display: flex
}

.Rdesktop_view,
.desktopViewVideo,
.desktop_view,
.dskshow,
.indexbanner .indexDesktopView,
.mobdsno,
.mobile-display-none,
.mobnone {
	display: block
}

.floor-slide,
.unit-slide {
	margin: 0 -10px
}

.nvbg {
	width: 100%;
	background: #fff;
	position: absolute;
	height: 0;
	top: 80px;
	left: 0;
	opacity: 0;
	border-top: 1px solid #000
}

.nvbg.showbg {
	opacity: 1;
	visibility: visible;
	height: 200px
}

.bannerwrap {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	background-position: center !important
}

.line_animation1,
.line_animation2 {
	background: rgb(255 255 255 / 55%);
	transform: scaleX(0) translateZ(0)
}

.bannerwrap:after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 15%);
	position: absolute;
	top: 0;
	left: 0
}

.bannerwrap .investor_banner {
	position: absolute;
	bottom: 20%;
	width: 100%
}

#sunteck-video,
#sunteck-video-mob {
	width: 100%;
	height: 100vh;
	position: absolute;
	object-fit: cover
}

#sunteck-video-banner {
	width: 100%;
	height: 100vh;
	object-fit: cover
}

#sunteck-video-index,
.carrer-img img,
.esg_awards_acc_i img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#sunteck-video-index .slick-dots li,
.locationslider .slick-dots li {
	border-radius: 50%;
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	transition: .5s;
	padding: unset
}

#sunteck-video-index .slick-dots li.slick-active,
.locationslider .slick-dots li.slick-active {
	border-radius: 10px;
	width: 25px;
	background: #de8a2a;
	border: 1px solid #de8a2a;
	transition: .5s
}

.innerbannertext {
	width: 100%;
	height: 100vh;
	flex-direction: column;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 15px;
	z-index: 9
}

.line_animation1,
.line_animation2,
.line_animation3 {
	transition: transform 1s cubic-bezier(.23, 1, .32, 1);
	height: 1px;
	will-change: transform;
	top: 0;
	bottom: 0
}

.innerbannertext .subtitle {
	font-size: 2.8rem;
	color: #fff;
	text-align: left;
	font-weight: 700;
	position: relative;
	margin-left: 4.4%;
	letter-spacing: 3px;
	margin-bottom: 6px
}

.debenture_trusty,
.indexbanner .innerbannertext .subtitle.fl-1 {
	font-size: 2.2rem
}

.indexbanner .innerbannertext .mid-txt.subtitle {
	font-size: 2.8rem;
	line-height: 2.8rem
}

.delivery_hm {
	margin-bottom: 10px
}

.line_animation1 {
	width: 3%;
	position: relative;
	left: 0;
	transform-origin: 0 50%;
	margin-left: 0 !important;
	margin-right: 16px !important;
	margin: auto
}

.line_animation2,
.line_animation3 {
	width: 30%
}

.line_animation2 {
	right: 13%;
	transform-origin: 0 50%;
	margin-left: 21px !important;
	margin: auto
}

.line_animation3 {
	background: #fff;
	opacity: .7;
	position: relative;
	left: 0;
	transform: scaleX(0) translateZ(0);
	transform-origin: 0 50%;
	display: flex;
	align-items: center;
	margin-left: 16px !important;
	margin: auto
}

.d-text,
.line_animation4 {
	width: 50%
}

.line_animation2.wow.animated {
	transition-delay: 0.8s
}

.innerbannertext h1 {
	font-size: 3.8rem;
	color: #fff;
	letter-spacing: 5px
}

.innerbannertext .hdsmalltxt {
	font-size: 2.9rem;
	display: block;
	color: #fff;
	font-family: Matter;
	font-weight: 700
}

.textpaira {
	padding-right: 60px
}

.ctr_cnt,
.inner-counter .counter-first {
	padding-right: 70px
}

.tbl-btn {
	margin-top: -57px;
	text-align: right
}

.tablewrap {
	width: 100%;
	margin-top: 40px;
	padding: 50px 0;
	background: url(../images/Home-about-us.webp) center bottom/cover no-repeat;
	position: relative
}

.tablewrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 35%)
}

.tablewrap-residential {
	background: url(../images/Residential-about-us.webp) center bottom no-repeat;
	background-size: cover !important
}

.tablewrap-commercial {
	background: url(../images/Commercial-about-us.webp) center bottom/cover no-repeat
}

.tablewrap table {
	width: 100%;
	position: relative;
	z-index: 1
}

.tablewrap table tr td {
	padding: 40px 0;
	border-left: none;
	border-right: none;
	padding-left: 0 !important;
	text-align: center;
	width: 33%
}

.tablewrap strong {
	font-size: 4rem;
	color: #fff;
	font-weight: 500;
	display: inline-flex
}

.tablewrap-commercial strong,
.tablewrap-residential strong {
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: 1px
}

.tablewrap p {
	font-size: 16px;
	color: #fff;
	opacity: .7;
	font-weight: 300
}

.aw_cont p,
.newswrap .newstextwrap p,
.signature_project_in p {
	line-height: 1.5
}

.newswrap .newsgrid {
	padding-left: 4px
}

.newswrap .newstextwrap h3 {
	font-weight: 500;
	letter-spacing: 1px
}

.bdlft {
	border-left: 1px solid #c3c3c3 !important
}

.innerbtntd {
	display: inline-block;
	padding-bottom: 10px
}

.circlebtn {
	width: auto
}

.clbtn a {
	display: flex;
	color: #fff;
	position: relative;
	z-index: 11;
	align-items: center;
	justify-content: center;
	transition: .5s;
	font-weight: 300;
	letter-spacing: 1.2px
}

.clbtn,
.news-project .circlebtn .clbtn {
	justify-content: center
}

.clbtn {
	background: #101748;
	display: inline-flex;
	color: #fff;
	border-radius: 100px;
	height: 110px;
	width: 110px;
	position: relative;
	border: none
}

.clbtn::before,
.sbr_brochure::before {
	transition: .85s;
	display: inline-block;
	content: "";
	position: absolute;
	border-radius: 100px;
	width: 0;
	box-sizing: border-box;
	left: 50%;
	top: 50%;
	height: 0
}

.dividborder,
.dividborderbtn {
	position: relative;
	border-top: 1px solid #c3c3c3;
	z-index: 1
}

.dividborder .centerbd,
.dividborderbtn .centerbd {
	width: 40px;
	height: 70px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: -35px;
	transform: translateX(-50%)
}

.dividborder .centerbd:after,
.dividborderbtn .centerbd:after {
	content: "";
	height: 30px;
	width: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #101748;
	transform: translate(-50%, -50%)
}

.flex-space {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	width: 100%
}

.flex-space .col-lg-6 {
	flex: 0 0 48%
}

.innerprojects,
.ratebg-wrapper {
	overflow: hidden;
	position: relative
}

.innerprojects a:after {
	content: '';
	position: absolute;
	background: rgb(0 0 0 / 24%);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.innerprojects img {
	width: 100%;
	-webkit-transition: .5s linear;
	transition: .5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.innerprojects:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1)
}

.innerprojects .plusicon,
.progrid-text {
	position: absolute;
	z-index: 1;
	transform: translate(-50%, -50%);
	left: 50%
}

.paddright {
	padding-right: 30px
}

.paddleft {
	padding-left: 30px
}

.innerprojects a {
	display: block;
	margin-bottom: -3px;
	position: relative
}

.actualImage {
	position: absolute;
	bottom: 2%;
	right: 2%;
	font-size: 8px;
	color: #fff;
	opacity: 1;
	z-index: 1
}

.innerprojects .plusicon {
	width: 50px;
	height: 50px;
	top: 50%
}

.innerprojects .plusicon .hoverbd {
	width: 50px;
	height: 50px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	opacity: 1;
	transition: .5s linear;
	-webkit-transition: .5s linear
}

.innerprojects .plusicon .hoverbd i {
	font-size: 1.5rem;
	color: #fff;
	margin-top: -1px
}

.innerprojects .plusicon .hoverbd img {
	width: 20px;
	height: 20px
}

.progrid-text {
	width: 100%;
	top: 63%;
	text-align: center
}

.progrid-text h4 {
	font-size: 1rem;
	color: #fff;
	font-weight: 400
}

.chairmanimg {
	width: 100%;
	overflow: hidden
}

.chairmanimg img {
	width: 100%;
	transition: .5s
}

.chairmanimg:hover img {
	transform: scale(1.05)
}

.chaimenrtextwrap {
	width: 100%;
	height: 100%;
	position: relative;
	padding-left: 50px
}

.chaimenrtextwrap img {
	margin-top: 160px;
	width: 80px;
	margin-bottom: 20px
}

.ch-namedetails {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50px
}

.ch-namedetails strong,
.modal-name strong {
	display: block;
	color: #101748;
	font-size: 1.2rem;
	margin-bottom: 10px;
	font-weight: 400
}

.newsimg {
	width: 100%;
	height: 150px;
	overflow: hidden
}

.newstextwrap span {
	display: block;
	font-size: 12px;
	color: #101748;
	opacity: .6;
	letter-spacing: 2px;
	margin-bottom: 8px
}

.newstextwrap h3 {
	font-size: 1.5rem;
	margin: 8px 0
}

.newseventsgrid .circlebtn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.newstextwrap a {
	color: #101748;
	font-weight: 400
}

.awards-img img {
	transition: .85s;
	transform: scale(1)
}

.awards:hover .awards-img img,
.news-project:hover .newsimg img,
.ratedbg:hover .rating-anime img {
	transform: scale(1.5)
}

.formdetails .form-group {
	margin-bottom: 25px
}

.bttn-txt,
.case-study p,
.formdetails .tabwdt>.form-group:first-child,
.t-line {
	margin-top: 10px
}

.formdetails form .form-control {
	border: none;
	padding: 15px 0 7px;
	border-bottom: 1px solid #959595;
	border-radius: 0;
	height: auto !important;
	font-size: 14px;
	color: #000;
	font-weight: 400;
	background: 0 0;
	letter-spacing: .5px
}

.form-control::-webkit-input-placeholder {
	color: #000 !important;
	font-size: 14px !important
}

.form-control:-ms-input-placeholder {
	font-size: 14px !important;
	color: #000 !important
}

.form-control::placeholder {
	font-size: 14px !important;
	color: #000 !important
}

.formdetails form .form-group textarea {
	padding: 28px;
	width: 100%;
	height: 100%;
	margin-top: 15px;
	font-size: 14px;
	border: 1px solid #c3c3c3;
	background: 0 0;
	color: #000 !important
}

.formdetails form .form-group textarea::placeholder {
	font-size: 14px !important;
	color: #000 !important
}

form#commentForm .form-group textarea {
	padding: 15px
}

.formdetails form .form-group.comm-textarea textarea {
	border-radius: unset;
	border: unset;
	border-bottom: 1px solid #959595;
	padding: 14px 1px 0;
	margin-top: 0
}

.discover_more_btn a {
	width: 100%;
	height: 198px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center
}

.discover_more_btn a div {
	width: 198px;
	height: 198px;
	border-radius: 100%;
	background: #fff;
	color: #101748;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s
}

.discover_more_btn a:hover div {
	background: #101748;
	color: #fff
}

.agree_text {
	margin-top: -6px
}

.submitbtn {
	position: absolute;
	right: -40px;
	bottom: 31px;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.investorbutenblk.submitbtn {
	bottom: -46px
}

.deb_submit button,
.submitbtn button {
	width: 100%;
	background: 0 0;
	border: none;
	outline: 0;
	color: #fff;
	text-align: center;
	z-index: 1
}

.checkwrapbox {
	width: auto;
	margin-top: -8px
}

.banner_in,
.inner-wrap {
	margin-top: 80px
}

.checkwrapbox .form-group,
.footbord .row,
.footbordright .row,
.mobileSliderfloor.slick-slider .slick-track,
.slider-nav .slick-track {
	margin: 0
}

.checkwrapbox .form-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer
}

.form-group .ckbox label {
	position: relative;
	cursor: pointer;
	font-size: 14px;
	color: #000;
	opacity: .8;
	left: -15px
}

.form-group .ckbox label span {
	opacity: .7;
	font-size: 12px;
	line-height: 1rem;
	padding-right: 1px
}

.form-group .ckbox label span a {
	display: inline-block;
	color: #101748;
	opacity: 1
}

.form-group .ckbox label:before {
	content: "";
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #101748;
	padding: 7px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px;
	opacity: 1;
	margin-top: -3px
}

.form-group .ckbox input:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 5px;
	width: 5px;
	height: 10px;
	border: solid #101748;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 1
}

.footbord,
.footbordright {
	border-right: 1px solid rgb(255 255 255 / 34%)
}

.footeraddress h5,
.footerbd,
.footernav h5 {
	border-bottom: 1px solid rgb(255 255 255 / 34%)
}

.inner-counter .counter-first,
.inner-counter .counter-second {
	border-right: 1px solid #c3c3c3
}

.footerform .form-group .ckbox label {
	left: 0
}

.margbottom {
	margin-bottom: 15px
}

#exampleFormControlSelect1 {
	appearance: none;
	-webkit-appearance: none;
	background: url(../images/down-arrow.svg) 99% 23px/11px no-repeat;
	color: #878787
}

.footerbd {
	width: 100%;
	border-top: 1px solid rgb(255 255 255 / 34%);
	z-index: 1;
	position: relative
}

.footbord {
	border-left: 1px solid rgb(255 255 255 / 34%);
	height: 100%
}

#content .tab-pane .card-body,
.footbord .col-lg-6,
.footbordright .col-lg-3,
.footbordright .col-lg-4,
.footbordright .col-lg-5,
.footbordright .col-lg-6,
.footbordright .col-md-6,
.select,
.sunteck_floor_popup_form .modal-header,
.tabs_media .nav-link {
	padding: 0
}

.footernav h5 {
	font-size: 1.1rem;
	color: #101748;
	display: block;
	padding: 20px 23px
}

.footernav ul {
	margin: 0;
	padding: 10px 0
}

.footernav ul li {
	display: block;
	line-height: 3;
	padding: 0 20px
}

.footer_tab ul li {
	padding: 0 23px 0 26px
}

.footer-Main::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/footer-_02.jpg);
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	filter: blur(1.9px)
}

.footer-Main::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to top, #000000a1, transparent);
	z-index: 1
}

.footernav ul li a {
	display: table-row;
	width: 100%;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #fff;
	opacity: .9;
	text-decoration: none;
	position: relative
}

.footeraddress a:after,
.footernav ul li a:after {
	content: "";
	position: absolute;
	right: 0;
	border: 0;
	width: 0%;
	background: #fff;
	height: 1px;
	bottom: 5px;
	transition: .5s ease-in-out
}

.footeraddress {
	width: 100%;
	padding-bottom: 12px
}

.footeraddress h5 {
	font-size: 1.1rem;
	color: #101748;
	display: block;
	padding: 20px 15px
}

.footer_tab strong {
	padding: 20px 26px
}

.footeraddress address {
	padding: 20px 15px 10px
}

.footeraddress address b {
	font-size: 12px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 400;
	display: block
}

.footeraddress a,
.footeraddress address p {
	font-size: 12px;
	font-weight: 300;
	color: #fff
}

.footeraddress address p {
	line-height: 2;
	opacity: 1
}

.footeraddress a {
	display: inline-block;
	line-height: 2.8;
	margin: 0 15px;
	position: relative
}

.mediaicon {
	width: 100%;
	height: 100%;
	border: 1px solid rgb(255 255 255 / 34%);
	border-bottom: 0
}

.mediaicon ul li a,
.mediaicon ul li a.clbtn {
	border-radius: 100px;
	width: 0;
	height: 0;
	background: #101748
}

.mediaicon ul {
	margin: 0;
	padding: 15px 22px
}

.mediaicon ul li {
	display: inline-block;
	margin-right: 15px
}

.mediaicon ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s
}

.mediaicon ul li a i {
	font-size: 14px;
	color: #fff;
	transition: .85s
}

.mediaicon ul li a.clbtn {
	display: inline-flex;
	color: #fff;
	padding: 1rem;
	position: relative;
	border: none;
	mix-blend-mode: difference
}

.mediaicon ul li a.clbtn::before {
	transition: .85s;
	display: inline-block;
	content: "";
	position: absolute;
	border-radius: 4rem;
	width: 0;
	box-sizing: border-box;
	z-index: -2;
	left: 50%;
	top: 50%;
	height: 0
}

.mediaicon ul li a.clbtn:hover::before {
	background: #fff !important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.footlogbord {
	width: 100%;
	height: 100%;
	border: 1px solid rgb(255 255 255 / 34%);
	border-bottom: 0;
	border-left: 0;
	padding: 11px;
	display: flex;
	align-items: center
}

.footlogbord .row {
	margin: 0;
	width: 100%;
	justify-content: space-between;
	align-items: center
}

.footerlogo,
.logo-thumb img {
	width: 120px
}

.dis-policy-nav ul li {
	display: inline-block;
	position: relative;
	margin-right: 30px;
	line-height: 1.8
}

.dis-policy-nav ul li span {
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	right: -15px;
	font-size: .65rem;
	font-weight: 100
}

.dis-policy-nav ul li a {
	display: table-row;
	width: 100%;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #fff;
	opacity: 1;
	text-decoration: none;
	position: relative
}

.copyrighttext {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
	position: relative
}

.copyrighttext p {
	font-size: .7rem;
	color: #fff;
	padding: 15px 0;
	font-weight: 300
}

.inner-wrap {
	height: calc(100vh - 83px)
}

.resi-pro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.resi-pro .resi-prolist {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	transition: 1s ease-in-out;
	max-width: 100%;
	overflow: hidden
}

.resi-pro .resi-prolist .gridbackg {
	position: relative;
	height: 100%
}

.resi-pro .resi-prolist .gridbackg .pro-head {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	position: absolute;
	bottom: 60px;
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	left: 30px;
	transition: .5s ease-in-out;
	height: auto
}

.resi-pro .resi-prolist .gridbackg h3,
.residential-box .card-caption h2 {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	transition: .5s ease-in-out;
	margin-bottom: 0
}

.prolist-caption {
	transition: .5s ease-in-out;
	position: absolute;
	bottom: 40px;
	left: 30px;
	right: 30px
}

.prolist-caption p {
	color: #fff;
	line-height: 1.4
}

.resi-pro .resi-prolist .gridbackg .prolist1 {
	height: 500px;
	background-image: url(../images/residential/Uber-Luxury1.webp);
	background-size: cover !important
}

.resi-pro .resi-prolist .gridbackg .prolist2 {
	height: 500px;
	background-image: url(../images/residential/Ultra-Luxury2.webp);
	background-size: cover !important
}

.resi-pro .resi-prolist .gridbackg .prolist3 {
	height: 500px;
	background-image: url(../images/residential/premium-luxury.webp);
	background-size: cover !important
}

.resi-pro .resi-prolist .gridbackg .prolist4 {
	height: 500px;
	background-image: url(../images/residential/aspirational-luxury.webp);
	background-size: cover !important
}

.resi-pro .resi-prolist .gridbackg .prolist5 {
	height: 500px;
	background-image: url(../images/residential/Marquee-Luxury3.webp);
	background-size: cover !important
}

.resi-pro .resi-prolist:hover {
	-webkit-flex-grow: 3;
	flex-grow: 3
}

.resi-pro .resi-prolist:hover .prolist-caption .row {
	transform: translate(0, 0);
	transition-delay: 250ms
}

.resi-pro .resi-prolist:hover .pro-head {
	opacity: 0;
	transition-delay: 250ms
}

.resi-pro .resi-prolist .gridbackg .pro-head img {
	transform: rotate(75deg);
	position: relative;
	left: -7px;
	top: -5px;
	width: 20px
}

.news-project .newstextwrap h3 {
	margin: 15px 0 10px
}

.news-project .circlebtn {
	position: absolute;
	z-index: 1;
	left: -46px;
	top: 0
}

.news-project .circlebtn .clbtn img {
	width: 16px
}

.circlebtn2 .clbtn {
	mix-blend-mode: inherit;
	width: 60px;
	height: 60px;
	transition: .5s ease-in-out;
	justify-content: center;
	cursor: pointer
}

.circlebtn2 .clbtn:hover::before {
	background: #000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.circlebtn2 .clbtn img,
.residential-box .card-caption .clbtn img {
	width: 16px;
	z-index: 1
}

.circlebtn2 .clbtn::before,
.clbtn {
	z-index: 1
}

.awards .awards-data {
	background: #fff;
	padding: 25px
}

.awards .awards-data h4 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	font-weight: 500
}

.commercialForm .countryContact .form-control,
.news-project .newstextwrap,
.sbr-form-head .countryContact .form-control,
.siform .countryContact .form-control,
.waterfront-form-head .countryContact .form-control {
	padding-left: 20px
}

.background-transparent,
.popup-content {
	background: #fff9f2 !important
}

.logo-project {
	width: 150px;
	position: relative;
	top: -6px
}

.prolist-caption .row {
	transition: .6s ease-in-out;
	transform: translate(0, 150%);
	align-items: center
}

#flip.tops,
.navigation .hamburger-menu .hamburger::before,
.resi-pro .resi-prolist.active .row {
	top: 0
}

.video-iframe iframe {
	width: 100%;
	height: 500px;
	margin-bottom: 30px
}

.video-thumbail {
	cursor: pointer;
	transition: 1s ease-in-out
}

.video-thumbail:hover {
	transform: scale(1.3)
}

#srch-term,
.slider-nav .slick-slide,
.thumbail2 {
	opacity: .5
}

.overflow-thumbnail .overflow img {
	overflow: hidden;
	object-fit: cover
}

.overflow-thumbnail p {
	margin-top: 14px
}

.overflow-thumbnail p.d-flex span {
	margin-right: 30px;
	line-height: inherit
}

.residential-box .card-body {
	height: 520px;
	background-size: cover !important;
	padding: 30px;
	position: relative;
	overflow: hidden;
	transition: 1s ease-in-out
}

.awards-box img,
.btn-line,
.btn-line:after,
.video-popup {
	transition: .4s ease-in-out
}

.residential-box .card-caption {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 30px;
	z-indeX: 1;
	text-align: left
}

.residential-box .card-caption h3 {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin: 6px 0;
	text-align: left;
	display: inline-block;
	opacity: .7
}

.residential-box .card-caption .clbtn {
	width: 60px;
	height: 60px;
	background: 0 0;
	border: 1px solid #fff;
	transition: .5s ease-in-out
}

.residential-box .card-caption .circlebtn {
	position: absolute;
	bottom: 30px
}

.residential-box .card-caption p {
	color: #fff;
	font-size: 16px;
	transform: translateY(32px);
	opacity: 0;
	transition: .5s ease-in-out
}

.residential-box a:hover .card-caption p {
	transform: translateY(10px);
	opacity: 1
}

.residential-box a:hover .card .clbtn {
	border: 1px solid #101748
}

.residential-box a:hover .card .clbtn::before {
	background: #101748;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.case-study .card:hover .overflow img,
.residential-box a:hover .card-body {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3)
}

.case-study h3 {
	font-size: 22px;
	line-height: 1.4
}

.btn-line {
	color: #101748;
	font-weight: 800;
	position: relative
}

.case-study .card-body,
.our-his-sathi.investor_zone .accordion .card-body {
	padding: 30px 20px
}

.btn-line:after {
	content: '';
	background: #bdbdbd;
	right: 0;
	bottom: -5px;
	width: 100%;
	height: 1px;
	position: absolute
}

.btn-line:hover:after {
	width: 0%
}

.inner-wrap video {
	height: 100vh !important;
	position: absolute;
	object-fit: cover !important
}

.amenity-img img,
.awards_img img,
.cr-sec.th img,
.residentialbanner img,
.s_item img,
.video_thumb {
	object-fit: cover
}

.case-study .card .overflow img,
.news-project .newsimg img {
	transition: 1s ease-in-out
}

.video-popup {
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	bottom: 30px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer
}

.video-popup:hover {
	background: #ff9500
}

.residential-box .card:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgb(0 0 0 / 24%)
}

.pb-6 {
	padding-bottom: 70px
}

.mission .mission-box>div {
	background-size: cover !important;
	height: 450px;
	position: relative;
	overflow: hidden
}

.mission .mission-box .mission-caption {
	background: #fff;
	max-width: 400px;
	position: absolute;
	bottom: 0;
	padding: 30px;
	transition: .5s ease-in-out;
	transform: translate(-280px, 300px)
}

.menu-open .navigation .menu-container .menu-info,
.mission .mission-box:hover .mission-caption {
	transform: translate(0, 0)
}

.mission .mission-box .mission-caption h2 {
	font-size: 27px;
	margin-bottom: 10px
}

.btn-file,
.mission .mission-box .mission-caption p {
	font-size: 14px
}

.leadership .leader-profile .overflow img {
	transition: .5s ease-in-out
}

.awards_img h4,
.leadership .leader-profile h4 {
	color: #101748;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 500
}

.leadership .leader-profile p {
	font-size: 12px;
	margin-top: 0;
	line-height: 1.4
}

.leadership .leader-profile {
	padding: 0 20px
}

.leadership .leader-profile .overflow .circlebtn {
	position: absolute;
	bottom: 20px;
	left: 20px;
	transform: translateY(30px);
	opacity: 0;
	transition: .5s ease-in-out
}

.leadership .leader-profile:hover .circlebtn,
.news-box:hover .circlebtn span {
	transform: translateY(0);
	opacity: 1
}

.border-right {
	border-right: 1px solid #c3c3c3 !important
}

.border-top {
	border-top: 1px solid #c3c3c3 !important
}

.awards-box:hover img,
.cr-sec:hover img,
.life_cuslture img:hover,
.news-box:hover img {
	transform: scale(1.2)
}

.awards-box p {
	margin: 0;
	padding: 22px;
	text-align: center;
	font-size: 22px;
	line-height: 1.2;
	color: #000;
	font-weight: 600
}

.corporate-wrapper {
	height: 660px;
	background-size: cover !important;
	background-position: center 80px !important
}

.corporate-wrapper .caption-corporate {
	background: #fff;
	padding: 30px;
	max-width: 520px;
	z-index: 1;
	margin-top: -90px
}

.inner-counter .counter-second,
.inner-counter .counter-third {
	padding-right: 70px;
	padding-left: 70px
}

.corporate-wrapper .caption-corporate h3 {
	font-size: 42px;
	line-height: normal;
	margin-bottom: 30px;
	letter-spacing: 2px;
	color: #000
}

.corporate-wrapper .caption-corporate .circlebtn {
	position: absolute;
	right: -50px;
	bottom: -40px
}

.pb-7 {
	padding-bottom: 145px
}

.counter-drop {
	padding: 20px 0
}

.counter-drop:after {
	content: '';
	position: absolute;
	top: 0;
	right: -14px;
	background: #101748;
	height: 1px;
	width: 30px
}

.inner-wrap .innerbannertext {
	width: 100%;
	height: calc(100vh - 83px);
	display: flex;
	justify-content: center;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 9;
	bottom: 130px
}

.inner-wrap .inner-wrap-caption .subtitle {
	font-size: 2.8rem;
	color: #fff;
	text-align: left;
	font-weight: 700;
	position: relative;
	margin-left: 4.4%;
	letter-spacing: 3px;
	margin-bottom: 6px;
	text-transform: uppercase
}

.inner-wrap .inner-wrap-caption {
	position: absolute;
	bottom: 127px;
	right: 0;
	left: 0;
	z-index: 9
}

sup {
	font-size: 11px
}

hr {
	margin: 40px 0
}

.contect_us hr {
	width: 70.5%
}

.contect_us h2,
.findyourh,
.secpad-top {
	margin-top: 40px
}

.banner_in h3,
.socialSideIcon ul li {
	margin-bottom: 12px
}

#media p,
.banner_in p {
	line-height: 1.6
}

.map iframe {
	width: 100%;
	height: 400px
}

.carrer-img {
	padding-right: 40px
}

.carrer-img .image-title {
	right: 70px
}

.career-post {
	border-bottom: 1px solid #c3c3c3;
	padding: 20px 0;
	margin-right: 20px
}

.career-post p {
	margin-bottom: 0;
	color: #000;
	opacity: 1;
	width: 80%
}

.career-post p span {
	color: #818181
}

.btn-file {
	cursor: pointer;
	padding-left: 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	outline: 0;
	background: #f46c21 !important;
	color: #fff !important;
	cursor: inherit;
	display: block
}

.btn-file .error {
	position: absolute;
	top: 45px
}

span.file-name {
	font-size: 12px;
	display: flex;
	margin: 0
}

.btn-file i {
	margin-right: 10px !important;
	color: #101748;
	border: 1px solid #101748;
	font-size: 15px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0
}

.media-relase span,
.news-box span {
	font-size: 12px;
	letter-spacing: 2px
}

.career-form button {
	border: none;
	background: 0 0;
	margin-top: 10px
}

.tabs_media .nav-link:hover {
	border: transparent;
	color: #495057
}

.tabs_media .nav-link,
.tabs_media ul li a {
	width: 200px;
	color: rgb(0 0 0 / 36%);
	border-right: 1px solid !important;
	border-radius: 0;
	font-weight: 700;
	background: 0 0;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	transition: .4s ease-in-out
}

.tabs_media ul li a {
	padding: 0 30px
}

.tabs_media .nav-link:last-child,
.tabs_media ul li:last-child a {
	border-right: none !important
}

.tabs_media ul li a.active {
	color: #495057
}

.tabs_media .nav-tabs {
	border-bottom: none
}

#content .tab-pane,
.tabs_media .nav-link.active,
.tabs_media .nav-link.focus {
	background: 0 0;
	border: transparent
}

.media-relase span {
	color: #101748;
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase
}

.media-relase:after {
	content: "";
	position: absolute;
	bottom: -1px;
	height: 1px;
	background: #000;
	width: 0;
	transition: .4s ease-in-out
}

.contect_us p a:hover,
.media-relase:hover .btn-line,
.regulation:hover a {
	color: #101748
}

.media-relase:hover .btn-line:after {
	width: 0
}

.news-box .cpation-news {
	position: absolute;
	bottom: 17px;
	left: 20px;
	right: 20px;
	z-index: 1
}

.clbtn-afer:after,
.csrbg::before,
.news-box .overflow:after {
	position: absolute;
	right: 0;
	content: ''
}

.news-box .overflow {
	margin-bottom: -3px
}

.news-box .overflow:after {
	bottom: 0;
	left: 0;
	height: 40px;
	background: linear-gradient(to bottom, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 0) 1%, rgba(4, 4, 4, .41) 1%, rgb(56 56 56 / 20%) 0, rgb(90 90 90 / 70%) 100%)
}

.news-box span {
	color: #fff
}

.news-box p {
	padding: 20px;
	font-size: 16px
}

.news-box .clbtn {
	height: 40px;
	width: 40px
}

.news-box .circlebtn span {
	background: #101748;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: flex;
	transition: .4s ease-in-out;
	padding: 18px;
	transform: translateY(24px);
	opacity: 0
}

.news-box .circlebtn span img {
	width: 10px
}

.news-box img {
	transition: .8s ease-in-out
}

.news-box,
.readacceptblk,
.video-box {
	margin-bottom: 30px
}

.video-box iframe {
	width: 100%;
	height: 200px
}

.video_thumb {
	width: 100%;
	height: 250px
}

.select {
	background-color: transparent;
	color: #000;
	display: block;
	border-radius: 0;
	cursor: pointer;
	border: none;
	width: 100px;
	margin-right: 0;
	margin-left: auto;
	border-bottom: 1px solid #b9b9b9
}

.csrbg,
.tab-pane .padt60 {
	padding-top: 30px
}

.clbtn-afer:after {
	height: 1px;
	background: #d4cfc9;
	width: 100%;
	bottom: 0;
	margin: auto;
	top: 0;
	z-index: 0
}

.showmorwbtn {
	position: absolute;
	left: 50%;
	width: auto;
	z-index: 22;
	bottom: -180px;
	padding: 30px;
	border-radius: 100px;
	transform: translateX(-50%)
}

.showm .btn-line {
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
	color: #101748
}

.rt-filter .form-control {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #000;
	border-radius: 0;
	padding-left: 0
}

.rt-filter .form-control:focus {
	box-shadow: none
}

.search_cont svg {
	position: absolute;
	right: 31px;
	top: 7px;
	cursor: pointer
}

.search_cont svg .in-s {
	fill: none;
	stroke: #000
}

.ui-group {
	max-width: 1170px;
	margin: 48px auto 0
}

select:focus {
	outline: 0 !important;
	box-shadow: none !important
}

.media-flt {
	margin-bottom: 20px
}

.media-flt .form-inline div::after {
	position: absolute;
	right: 12px;
	top: 12px;
	height: 22px;
	width: 1px;
	background: #b1aeae;
	content: ''
}

.t-line span {
	margin-left: 0 !important
}

#awards_recog .item:nth-child(10),
#awards_recog .item:nth-child(11),
#awards_recog .item:nth-child(12),
#awards_recog .item:nth-child(4),
#awards_recog .item:nth-child(5),
#awards_recog .item:nth-child(6),
#awards_recog .item:nth-child(7),
#awards_recog .item:nth-child(8),
#awards_recog .item:nth-child(9),
.awards_main .row .col-lg-4,
.csrbg,
.footerform .form-group,
.iconslider,
.show-more-outer,
.showHidebtn {
	margin-top: 30px
}

.csrbg::before {
	background: url(../images/comma.svg) center top no-repeat;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	margin: 0 auto;
	opacity: .2
}

.csrbg h5 {
	font-size: 1.5rem;
	text-align: center;
	z-index: 1;
	line-height: 2.5rem;
	letter-spacing: 1.5px
}

.csr_box {
	border: 1px solid #ccc
}

.csr_content {
	padding: 25px
}

.csr_content span {
	font-size: 12px;
	opacity: .6;
	letter-spacing: 2px
}

.csr_content h3 {
	font-size: 1.3rem;
	font-weight: 400;
	color: #000
}

#popup1 .modal_popup_description,
.abtimg-sec,
.awards-wrapper,
.case-study .card,
.formImg_sub,
.luxurybanner .container,
.luxurybanner .row,
.more_box.open::before,
.trans-bg-color-green:hover:after {
	height: 100%
}

.case-study .c_sm {
	font-size: 14px;
	margin-top: 0
}

.cr-sec,
.life_cuslture {
	position: relative;
	overflow: hidden
}

.cr-cont {
	overflow: hidden;
	padding: 10px;
	transition: .5s;
	position: absolute;
	bottom: 10px;
	transform: translateY(62px);
	height: 90px
}

.cr-cont h5 {
	color: #101748;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
	display: inline-block
}

.cr-cont p {
	line-height: 1;
	color: #fff;
	opacity: 1;
	font-size: 14px
}

.cr-sec:hover .cr-cont {
	transform: translateY(0)
}

.cr-sec img {
	transition: 1s;
	display: block
}

.cr-sec.th img {
	height: 200px
}

.ls-slide .slick-list {
	margin: 0 -20px
}

.ls-slide .l_item {
	margin: 0 20px
}

.controler .clbtn {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	cursor: pointer;
	left: -12px;
	transform: translateY(-50%)
}

.controler .clbtn span {
	position: relative;
	z-index: 1
}

.controler .next-arrow {
	left: auto;
	right: -12px
}

.grid {
	margin: 56px auto 0;
	padding: 0;
	display: flex;
	list-style-type: none;
	height: auto !important
}

.accordion,
.contact_ph,
.debenture_form,
.foodbevragestwo {
	margin-top: 25px
}

.grid>li {
	width: calc(100% / 3);
	overflow: hidden
}

.filters {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center
}

.grid li img {
	max-width: 100%;
	border-radius: 10px
}

.filters button {
	padding: 0 25px;
	margin: 0 5px;
	border: none;
	background: 0 0;
	border-radius: 0;
	transition: 150ms;
	color: #000;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	opacity: .5;
	position: relative;
	outline: 0;
	cursor: pointer;
	border-right: 1px solid #0000004a;
	letter-spacing: 1px
}

.filters button:last-child {
	border-right: 0
}

.agent_add li:nth-child(2),
.agent_add li:nth-child(3) {
	border-right: 1px solid #0000002b
}

.filters button.is-checked {
	background-color: unset;
	color: #000;
	opacity: 1
}

.element-item>div {
	padding: 20px 15px;
	background-color: #121212;
	color: #ddd
}

.element-item p {
	font-size: 18px;
	line-height: 24px;
	font-family: Lato, sans-serif
}

.resi-prolist .sub_tag {
	margin: 10px 0
}

.investor_zone .accordion .btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #4e4d50;
	text-decoration: none;
	height: 70px;
	padding: 0;
	font-size: 18px;
	text-align: left
}

.investor_zone .accordion .btn-link:hover {
	color: #4e4d50;
	text-decoration: none
}

.investor_zone .accordion .card {
	background-color: #fff0;
	border: none;
	border-radius: unset
}

.investor_zone .accordion .card .card-header {
	background-color: rgb(255 255 255 / 0%);
	padding: 0;
	height: 70px;
	margin: revert;
	position: relative
}

.investor_zone .accordion .card .card-header::after {
	content: '';
	left: 0;
	position: absolute;
	bottom: 0;
	height: 1px;
	transition: .5s ease-in-out;
	width: 0;
	background: #b7d169
}

.investor_zone .accordion .btn[aria-expanded=true] {
	color: #ff9500
}

.esgcolortext .accordion .btn[aria-expanded=true] {
	color: #b7d169 !important
}

.investor_zone .accordion .btn[aria-expanded=false] .plus,
.investor_zone .accordion .btn[aria-expanded=true] .minus {
	display: block;
	width: 20px
}

.investor_zone .accordion .btn[aria-expanded=false] .minus,
.investor_zone .accordion .btn[aria-expanded=true] .plus {
	display: none;
	width: 20px
}

.investor_zone .accordion .card-body {
	padding: 1.25rem 0 0
}

.awards_main .form-control,
.investor_zone .accordion .form-control {
	border: none;
	padding: 15px 0 7px;
	border-bottom: 1px solid #c3c3c3;
	border-radius: 0;
	height: auto !important;
	font-size: 14px;
	color: #000;
	font-weight: 400;
	background: 0 0;
	letter-spacing: .5px
}

.select_data {
	text-align: right;
	text-align: -webkit-right
}

.financial_result_sheet {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 13px
}

.financial_result_sheet img {
	width: 25px
}

.financial_result_sheet p {
	margin-left: 25px;
	font-size: 14px
}

.investor_zone .accordion .inner_btn {
	color: #000;
	font-size: 16px
}

.investor_zone .accordion .inner_btn .minus,
.investor_zone .accordion .inner_btn .plus {
	width: 15px !important
}

.investor_zone .table th,
.qter_hd {
	padding: 12px;
	background: #101748;
	color: #fff;
	text-align: center
}

.investor_zone .table td {
	vertical-align: middle;
	padding: 5px 0;
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, .125) !important
}

.debenture_form {
	border-bottom: 1px solid #dfdad4;
	padding-bottom: 30px
}

.details_deb {
	line-height: 23px;
	color: #000;
	margin-bottom: 30px;
	font-size: 16px
}

.contact_info a {
	color: #4e4d50
}

.deb_address li {
	line-height: 1.2rem
}

.form-control:focus,
.submitform .btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: unset
}

.investor_zone .accordion .deb_form .form-control {
	padding: 15px 0
}

#sidebar,
.club-caption,
.invertor_address,
.sbr_brochure,
.show-more-inner,
.showHidebtn,
.social p i {
	text-align: center
}

.invertor_address p {
	margin-bottom: 0;
	color: #000;
	line-height: 2rem;
	opacity: 1
}

.invertor_address ul {
	margin-top: 12px
}

.invertor_address ul li {
	line-height: 1.7rem;
	font-size: 16px;
	color: #707070
}

.invertor_address ul li a {
	color: #707070;
	transition: .5s
}

.invertor_address p.content_clr {
	color: #707070;
	line-height: 20px;
	padding: 20px 0 15px;
	font-size: 16px
}

.invertor_address .add_btm {
	position: relative;
	height: 100%;
	padding-bottom: 20px
}

.invertor_address .add_btm:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #0000002b;
	left: 0
}

.invertor_address ul.agent_add {
	display: flex;
	justify-content: center;
	margin-top: 15px
}

.invertor_address ul.agent_add li {
	padding: 0 10px;
	line-height: 12px
}

.agent_add li:nth-child(2) {
	border-left: 1px solid #0000002b
}

.regulation {
	width: 200px;
	margin: auto
}

.regulation img {
	transform: rotate(132deg)
}

.investor_banner_main {
	background: url(../images/contact-banner.webp) no-repeat
}

.awardsBanner {
	background: url(../images/awardsBanner.webp) no-repeat
}

.aboutUsBanner {
	background: url(../images/about-page-banner-image-desktop.jpg) no-repeat;
}

@media (max-width: 767px) {
    .aboutUsBanner {
        background: url(../images/aboutmbbanner.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        height: calc(100vh - 83px); /* Adjust height for mobile view */
    }
}

.d-flex .subtwo {
	padding-left: 20px !important
}

.error {
	color: red;
	font-size: 12px
}

.investor_zone .investor_collapse {
	padding: 0 10px
}

header.bgcolor .navbar {
	border-bottom: unset
}

header.bgcolor .navbg #main-nav .topnav ul li span {
	background: unset;
	color: #000 !important
}

header.bgcolor .navbg #main-nav .nav-luxury .topnav ul li span {
	color: #fff !important
}

.header.bgcolor::after {
	content: "";
	position: absolute
}

.luxurybanner .innerbannertext .d-flex {
	flex-direction: column;
	align-items: center;
	width: 220px;
	margin-bottom: 3.8rem
}

.skyparkBanner .innerbannertext .d-flex {
	width: 185px;
	margin-bottom: 0;
	margin-top: 2rem
}

.luxurybanner .innerbannertext .gilbirdlogo {
	width: 140px;
	margin-bottom: 2.5rem
}

.luxurybanner .innerbannertext .subtitle {
	line-height: 4rem;
	letter-spacing: 3.5px;
	font-size: 60px;
	font-weight: 300
}

.luxurybanner .innerbannertext .subtitle span {
	letter-spacing: 7px
}

.luxurybanner .innerbannertext .subsm {
	line-height: 74px;
	letter-spacing: 4px;
	font-size: 2.5rem;
	font-weight: 400;
	color: #fff
}

.uper-txt {
	margin-bottom: -3px;
	margin-left: 86px
}

.uper-txt img {
	margin-right: 3px
}

.luxurybanner {
	margin-top: 83px;
	height: calc(100vh - 83px);
	background-size: cover !important
}

.live-count {
	font-size: 45px;
	color: #dc882a;
	width: 66px
}

.live-extra {
	width: 113px
}

.extradiv-main {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 30px 0 0
}

.extra-live {
	border-bottom: .75px solid #7a7a7a;
	width: 50%;
	padding: 0 0 25px;
	display: flex;
	align-items: center;
	margin-top: 25px
}

.extra-live:first-child,
.extra-live:nth-child(3) {
	border-right: .75px solid #7a7a7a
}

.extra-live p {
	line-height: 23px
}

.extra-live-down {
	width: 50%;
	padding-top: 25px
}

.extra-live-down-2 {
	padding-left: 106px
}

.aboutbanner {
	height: 555px
}

.amenity-img {
	padding-bottom: 10px;
	position: relative
}

.amenity-img img {
	width: 100%;
	max-height: 100%;
	height: 450px
}

.amenity-img p {
	position: absolute;
	bottom: 32px;
	background: #fff;
	left: 5%;
	opacity: 1
}

.aminity-sec {
	background: url(../images/forest/BG-Leaf.jpg) 0 0/cover no-repeat;
	overflow: hidden;
	padding: 60px 0 60px 50px
}

.anenity-slider .galleryslider-btn.next-btn {
	right: 100px;
	z-index: 9
}

.scale-view {
	transform: scale(.8);
	transition: 1s ease-in-out
}

.amenity-img.slick-slide.slick-current.slick-active.slick-center .scale-view {
	transform: scale(1)
}

.bgloc {
	background: #2a3f40;
	padding: 40px
}

.bgloc.oneWorldbg {
	background: #457b9d
}

.bgloc.westworldbg {
	background: #6c584c
}

.bgloc.maxxWorldbg {
	background: #5e6472
}

.bgloc h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 400;
	line-height: 54px;
	margin-top: -15px
}

.foodbevrages p {
	color: #fff;
	margin: 0;
	line-height: 22px
}

.locationslider ul li {
	list-style: none;
	padding-top: 12px;
	color: #fff
}

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

.loc-line {
	width: 100%;
	height: 1px;
	background: #fff;
	margin: 12px 0
}

.locationslider .slick-dots {
	bottom: -37px;
	text-align: left
}

.galleryslider-btn:hover svg #Line_21,
.galleryslider-btn:hover svg #Path_145 {
	stroke: #101748;
	stroke: #fff
}

.galleryslider-btn {
	position: absolute;
	top: 50%;
	width: 80px;
	height: 80px;
	background: #101748;
	border: 1px solid #101748;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	cursor: pointer;
	transform: translateY(-45px)
}

.galleryslider-btn:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	height: 0%;
	background: #101748;
	border-radius: 50%;
	transition: .5s
}

.galleryslider-btn.prev-btn svg {
	z-index: 2;
	transform: rotate(226deg)
}

.galleryslider-btn svg,
.our-journey .galleryslider-btn.prev-btn svg {
	z-index: 2;
	transform: rotate(45deg)
}

.galleryslider-btn.prev-btn {
	left: 12px
}

.galleryslider-btn.next-btn {
	right: 183px
}

.floorpln-img {
	border: 1px solid #858585;
	padding: 10px;
	height: 200px
}

.floorplan-wrap strong {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600
}

.aw_cont h3,
.esgbanner .fl-1,
.esghead,
.imgtitle strong,
.luxuryh2,
.more_box h3,
.moretext h4,
.reachustext address b,
.saathi_sec h3 {
	font-weight: 400
}

.floorone {
	padding-right: 7.5px
}

.floorthree,
.floortwo {
	padding: 0 7.5px
}

.floorfour {
	padding-left: 7.5px
}

.footerform {
	background: #f3ede6
}

.footerform .form-control {
	border: unset;
	border-radius: unset;
	border-bottom: 1px solid #999;
	padding-left: 0;
	background: 0 0
}

.footerform .form-control:focus {
	color: unset;
	background-color: unset;
	border-color: unset
}

.submitform .btn,
.submitform .btn-primary:not(:disabled):not(.disabled):active {
	background: #101748;
	border-color: #101748
}

.footerform .textheading {
	line-height: 3rem;
	margin-bottom: 20px
}

.form input::-webkit-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #000
}

.form input::-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #000 !important
}

.form input:-ms-input-placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #000 !important
}

.form input::-moz-placeholder {
	opacity: 1;
	font-size: 16px;
	font-weight: 400;
	color: #000 !important
}

.form input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #000 !important
}

.submitform {
	text-align: end
}

.submitform .btn {
	margin: 0 auto;
	padding: 7px 40px;
	border-radius: unset
}

.luxuryh2 {
	font-size: 60px;
	letter-spacing: 1px
}

.location-advantage-content {
	padding: 0 1px
}

.about-content p {
	color: #7a7a7a
}

.foresthd {
	top: unset;
	bottom: 20%
}

.rera-number {
	background: #fff5eb;
	padding: 6px 0;
	margin-top: -1px
}

.rera-number p {
	color: #000 !important;
	font-size: 14px !important
}

.socialSideIcon {
	position: fixed;
	top: 30%;
	height: auto;
	right: 0;
	width: auto;
	border: unset;
	z-index: 99
}

.socialSideIcon ul {
	display: flex;
	flex-direction: column;
	width: fit-content
}

#forestform {
	padding: 28px 57px 0;
	height: 100%
}

.waterfront-form-head #forestform {
	padding: 15px 57px 0
}

.forestSubmitbtn {
	position: static;
	margin-top: 26px;
	margin-left: 0;
	justify-content: left
}

.footerform #message {
	width: 100%;
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #999;
	line-height: 13px
}

.abtimg-sec img,
.formImg_sub img,
.our_pillar_wrapper .ourPillarImage .OurPillarsImg {
	height: 100%;
	object-fit: cover
}

.liveextra-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: #1c2b2b;
	animation-name: width-lr;
	animation-duration: 1.2s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
	animation-direction: normal;
	animation-delay: .3s
}

.formdetails form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/Arrowsunteck.svg) 0 0/15px no-repeat;
	background-position-x: 100%;
	background-position-y: 20px
}

.comm_newevet1,
.sunteck_floor_popup_form .agree_text {
	margin-top: 0
}

.comm_newevet2 {
	margin-top: 100px
}

.com_news h2 {
	margin-bottom: 53px
}

.awards-img img {
	height: 166px
}

.blog-banner {
	background: url(../images/project-page-banner--image.jpg) no-repeat;
	height: 555px
}

.aboutbanner {
	background: url(../images/about-banner.jpg) no-repeat
}

.contactusbanner {
	background: url(../images/contact-page-banner--image.jpg) no-repeat;
	position: relative
}

.contactusbanner:after {
	content: "";
	position: asolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, #000000c9, transparent);
	width: 100%;
	height: 100%
}

.csrBanner {
	background: url(../images/CSR-Banner.webp) no-repeat
}

.careerBanner {
	background: url(../images/careerpagebanner.png) center no-repeat;
	background-size: cover !important
}

.shanthikaBanner {
    background: url(../images/geosminbanner.png) center no-repeat;
    background-size: cover !important;
}

.life_cuslture img {
	width: 100%;
	transition: .85s;
	transform: scale(1)
}

.imgtitle {
	width: 100%;
	padding: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(230, 230, 230, 0) 0, rgb(230 230 230 / 0) 1%, rgb(4 4 4 / 32%) 39%, rgb(21 21 21 / 39%) 64%, rgb(36 36 36) 100%)
}

.imgtitle strong {
	font-size: 18px;
	color: #fff
}

.insta_logo {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.insta_logo i {
	font-size: 60px;
	color: #fff;
	opacity: 0;
	transition: opacity .5s
}

@media (max-width:1920px) {
	.liveextra-slide {
		animation-name: width-lr
	}
}

@media (min-width:1920px) {
	.liveextra-slide {
		width: 40%;
		animation-name: width-lrmax
	}
}

@-webkit-keyframes width-lr {
	0% {
		opacity: 0;
		width: 0
	}

	100% {
		width: 21%
	}
}

@keyframes width-lr {
	0% {
		opacity: 0;
		width: 0
	}

	100% {
		width: 21%
	}
}

@keyframes width-lrmax {
	0% {
		opacity: 0;
		width: 0
	}

	100% {
		width: 40%
	}
}

@media (max-width:767px) {
	.tabs_media ul li a {
		padding: 0 15px
	}

	.rera-number p {
		font-size: 12px !important
	}

	.awardsBanner {
		background: url(../images/awardsMobileBanner.webp) no-repeat
	}

	.ul-list li {
		font-size: 14px !important;
		line-height: 1.8 !important
	}

	.com_news h2 {
		margin-bottom: 31px
	}

	.awards-img img,
	.discover_more_btn a {
		height: auto
	}

	.filters button {
		padding: 5px 12px;
		margin: 5px;
		font-size: 12px;
		line-height: .2rem
	}

	.grid>li {
		width: calc(100% - 0px)
	}

	.element-item p {
		font-size: 16px;
		line-height: 22px
	}

	.contect_us h2 {
		margin-top: 0
	}

	.discover_more_btn a div {
		width: 52px;
		height: 52px;
		font-size: 10px;
		text-align: center
	}
}

.our_pillar_container .our_pillar_wrapper {
	margin: 60px 0 87px;
	height: 515px
}

.our_pillar_wrapper .ourPillarImage {
	position: absolute;
	width: 100%;
	height: 100%
}

.our_pillar_container .our_pillar_wrapper .row {
	align-items: center;
	justify-content: center;
	margin-top: 70px;
	position: relative;
	z-index: 1
}

.our_project_details {
	margin: 0 20px;
	padding: 20px;
	background: #101748;
	width: 207px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.esgbanner .flexgrow .line_animation2,
.our_pillar {
	display: inline-block
}

.our_project_details p,
.our_project_details span {
	color: #fff;
	font-size: 15px;
	opacity: 1
}

.our_project_details span,
.signature_project_in .luxuryh2 {
	font-size: 45px
}

.our_pillar {
	background: #fff;
	padding: 30px;
	margin: -60px 0 0 80px;
	z-index: 1;
	position: relative
}

.our_pillar ul li {
	padding: 20px 0;
	border-bottom: 1px solid #00000052;
	letter-spacing: .2px;
	position: relative
}

.our_pillar ul li::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0%;
	height: 2px;
	background: #101748;
	transition: width .8s
}

.our_pillar h2 {
	margin-bottom: 12px;
	line-height: 3rem
}

.more_box h3,
.moretext h4 {
	margin-bottom: 20px
}

.chairmen_msg,
.modal_popup_description {
	height: 250px;
	overflow-y: scroll;
	padding-right: 15px
}

.chairmen_msg::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #f5f5f5
}

.chairmen_msg::-webkit-scrollbar {
	width: 2px;
	background-color: #f5f5f5
}

.chairmen_msg::-webkit-scrollbar-thumb {
	background-color: #000;
	border: 1px solid #101748
}

.chairmen_msg.esgChairman::-webkit-scrollbar-thumb {
	border: 1px solid #b7d169
}

.rating-anime {
	position: relative;
	display: inline-flex
}

.rating-anime img {
	width: 20px;
	height: 20px;
	transform: scale(1);
	transition: .5s
}

.navbg .searchbtn span.searchEsg {
	background: #b7d169 !important
}

.awards_img img {
	width: 100%;
	height: 100%;
	transition: .5s
}

.awards_cont .row {
	padding-top: 10px
}

.awards_description a {
	color: #101748;
	position: relative;
	font-size: 16px;
	display: inline-block;
	padding-bottom: 3px
}

.awards_description a::after {
	content: "";
	width: 100%;
	height: 1.5px;
	background: #dbd8d3;
	position: absolute;
	bottom: -1px;
	left: 0;
	transition: .8s
}

.awards_description a:hover::after,
.ratedbg h2:hover::after {
	width: 0%;
	right: 0;
	left: unset
}

.modal {
	padding-right: 0 !important
}

.modal-dialog {
	max-width: 60%
}

.modal-dialog-slideout {
	min-height: 100%;
	margin: 0 0 0 auto;
	background: #fff
}

.modal.fade .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(100%, 0) scale(1);
	transform: translate(100%, 0) scale(1)
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	display: flex;
	align-items: stretch;
	-webkit-box-align: stretch;
	height: 100%
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
	overflow-y: auto;
	overflow-x: hidden
}

.modal-dialog-slideout .modal-content,
.sathi_img .galleryslider-btn:hover {
	border: 0
}

.modal-dialog-slideout .modal-footer,
.modal-dialog-slideout .modal-header {
	height: 4rem;
	display: block
}

.modal-name {
	width: 100%;
	bottom: 5%
}

.esgbanner {
	background: url(../images/esg/esgbanner.webp) no-repeat;
	background-size: cover !important
}

.esghead {
	font-size: 50px
}

.esgbanner .flexgrow {
	display: flex;
	flex: 1 0 100%
}

.esg_comm::before {
	content: '';
	background: rgba(0, 0, 0, .2);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0
}

.sbr-intro .vd-iframepl .video-play-button,
.vd-iframepl .video-play-button,
.vd-iframepl .video-play-button-frm,
.video-play-button-s {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-55%);
	transform: translateX(-50%) translateY(-55%);
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	border-radius: 50%
}

.video-play-button-s span {
	color: #10100f;
	z-index: 9;
	font-size: 12px;
	white-space: nowrap
}

.vd-iframepl .video-play-button span i,
.vd-iframepl .video-play-button-frm span i,
.video-play-button-s span i {
	font-size: 26px;
	color: #595959;
	position: relative;
	top: 4px
}

.vd-iframepl .video-play-button-frm::before,
.vd-iframepl .video-play-button::before,
.video-play-button-s::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #fff9f2;
	border-radius: 50%;
	-webkit-animation: 1.5s ease-out infinite pulse-border;
	animation: 1.5s ease-out infinite pulse-border
}

.vd-iframepl .video-play-button-frm::after,
.vd-iframepl .video-play-button::after,
.video-play-button-s::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #fff9f2;
	border-radius: 50%;
	-webkit-transition: .2s;
	transition: .2s
}

.aw_img,
.moretext::before {
	width: 0;
	position: absolute
}

.env-pilar,
.gov-pilar,
.more_box,
.sc-pilar {
	transition: 1s
}

.showbtn:hover::after,
.showbtn:hover::before,
.vd-iframepl .video-play-button-frm:hover:after,
.vd-iframepl .video-play-button:hover:after,
.video-play-button-s:hover:after {
	background-color: #fff
}

@-webkit-keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

.aw_img,
.showbtn:before {
	transform: translate(-50%, -50%)
}

.su_chk {
	background: url(../images/Sustainbility-at-Sunteck2.webp) center center/cover no-repeat;
	height: 700px
}

.su_chk .chairmen_msg {
	height: 400px
}

.caption_su {
	max-width: 520px;
	padding: 30px
}

.cap_btm {
	display: flex;
	height: 100%;
	align-items: flex-end;
	justify-content: flex-end
}

.env-pilar {
	background: url(../images/esg/envbg.webp) center center/cover no-repeat !important
}

.sc-pilar {
	background: url(../images/esg/Social-Pillar-Long.webp) center center/cover no-repeat !important
}

.gov-pilar {
	background: url(../images/esg/govbg.webp) center center/cover no-repeat !important
}

.env-pilar.open,
.gov-pilar.open,
.sc-pilar.open {
	background-size: cover !important;
	height: 100%;
	transition: height 1s
}

.more_box {
	padding: 30px 30px 70px;
	min-height: 250px
}

.more_box .circlebtn {
	position: absolute;
	bottom: -30px;
	left: 40px
}

.more_box h3 {
	font-size: 28px;
	color: #fff
}

.moretext {
	display: none;
	padding-top: 20px;
	margin-top: 20px
}

.moretext::before {
	content: '';
	top: 0;
	left: 0;
	background: #ffffff7a;
	height: 1px;
	transition: .5s ease-in-out
}

.bl_boxes li:hover,
.esg_comm,
.saathi_sec .col-sm-6:hover h3,
.showbtn .clbtn {
	background: #b7d169
}

.more_box.open .moretext::before {
	width: 100px
}

.moretext h4 {
	color: #fff;
	font-size: 20px
}

.more_box li,
.more_box p {
	color: #fff;
	opacity: .7;
	margin-bottom: 8px
}

.more_box li {
	padding-left: 15px;
	line-height: 2
}

.more_box li::before {
	content: '•';
	color: #b7d169;
	position: absolute;
	left: 0;
	top: 0
}

.showbtn .clbtn {
	width: 75px;
	height: 75px;
	cursor: pointer
}

.showbtn.active:before {
	transform: translate(-50%, -50%) rotate(-90deg);
	opacity: 0
}

.showbtn.active:after {
	transform: translate(-50%, -50%) rotate(0)
}

.showbtn:after,
.showbtn:before {
	content: "";
	display: block;
	background-color: #333;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .35s;
	width: 25px;
	height: 2px;
	z-index: 2
}

.showbtn:after {
	transform: translate(-50%, -50%) rotate(90deg)
}

.more_box::before {
	content: '';
	background: #00000057;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s
}

.esgacc .minus,
.esgacc .plus {
	margin-left: auto
}

.esgacc button span {
	font-size: 25px;
	min-width: 250px
}

.esgpage .investor_zone .accordion .btn[aria-expanded=true] {
	color: #b7d169
}

.esgpage .investor_zone .table td {
	border-bottom: 1px solid rgba(0, 0, 0, .125) !important
}

.brtop {
	border-top: 1px solid rgba(0, 0, 0, .125)
}

.bl_boxes ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 !important
}

.bl_boxes li {
	width: 32.5%;
	border: 1px solid #b7d169;
	text-align: center;
	margin-top: 15px;
	padding: 50px;
	transition: .5s;
	list-style: none !important
}

.bl_boxes li p {
	color: #000;
	opacity: .7
}

.esgacc .card-header {
	padding: 15px 0 !important;
	height: auto !important
}

.esgacc ul {
	padding-left: 18px
}

.esgacc li {
	font-size: 16px;
	color: #000;
	opacity: 1;
	margin-bottom: 8px;
	list-style: disc
}

.esg-committee-content {
	padding: 100px 10px 100px 0
}

.esg-committee-para {
	height: 380px;
	overflow-y: scroll;
	padding-right: 15px
}

.esg-committee-para::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .8);
	background-color: #fff
}

.esg-committee-para::-webkit-scrollbar {
	width: 2px;
	background-color: #fff
}

.esg-committee-para::-webkit-scrollbar-thumb {
	background-color: #fff;
	border: 2px solid #fff
}

.esg_comm p {
	color: #fff;
	opacity: .7
}

.ratedbg {
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center
}

.ratebg-wrapper .rateImg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: .8s
}

.awards-wrapper-img:hover img,
.ratebg-wrapper:hover .rateImg {
	transform: scale(1.1)
}

.ratebg-wrapper .ratedbg h2::after {
	content: "";
	width: 100%;
	height: 1.5px;
	background: #dbd8d3;
	position: absolute;
	bottom: -4px;
	left: 0;
	transition: .8s
}

.awards_sec .h_img {
	text-align: center;
	padding: 100px 15px 15px;
	position: relative;
	min-height: 300px;
	display: flex;
	justify-content: center
}

.aw_img {
	height: 0;
	left: 50%;
	top: 50%;
	transition: .5s;
	filter: brightness(.6)
}

.aw_cont {
	position: relative;
	transition: .5s
}

.aw_cont h3 {
	font-size: 25px;
	margin-bottom: 15px
}

.investor_bld {
	font-weight: 600
}

.testimonial .testimonial_user {
	display: none;
	margin-top: 40px;
	transition: .5s
}

.testimonial_wrapper:hover img {
	transform: scale(1.4)
}

.testimonial .testimonial_user:hover .card-body,
.testimonial_wrapper img {
	transition: .5s
}

.testimonial_wrapper .card {
	border: none;
	background-color: transparent
}

.playbtn_sathi,
.playbutton-utube {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.testimonial .testimonial_user .card-body {
	padding: 15px 0;
	background: 0 0;
	transition: .5s;
	margin-top: -2px;
	height: 70px
}

.mediaVideo .card-body p,
.testimonial .testimonial_user .card-body p {
	opacity: 1;
	line-height: initial
}

.residentialSlider.slick-dotted.slick-slider {
	margin-bottom: 0;
	z-index: 1;
	height: 100%
}

.residentialSlider .slick-dots li button:before {
	font-size: 26px;
	color: #101748
}

.residentialSlider .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #101748
}

.residentialSlider .slick-dots li.slick-active {
	border: 1px solid #101748;
	border-radius: 50%
}

.residentialSlider .slick-dots {
	bottom: 25px
}

.ab_chmsg {
	height: 450px
}

.tp-pos {
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 30px
}

.sathi_img .galleryslider-btn {
	width: 50px;
	top: 55%;
	height: 50px;
	background: #b7d169
}

.sathi_img .galleryslider-btn.prev-btn {
	left: 15px
}

.sathi_img .galleryslider-btn.next-btn {
	right: 15px
}

.sathi_img .slick-dots li button {
	border: 1px solid #101748 !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50%
}

.sathi_img .slick-dots li button::before {
	font-size: 20px !important;
	line-height: 20px !important;
	width: 20px !important;
	height: 20px !important;
	color: #101748 !important
}

.sathi_img .slick-dots {
	bottom: -50px
}

.sunteck_environmental {
	padding-bottom: 100px
}

.saathi_sec {
	background-color: #f1ece6
}

.saathi_sec .sathiLogo {
	width: 200px;
	margin: 0 auto 30px
}

.saathi_sec h3 {
	font-size: 17px;
	background: #000;
	color: #fff;
	padding: 15px;
	transition: .3s
}

.saathi_sec .galleryslider-btn {
	border: 1px solid #b7d169
}

.print-word {
	display: inline-block;
	opacity: 0
}

.awards_img p {
	font-size: 12px;
	margin-top: 5px;
	line-height: 1.4
}

.disclamer p a,
.ul-list li {
	font-size: 17px;
	margin-bottom: 1rem;
	font-weight: 400
}

.resComhd .headingmain {
	width: 78%;
	margin: 0 auto 30px
}

.ul-list {
	padding-left: 20px;
	margin-bottom: 40px
}

.ul-list li:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 5px;
	height: 5px;
	background: #585858;
	border-radius: 50%
}

.ul-list li {
	line-height: 2;
	color: #5e5e5e;
	padding-left: 20px
}

.disclamer p a {
	line-height: 2;
	color: #282727
}

.modal-name {
	padding-top: 20px
}

.modal_popup_description {
	padding-top: 10px;
	padding-bottom: 40px
}

.popup-container {
	opacity: 0;
	transition: .3s ease-in-out;
	transform: scale(1.3);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 17, 17, .61);
	display: flex;
	align-items: center;
	z-index: 9999
}

.leftnav,
.rightaddress {
	position: relative;
	display: inline-block
}

.popup-content {
	background-color: #fefefe;
	margin: auto;
	padding: 40px;
	width: 50%;
	position: relative
}

.popup-content .close {
	color: #fff !important;
	float: right;
	font-weight: 700;
	background: #101748;
	padding: 11px;
	margin: 0;
	text-decoration: none;
	position: absolute;
	right: -15px;
	top: -15px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	opacity: 1 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.popup-content span:focus,
.popup-content span:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer
}

.popup-container.open {
	visibility: visible;
	opacity: 1;
	transform: scale(1)
}

.popup-container h3 {
	margin: 10px
}

.mediaVideo {
	margin-bottom: 20px;
	border: 1px solid #dbdbdb
}

.mediaVideo .card-body {
	padding: 20px;
	transition: .5s;
	margin-top: -2px;
	height: 70px
}

.frame3.section,
div#amenities {
	margin-top: 50px
}

.homevideoslide .galleryslider-btn,
.mediaVideo .playbutton-utube {
	top: 40%
}

.modal_popup_description::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #f5f5f5
}

.modal_popup_description::-webkit-scrollbar {
	width: 2px;
	background-color: #f5f5f5
}

.modal_popup_description::-webkit-scrollbar-thumb {
	background-color: #000;
	border: 1px solid #101748
}

.contect_us p a {
	color: #000;
	transition: .8s
}

.investchkbox {
	margin-top: 15px
}

.leftnav {
	width: 75%;
	height: 100%
}

.rightaddress {
	width: 23%;
	height: 100%
}

.residentcheblk,
.residentnoblk,
.residentyesblk {
	display: inline-flex
}

.navigation .logo {
	position: fixed;
	left: 32px;
	top: 42px;
	z-index: 10;
	opacity: 1;
	transition: opacity .3s
}

.navigation .logo .logo-text {
	display: inline-block;
	font-size: 1.2em;
	background-size: cover;
	color: #fff;
	font-family: Calligraffitti, serif
}

.navigation .hamburger-menu {
	width: 50px;
	height: 50px;
	padding: 15px 8px;
	cursor: pointer;
	z-index: 999;
	opacity: 1;
	background: #e5912a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 80px;
	position: relative
}

.awards-wrapper,
.awards_his_se,
.news-box {
	border: 1px solid #dbdbdb
}

.navigation .header-left-logo a.hdlogo:after {
	content: "";
	width: 1px;
	height: 200%;
	background: rgb(255 255 255 / 34%);
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%)
}

.dark-grey-header.navigation .header-left-logo a.hdlogo:after,
.dark-grey-header.navigation.fixed-top .header-left-logo a.hdlogo:after,
.dark-pink-header.navigation .header-left-logo a.hdlogo:after,
.dark-pink-header.navigation.fixed-top .header-left-logo a.hdlogo:after {
	background: #dac2a3
}

.navigation .hamburger-menu:hover .hamburger::before {
	transform: translate(0, -1px)
}

.navigation .hamburger-menu:hover .hamburger::after {
	transform: translate(0, 1px)
}

.navigation .hamburger-menu .hamburger {
	width: 24px;
	height: 14px;
	position: relative;
	top: 2px
}

.navigation .hamburger-menu .hamburger::after,
.navigation .hamburger-menu .hamburger::before {
	content: "";
	width: 24px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	transition: .3s
}

.navigation .hamburger-menu .hamburger::after {
	top: 8px
}

.menu-open .navigation .hamburger-menu .hamburger::before {
	transform: rotate(45deg);
	top: 4px
}

.menu-open .navigation .hamburger-menu .hamburger::after {
	top: 4px;
	transform: rotate(-45deg)
}

.reachustext {
	position: absolute;
	bottom: 80px;
	z-index: 1;
	width: 100%;
	left: 0;
	right: 0
}

.reachustext strong,
.reachustext2 strong {
	font-size: 1.1rem;
	color: #101748;
	display: block;
	padding: 20px 0
}

.reachustext address,
.reachustext2 address {
	opacity: .9;
	padding: 20px 0 10px
}

.reachustext address b {
	font-size: 1rem;
	opacity: .9;
	color: #fff;
	margin-bottom: 10px;
	display: block
}

.reachustext address p,
.reachustext2 address p {
	font-size: 1rem;
	color: #fff;
	line-height: 2;
	font-weight: 300;
	opacity: .9
}

.reachustext a,
.reachustext2 a {
	display: inline-block;
	opacity: .9;
	font-size: .72rem;
	color: #fff;
	line-height: 2.8;
	font-weight: 300;
	margin: 5px 15px 0 0;
	position: relative
}

.reachustext2 {
	position: absolute;
	width: 100%;
	bottom: 0
}

.reachustext2 address b {
	font-size: 1rem;
	opacity: .9;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 400;
	display: block
}

.navigation .menu-container {
	width: 0%;
	height: 100%;
	position: fixed;
	display: block;
	top: 0;
	right: 0;
	z-index: 800;
	overflow: hidden;
	transition: .5s .3s;
	background: #000;
	opacity: 0
}

.menu-open .navigation .menu-container {
	width: 100%;
	opacity: 1
}

.navigation .menu-container .menu {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	list-style: none;
	width: 100%;
	left: 150px;
	right: 0;
	margin: auto;
	height: 560px
}

.navigation .menu-container .reachuswrap {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	list-style: none;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	height: 450px
}

.navigation .menu-container .menu li {
	padding: 0;
	flex: 1;
	position: relative;
	transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
	opacity: 1
}

.menu-open .navigation .menu-container .menu li:first-child {
	opacity: 1;
	transition-delay: 50ms
}

.menu-open .navigation .menu-container .menu li:nth-child(2) {
	opacity: 1;
	transition-delay: 80ms
}

.menu-open .navigation .menu-container .menu li:nth-child(7) {
	opacity: 1;
	transition: opacity .2s 1.55s
}

.menu-open .navigation .menu-container .menu li:nth-child(8) {
	opacity: 1;
	transition: opacity .2s 1.65s
}

.menu-open .navigation .menu-container .menu li:nth-child(9) {
	opacity: 1;
	transition: opacity .2s 1.7s
}

.navigation .menu-container .menu li:nth-child(4) {
	opacity: 0;
	transition: opacity .2s .2s
}

.navigation .menu-container .menu li:nth-child(4) p {
	margin: 16px 0
}

.navigation .menu-container .menu li.aboutnv::after,
.navigation .menu-container .menu li.careersnv::after,
.navigation .menu-container .menu li.investnv::after,
.navigation .menu-container .menu li.medianv::after {
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #e5912a;
	flex-grow: 1;
	margin: auto;
	width: 100px;
	transform: translateX(-.625rem) scaleX(0);
	transform-origin: center left;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1) .2s;
	position: absolute;
	right: 0;
	left: -100px;
	top: 20%;
	bottom: 0
}

.navigation .menu-container .menu li:hover .drop_menu,
.navigation .menu-container .menu li:hover::after {
	transform: translateX(0) scaleX(1);
	transition-delay: 0.1s
}

.navigation .menu-container .menu li .drop_menu {
	right: 257px;
	top: 17px;
	line-height: 1;
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 999;
	transform: translateX(-.625rem) scaleX(0);
	transform-origin: center left;
	transition: transform .3s cubic-bezier(.4, 0, .2, 1) .5s;
	transition-delay: 0s
}

.navigation .menu-container .menu li:hover .drop_menu li {
	transform: translateX(0);
	opacity: 1;
	width: 100%
}

.navigation .menu-container .menu li .drop_menu li {
	position: relative;
	width: auto
}

.navigation .menu-container .menu li .drop_menu li a {
	display: inline-flex;
	font-size: 14px;
	opacity: 1;
	letter-spacing: 1px
}

.navigation .menu-container .menu li .drop_menu li a:hover,
.navigation .menu-container .menu li a:hover {
	color: #e5912a
}

.navigation .menu-container .menu li.menu-line {
	width: 30px;
	height: 1px;
	background: #fff;
	margin: 32px auto 16px;
	padding: 0;
	flex: initial
}

@media (max-width:667px) and (min-width:320px) and (orientation:landscape) {
	.navigation .menu-container .menu {
		display: initial
	}

	.navigation .menu-container .menu li {
		display: inline-block;
		margin: 0 16px
	}

	.navigation .menu-container .menu li:nth-child(4),
	.navigation .menu-container .menu li:nth-child(4) p {
		margin: 0
	}

	.navigation .menu-container .menu li.menu-line {
		display: none
	}
}

@media (min-width:667px) {
	.navigation .menu-container .menu li.menu-line {
		width: 1px;
		height: 87px
	}
}

.navigation .menu-container .menu li a {
	display: inline-block;
	color: #fff;
	font-size: 1.5rem;
	transition: color .3s;
	padding: 16px 0;
	outline: 0
}

.navigation .menu-container .menu li a i {
	margin-left: 15px;
	font-size: 25px
}

.top398 {
	top: -398px !important
}

.navigation .menu-container .menu li p {
	color: #fff;
	font-size: 1rem;
	margin-bottom: 0
}

.navigation .menu-container .menu-info {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 16px;
	line-height: 1.6em;
	left: 0;
	color: #fff;
	z-index: 1;
	padding: 0 16px;
	transform: translate(0, calc(100% + 16px));
	transition: .3s 1s
}

.navigation .menu-container .menu-info p {
	font-size: 1rem;
	margin-bottom: 0
}

@media (min-width:930px) {
	.navigation .menu-container .menu li p {
		font-size: 1.2rem
	}

	.navigation .menu-container .menu-info p {
		font-size: 1.4rem
	}
}

@media (min-width:1190px) {
	.navigation .menu-container .menu li a {
		font-size: 2rem
	}

	.navigation .menu-container .menu li p {
		font-size: 1.5rem
	}

	.navigation .menu-container .menu-info p {
		font-size: 1.7rem
	}
}

.image-title {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	font-size: 8px;
	z-index: 1
}

.qualified-fristblk p,
.qualified-secondblk p,
.qualifihedingblk {
	color: #000;
	text-transform: uppercase
}

.image-title.indexbannerImpression {
	right: auto;
	left: 10px
}

.enqform h2 {
	font-size: 24px;
	text-align: center;
	padding: 20px
}

.qualified-institution-main {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 50px
}

.qualified-institution-wrap {
	width: 100%;
	margin: 0 auto
}

.qualified-logoblk {
	margin: 20px 0
}

.line-qualityblk {
	background: #000;
	width: 100%;
	height: 30px;
	margin-bottom: 20px
}

.qualifihedingblk {
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	padding: 0 0 20px;
	letter-spacing: 1px
}

.qualified-fristblk p {
	font-size: 15px;
	opacity: .7;
	font-weight: 700;
	text-align: left;
	padding-bottom: 20px;
	line-height: 18px;
	margin-bottom: 0
}

.qualified-foureblk p,
.qualified-secondblk p,
.qualified-threeblk p {
	font-size: 14px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 18px;
	margin-bottom: 0;
	opacity: .7
}

.qualified-secondblk p {
	padding-bottom: 20px
}

.qualified-threeblk p {
	color: #505050;
	padding-bottom: 20px
}

.qualified-foureblk p {
	color: #000;
	padding-bottom: 30px
}

.residentcheblk input {
	padding: 0;
	margin: 0;
	display: inline-block
}

.readacceptblk label,
.residentcheblk label,
.residentnoblk label,
.residentyesblk label {
	color: #000;
	opacity: .7;
	font-size: 16px;
	cursor: pointer;
	padding-left: 10px
}

.usresdblk sup {
	color: #d60000
}

.residentcheblk {
	font-size: 0;
	margin-bottom: 20px
}

.usresdblk {
	color: #000;
	opacity: .7;
	font-size: 16px;
	margin-bottom: 10px
}

.residenconfblk {
	margin-bottom: 30px;
	font-size: 0
}

.residentyesblk {
	margin-right: 15px
}

.residentnoblk input,
.residentyesblk input {
	padding: 0;
	margin: 0
}

.thankyoublk {
	width: 100%;
	background-color: #e2922f;
	height: 30px;
	padding: 8px 10px;
	font-size: 14px
}

.copyrighttext img {
	width: 22px
}

.dis-wrap P {
	color: #5e5e5e !important;
	opacity: 1
}

.awards-content-para h2,
.awards-content-para p,
.esg_content_awd h3,
.esg_content_awd p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	max-width: 460px;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.awards-content-para h2,
.esg_content_awd h3 {
	font-size: 15px;
	padding: 15px 15px 5px
}

.awards-content-para p,
.esg_content_awd p {
	font-size: 14px;
	padding: 5px 15px 15px;
	line-height: 1.2rem
}

.awards-wrapper-img img {
	transition: .8s
}

.awardsBanner .line_animation4 {
	width: 40%
}

@media(max-width:991px) {

	.leftnav,
	.rightaddress {
		width: 100%;
		position: relative
	}

	.hamnavicon .innermenu:after {
		display: none
	}

	.header-left-logo a {
		margin-right: 0
	}

	.leftnav {
		display: block;
		height: 80%
	}

	.rightaddress {
		display: inline-block;
		height: auto
	}

	.menu-open .navigation .menu-container {
		overflow-y: auto
	}

	.navigation .menu-container .menu {
		left: 0;
		height: 300px
	}

	.reachustext {
		position: static;
		padding-left: 100px
	}

	.navigation .menu-container .menu li a {
		padding: 10px 0
	}

	.navigation .menu-container .menu li a i {
		font-size: 12px
	}

	.top398 {
		top: -280px !important
	}
}

@media(max-width:767px) {
	.mob_social {
		display: flex !important
	}

	.locationLogo,
	.print-word b i {
		font-size: 14px
	}

	.locationLogo {
		letter-spacing: 0
	}

	.sbrLogo {
		top: 18%;
		margin: 0 auto
	}

	.sbrLogo .innerlogo_div {
		width: 108px
	}

	.ls-slide .galleryslider-btn.prev-btn {
		left: 10px
	}

	.ls-slide .galleryslider-btn.next-btn {
		right: 10px
	}

	.ls-slide .galleryslider-btn {
		width: 45px;
		height: 45px
	}

	.accordion .linkin {
		font-size: 16px
	}

	.accordion .link {
		font-size: 18px;
		padding: 10px 0
	}

	.accordion li i {
		top: 15px;
		font-size: 14px
	}

	.submenu a,
	.submenuin a {
		font-size: 14px !important
	}

	.awards_main .row .col-lg-4:first-child {
		margin-top: 0
	}
}

.amenity-img:hover a {
	background: #101748;
	color: #fff
}

.amenity-img p a {
	pointer-events: none
}

.sbr-about .galleryslider-btn svg #Line_21,
.sbr-about .galleryslider-btn svg #Path_145 {
	stroke: #1E6091
}

.sbr-about .galleryslider-btn:after,
.sbr-btn .clbtn,
.sbr-form-head .clbtn,
.sbr_form .clbtn {
	background: #1e6091
}

.sbr-about .galleryslider-btn {
	position: absolute;
	top: 50%;
	width: 80px;
	height: 80px;
	background: 0 0;
	border: 1px solid #1e6091
}

.sbr-font,
.sbr-form-head .textheading {
	font-family: 'LEMON MILK';
	font-weight: 400 !important
}

.light-blue,
.light-blue .grey {
	background: #f4ffff
}

.sbr-bold {
	font-weight: 800 !important;
	font-size: 90px
}

.sbr-font2 {
	font-family: gallatoneregular
}

.sbr-wrapper .justify-content-inherit {
	justify-content: inherit
}

.sbr-wrapper .justify-content-inherit h1 {
	top: 21%;
	font-size: 34px
}

.sbr-wrapper .sbr-bold {
	font-size: 84px;
	position: relative;
	top: -20px;
	left: -4px
}

.sbr-wrapper .sbr-font2 {
	font-size: 120px;
	line-height: 1
}

.sbr-about .textheading {
	width: 81%;
	line-height: 1.2
}

.sbr-about .sbr-font2 {
	font-size: 90px
}

.sbr-club .clbtn img {
	position: relative;
	z-index: 9
}

.club-caption {
	position: absolute;
	bottom: 170px;
	right: 0;
	left: 0;
	color: #fff;
	cursor: pointer
}

.club-caption h4 {
	font-size: 80px
}

.sbr-club .clbtn {
	height: 80px;
	width: 80px;
	background: #fff;
	margin-bottom: 20px
}

.location-view .d-flex {
	margin-bottom: 20px;
	align-items: center
}

.location-view .d-icon {
	width: 20%;
	margin-right: 20px
}

.luxurybanner .innerbannertext .subtitle img {
	height: 50px;
	margin: 8px 0
}

.location-view .d-text p {
	font-size: 14px;
	padding: 0 0 14px
}

.frame3 .wrapper,
.slidesWrap ul.myslides {
	padding-top: 0;
	min-height: 500px;
	clear: both;
	left: 0
}

.sbr-club .clbtn svg {
	width: 18px
}

.fsticonview .d-icon img {
	width: 70px
}

.sbr-about .d-text {
	width: 70%
}

.sbr-about .slick-dots {
	text-align: left !important
}

.sbr-about .slick-dots li.slick-active {
	background: #1e6091 !important;
	border: 1px solid #1e6091 !important
}

.sbr-intro .iframe {
	width: 100%;
	height: 750px
}

.sbr-intro .vd-iframepl .poster,
.vd-iframepl .poster {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-position: center !important;
	right: 0;
	background-size: cover !important
}

.vd-iframepl .video-play-button span,
.vd-iframepl .video-play-button-frm span {
	color: #10100f;
	position: relative;
	z-index: 9;
	font-size: 12px
}

div#amenities h5 {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 18px;
	color: #fff;
	font-family: Freight-BigLight
}

.slidesWrap ul.myslides {
	position: relative;
	right: 0;
	width: 500px;
	z-index: 1;
	margin: 0 auto
}

.slidesWrap ul li.myslide {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	list-style: none
}

.wrapper2.slidesWrap ul.myslides,
.wrapper3.slidesWrap ul.myslides {
	margin: 0;
	min-height: auto;
	width: 100%
}

.frame3 .wrapper {
	margin: 1em auto 0;
	position: relative;
	width: 35%;
	z-index: 3
}

.frame3 .wrapper2,
.frame3 .wrapper2 .item img,
.frame3 .wrapper3,
.frame3 .wrapper3 .item img {
	width: 300px;
	height: 218px
}

.frame3 .wrapper .item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 1
}

.frame3 .wrapper2 {
	position: absolute;
	top: 15%;
	left: 0;
	z-index: 1;
	opacity: 1
}

.frame3 .wrapper3 {
	position: absolute;
	top: auto;
	bottom: 15%;
	left: auto;
	right: 0;
	z-index: 0;
	opacity: 1
}

.frame3 .txtMs {
	margin-bottom: 0;
	max-width: 93%;
	overflow: hidden
}

.flmaxwidth {
	max-width: 550px
}

.sunteck_floor_popup_form .modal-content .modal-body {
	padding: 30px
}

.sunteck_floor_popup_form .modal-header .close {
	color: #fff !important;
	float: right;
	font-weight: 700;
	background: #101748;
	padding: 11px;
	margin: 0;
	text-decoration: none;
	position: absolute;
	right: -15px;
	top: -15px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	opacity: 1 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 11
}

.sunteck_floor_popup_form .formdetails form .form-group textarea {
	margin-top: 0;
	padding: 15px 0 0;
	border: unset;
	border-bottom: 1px solid #c3c3c3
}

.sunteck_floor_popup_form .modal-header .close img {
	width: 12px
}

.sunteck_floor_popup_form .submitbtn {
	justify-content: flex-start;
	position: static;
	margin-top: 5px
}

.sunteck_floor_popup_form .submitbtn .circlebtn .clbtn {
	width: 100px;
	height: 100px
}

.pad80 {
	padding: 80px 0
}

.pl-s {
	padding-left: 16%
}

.club-caption .clbtn:hover:before {
	background: #1e6091;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.location-view h3 {
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 30px;
	letter-spacing: 2px
}

.scrollDIv .overflow {
	width: 100vw;
	height: 100vh
}

.scroll-horizontal {
	display: flex;
	top: 0;
	height: atuo !important;
	max-height: atuo !important
}

.after-tint:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #f4ffff;
	height: 100%;
	transition: .5s ease-in-out
}

.after-tint.animated:after {
	height: 0%
}

.interior-slider .interior {
	height: 90vh
}

.interior-slider {
	max-width: 100%;
	padding: 48px;
	display: inline-block;
	margin: 0 auto;
	display: flex !important;
	align-items: center;
	height: 100vh
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 37px;
	margin-left: 50px;
	color: #fff;
	z-index: 9;
	width: 48px;
	height: 48px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center
}

.sidenav {
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	background-color: rgb(0 0 0 / 87%);
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	overflow: hidden;
	margin-right: -100%
}

.interior-slider .galleryslider-btn {
	width: 70px;
	top: 50%;
	height: 70px;
	background: #101748
}

.interior-slider.sbrInteriorSlider .galleryslider-btn {
	background: #1e6091;
	border-color: #1e6091
}

.interior-slider.sbrInteriorSlider .galleryslider-btn:after,
.interior-slider.sbrInteriorSlider .galleryslider-btn:hover:after {
	background: #000;
	border-color: #000
}

.sbr-about .d-icon img {
	width: 60px
}

.aboutaward .slick-slide,
.homevideoslide .slick-slide {
	margin: 0 15px
}

.aboutaward .slick-list,
.homevideoslide .slick-list,
.our-journey .slick-list {
	margin: 0 -15px
}

.aboutaward .galleryslider-btn.prev-btn {
	left: -31px;
	top: 44%;
	width: 60px;
	height: 60px
}

.aboutaward .galleryslider-btn.next-btn {
	right: -31px;
	top: 44%;
	width: 60px;
	height: 60px
}

.homevideoslide .galleryslider-btn.prev-btn {
	left: -40px
}

.homevideoslide .galleryslider-btn.next-btn {
	right: -40px
}

.formEventNew .submitbtn {
	position: static;
	justify-content: flex-start;
	margin-top: 16px
}

.formEventNew .agree_text {
	margin-top: 6px
}

.slider-nav {
	margin-top: 35px
}

.galleryslider-btn.testimonialSliderbtn {
	width: 55px;
	height: 56px;
	transform: translateY(-60px)
}

.galleryslider-btn.testimonialSliderbtn.prev-btn {
	left: -12px
}

.galleryslider-btn.testimonialSliderbtn.next-btn {
	right: -12px
}

.slider-nav .line_animation3 {
	width: 20%
}

#sidebar {
	height: 0;
	position: fixed;
	padding: 0;
	margin-right: 0;
	top: 38%;
	right: -3px;
	bottom: 0;
	z-index: 10;
	transform: translateY(-50%)
}

.social p {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 48px;
	opacity: 1
}

.social p i {
	right: 30px;
	vertical-align: middle;
	font-size: 19px;
	float: left;
	margin-right: 6px
}

.social {
	margin-bottom: 1px;
	padding: 0 15px 0 0;
	display: inline-block;
	height: auto;
	-moz-transition-property: right;
	-moz-transition-duration: .2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-property: right;
	-ms-transition-duration: .2s;
	-ms-transition-delay: 0.2s;
	cursor: pointer;
	background: #101748;
	width: 100%;
	position: relative;
	right: -116px;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	display: flex;
	align-items: center;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px
}

.social:hover a {
	text-decoration: none;
	color: #101748
}

.social:hover {
	right: -30px;
	background: #000;
	color: #101748
}

.linkedin p i {
	left: 20px;
	color: #fff
}

.social i {
	padding: 10px;
	width: 48px;
	height: 48px;
	color: #fff;
	line-height: 28px;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.light-orange,
.light-orange .grey {
	background: #fff5eb
}

.light-mix-orange,
.light-mix-orange .grey {
	background: #ffedd4
}

#popup1 .popup-content {
	height: 73vh;
	padding-bottom: 80px
}

#popup1 .popup-content h2 {
	margin-bottom: 15px;
	font-size: 20px
}

.esgdpLogo {
	width: 165px;
	padding: 1%;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.form-inline {
	justify-content: end
}

.countryContact {
	display: flex;
	position: relative
}

.countryContact .countryCode {
	border: unset;
	border-radius: unset;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	background: url(../images/Arrowsunteck.svg) 0 0/10px no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position-x: 70%;
	background-position-y: 15px;
	font-size: 14px;
	width: 50%;
	padding: 0 10px 0 8px
}

.footerform .countryContact .form-control {
	padding-left: 19px
}

.commercialForm .countryContact .countryCode,
.sbr-form-head .countryContact .countryCode,
.siform .countryContact .countryCode,
.waterfront-form-head .countryContact .countryCode {
	background-position-y: 21px;
	width: 20%;
	padding: 6px 10px 0 8px
}

#phone-error {
	position: absolute;
	bottom: -16px
}

.sbr_brochure {
	position: absolute;
	bottom: -43%;
	border: 1px solid #1e6091;
	padding: 10px;
	color: #fff;
	background: #1e6091;
	border-radius: 50%;
	height: 135px;
	width: 135px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2rem
}

.sbr_brochure span {
	color: #fff;
	z-index: 99
}

.select2-container--open .select2-dropdown--above {
	width: 91.9375px !important
}

.select2-container {
	width: 120px !important
}

.select2-dropdown {
	background-color: #fff5eb !important
}

.siform .select2-dropdown {
	background-color: #fff9f2 !important
}

.select2-results__option {
	font-size: 14px !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #101748 !important
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #101748 !important;
	color: #fff !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 12px !important
}

.countryContact .select2-container--default .select2-selection--single {
	background-color: transparent;
	border: unset;
	border-radius: unset;
	border-bottom: 1px solid #959595;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative
}

.countryContact .select2-container--default .select2-selection--single::after {
	content: "";
	position: absolute;
	right: 0;
	height: 30px;
	width: 1px;
	background: #959595;
	bottom: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 3px !important
}

.countryContact .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: unset;
	font-size: 14px;
	color: #000;
	padding-top: 8px
}

.countryContact .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: inherit
}

.formDesign .countryContact .select2-container--default .select2-selection--single {
	border-bottom: 1px solid #959595;
	padding: 8px 8px 0 0
}

.formDesign .countryContact .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0
}

.formDesign .countryContact .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 2px;
	right: 4px
}

.esgGrievanceDescription {
	width: 80%;
	margin: 0 auto 30px
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0 !important
}

.iconpad {
	padding-top: 15px
}

.maxxWorldban {
	background-image: url(../images/maxx-world/maxx-world-banner.webp)
}

.gilbirdBanner {
	background-image: url(../images/gilbird/Banner.webp)
}

.headerbgclr::after {
	content: "";
	background: #0000001c;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.lazy {
	opacity: 0;
	transition: opacity .5s ease-in-out
}

.vd-iframepl .iframe {
	width: 100%;
	height: 550px
}

.textheading sup {
	font-size: 33px;
	position: relative
}

.sbrslr {
	height: auto !important
}

.spinner-load {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgb(0 0 0 / 51%);
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center
}

.fotdiv {
	height: 40px;
	display: none
}

.location-view .gilbirdLocation .d-icon img {
	width: 45px
}

.arrows-sbr-mobile {
	position: absolute;
	top: -18%
}

.rt-filter {
	position: absolute;
	bottom: 12px;
	right: 0
}

.rt-filter.media-flt {
	position: static
}

.locationslider .slider__counter {
	position: absolute;
	bottom: 35px;
	left: 17%;
	z-index: 1;
	font-size: 14px;
	letter-spacing: 4px;
	color: #fff
}

.our-journey .control .icon-sliderleft img {
	transform: rotate(180deg);
	margin-right: 15px
}

.our-journey .galleryslider-btn.next-btn svg {
	z-index: 2;
	transform: rotate(225deg)
}

.our-journey .galleryslider-btn.next-btn {
	right: 110px
}

.our-journey .control img {
	width: 40px
}

.our-journey .control {
	width: 100px;
	float: right;
	margin-top: 72px;
	position: relative;
	z-index: 55;
	cursor: pointer
}

.our-journey .journey-content h2 {
	font-size: 50px;
	margin-bottom: 30px;
	font-weight: 1000;
	color: #fff;
	-webkit-text-stroke: 1px #000
}

.our-journey p {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px
}

.journey-content h3 {
	font-size: 28px
}

.our-journey .sechead-title {
	line-height: 35px
}

.our-journey .slick-current h2 {
	color: #101748;
	-webkit-text-stroke: 0 #101748
}

.our-journey .slick-slide {
	opacity: .4;
	margin: 0 15px
}

.journey-slider {
	padding: 0 45px;
	margin-top: 0
}

.our_pillar_container-h.our_pillar_container .our_pillar_wrapper {
	margin: 60px 0 0
}

.showHidebtn button {
	padding: 15px 50px;
	border: unset;
	color: #fff;
	background: #101748
}

.our-his-awards .awards_img h4 {
	padding: 0 6px
}

.our-his-awards .awards_img p {
	margin: 10px 6px
}

.our-his-sathi.investor_zone .investor_collapse {
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .125) !important
}

.our-his-sathi.investor_zone .table td {
	border-bottom: unset !important
}

.our-his-sathi.investor_zone .accordion h3 {
	font-weight: 400;
	word-spacing: 1px;
	font-size: 17px;
	color: #000
}

.investor_zone .accordion .btn.HealthcareCamp {
	border-top: 1px solid #dfdad4
}

.our-history-banner {
	background: url(../index.html) center/cover no-repeat
}

.career-form .select2-container {
	width: 100% !important;
	margin-top: 10px
}

.career-form .select2-container--default .select2-selection--single {
	background-color: transparent;
	border: unset;
	border-radius: unset;
	border-bottom: 1px solid #959595;
	height: 34px
}

.career-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #333230
}

.career-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 34px;
	font-size: 14px
}

.carrer-jobs {
	height: 532px;
	overflow: hidden;
	overflow-y: scroll
}

.carrer-jobs::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(0, 0, 0, .5)
}

.carrer-jobs::-webkit-scrollbar {
	width: 2px;
	background-color: rgba(0, 0, 0, .5)
}

.carrer-jobs::-webkit-scrollbar-thumb {
	background-color: #101748;
	border: 1px solid #101748
}

.esg_awards_acc {
	position: relative;
	border: 1px solid #dbdbdb;
	height: 100%
}

.esg_content_awd {
	height: 116px
}

.awards_esgSlider .galleryslider-btn {
	width: 60px;
	height: 60px
}

.awards_esgSlider .galleryslider-btn.prev-btn {
	left: -15px
}

.awards_esgSlider .galleryslider-btn.next-btn {
	right: -15px
}

.formImg_cont {
	position: absolute;
	top: 50px;
	left: 40px
}

.formImg_cont h2 {
	color: #fff;
	font-weight: 300;
	font-size: 45px;
	letter-spacing: 1px
}

.formImg_cont a {
	border: 1px solid #fff;
	display: inline-block;
	color: #101748;
	padding: 15px 25px;
	margin-top: 40px;
	font-size: 18px;
	transition: .5s
}

.formImg_cont a:hover {
	background: #101748;
	color: #fff;
	border: 1px solid #101748
}

.footerform .textheading.luxuryh2 {
	font-size: 40px
}

.sbr_form .formImg_cont a {
	color: #1e6091
}

.sbr_form .formImg_cont a:hover {
	background: #1e6091;
	color: #fff;
	border: 1px solid #1e6091
}

.sbr_form .form-group .ckbox label:before {
	border: 1px solid #1e6091
}

.sbr_form .form-group .ckbox input:checked+label:after {
	border-color: #1e6091
}

.scannerdiv {
	display: flex;
	align-items: end
}

.scaneCode {
	width: 108px;
	bottom: 5%;
	left: 5%
}

.rera-number p {
	margin-left: 24px
}

.rera-number p span {
	font-weight: 600;
	font-size: 16px
}

.secondQR {
	border-left: 1px solid #00000036
}

.secondQR .scannerdiv {
	margin-left: 10px;
	height: 100%
}

.group-box {
	width: 99.9%;
	border: 1px solid #999;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	justify-content: flex-start;
	flex-wrap: wrap
}

.logo-thumb {
	justify-content: center;
	align-items: center;
	border-right: 1px solid #999 !important;
	border-bottom: 1px solid #999 !important;
	border: 0;
	padding: 30px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 33.33%
}

.logo-thumb:first-child,
.logo-thumb:nth-child(2),
.logo-thumb:nth-child(3) {
	border-top: 1px solid #999 !important
}

.pay-online .logo-thumb:first-child {
	border-right: 0;
	border-top: 0
}

#obsever-section {
	position: relative;
	background: #fff6ed
}

.more_show {
	position: absolute;
	top: 17px;
	left: 10px;
	background: #101748;
	color: #fff;
	font-size: 14px;
	z-index: 3;
	padding: 7px 20px;
	cursor: pointer;
	width: 86px;
	display: flex;
	align-items: center;
	justify-content: center
}

.more_show i {
	margin-left: 5px
}

#flip {
	opacity: 0;
	transition: opacity .5s, top .5s
}

.hidden_footer .row .footer_innerdiv {
	padding: 50px 0 0;
	height: 100%
}

.hidden_footer .outer-footer-row {
	padding-bottom: 50px
}

.hidden_footer .row .footer_innerdiv1,
.hidden_footer .row .footer_innerdiv2 {
	border-right: 1px solid;
	padding-right: 35px
}

.typology1 {
	border-right: 1px solid;
	padding-right: 10px
}

.hidden_footer {
	display: none;
	overflow: hidden
}

.heading_hidden {
	font-size: 1.1rem;
	transition: .85s;
	font-weight: 500;
	cursor: pointer;
	font-family: Matter;
	letter-spacing: 1px;
	opacity: 1;
	color: #000;
	position: relative;
	margin-bottom: 35px
}

.heading_hidden::after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgb(0 0 0 / 22%)
}

.subhd_hidd {
	font-size: 14px;
	color: #fff
}

.subhd_hidd li {
	margin-bottom: 16px
}

.subhd_hidd li a {
	color: #000;
	position: relative;
	opacity: .7
}

.subhd_hidd li a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 0%;
	height: 1px;
	background: #000;
	transition: .5s
}

.keywood-content {
	margin-top: 30px;
	background: #fff;
	padding: 2%;
	font-size: 14px
}

.investor_bld2 {
	margin-top: 20px
}

.invertor_address .odrlink {
	margin-top: 4px
}

.js-cookie-consent {
	position: fixed;
	left: 0;
	bottom: -50%;
	width: 100%;
	max-width: 100%;
	padding: 14px 10vw 20px 5vw;
	background: #101748;
	color: #363636;
	font-size: 14px;
	border-radius: var(--rounded-normal);
	z-index: 10;
	opacity: 0;
	transition: .4s;
	display: none;
	flex-wrap: wrap
}

.js-cookie-consent.cookie-consent {
	opacity: 1;
	bottom: 0
}

.js-cookie-consent .cookie-consent__message {
	width: 100%;
	color: #fff;
	opacity: 1;
	font-size: 16px;
	line-height: 26px
}

.js-cookie-consent .cookie-consent__message a {
	color: #fff;
	opacity: 1
}

.js-cookie-consent a {
	text-decoration: underline;
	color: #000
}

.js-cookie-consent .cookie-consent__agree,
.js-cookie-consent .cookie-consent__reject {
	min-width: 42px;
	height: 32px;
	padding: 0 24px;
	line-height: 32px;
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #fff;
	font-size: 12px;
	transition: .3s;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	position: relative
}

.js-cookie-consent .cookie-consent__agree span,
.js-cookie-consent .cookie-consent__reject span {
	position: relative;
	z-index: 1;
	transition: .5s cubic-bezier(.14, 1, .34, 1)
}

.trans-bg-color-green {
	color: #15973b
}

.trans-bg-color-green:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	transition: .5s cubic-bezier(.14, 1, .34, 1);
	height: 0;
	background: #000
}

.js-cookie-consent .cookie-consent__reject {
	background: 0 0;
	text-decoration: none;
	margin-left: 14px;
	color: #fff
}

.trans-bg-color-green i {
	margin-left: 6px;
	font-weight: 900
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: unset
}

@media (max-width:991px) {
	.js-cookie-consent .cookie-consent__message br {
		display: none
	}

	.hidden_footer .row .footer_innerdiv {
		padding: 25px 15px
	}

	.subhd_hidd li a {
		font-size: 12px
	}

	.more_show {
		left: auto;
		right: 10px;
		top: 5px
	}
}

@media (max-width:767px) {
	.js-cookie-consent.cookie-consent {
		z-index: 9999
	}

	.investor_bld2 {
		margin-top: 12px
	}

	.findyourh,
	.invertor_address .odrlink {
		margin-top: 0
	}

	.more_show {
		top: 17px
	}

	.hidden_footer .row .footer_innerdiv1,
	.typology1 {
		border-right: none
	}

	.hidden_footer .row .footer_innerdiv {
		padding: 10px 0 0
	}

	.hidden_footer .row .footer_innerdiv2 {
		border: 0
	}

	.subhd_hidd li {
		margin-bottom: 15px
	}

	.subhd_hidd li a {
		font-size: 14px
	}

	.heading_hidden {
		font-size: 22px;
		margin-bottom: 25px
	}

	#hidden_footer .container .row .col-md-4 {
		margin-top: 10px
	}

	.keywood-content {
		padding: 2% 4%
	}
}

.testimonial .testimonial_user.slick-slide {
	display: block;
}