@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap);

.header-button-sec,
header .container {
	align-items: center;
	display: flex
}

.project-inner-wrpr,
.project-outer-sec {
	background-image: url(../images/project-bg.svg)
}

.banner-img-wrpr::before,
.gallery-img::before {
	content: '';
	background-size: cover;
	height: 100%;
	bottom: 0;
	left: 0
}

body {
	font-family: Raleway, sans-serif;
	font-weight: 400
}

html {
	scroll-behavior: initial !important
}

header {
	background-color: #fff;
	padding: 8.5px 0
}

.header-button-sec {
	width: auto;
	margin-left: auto
}

.header-button-sec a {
	display: flex;
	align-items: center;
	height: 42px;
	color: #fff;
	font-size: 20px;
	background-color: #d0ad5a;
	padding: 0 25px;
	text-decoration: none
}

.call-btn img {
	margin-right: 10px
}

.call-btn {
	margin-right: 20px
}

.enq-button {
	margin-left: 20px
}

main {
	margin-top: 81px
}

.banner-img-wrpr,
.form-group,
.gallery-card,
.gallery-img,
.popupsticky-wrpr,
.popupsticky-wrpr .container,
.project-img,
form .mb-3 {
	position: relative
}

.banner-img-wrpr::before {
	display: block;
	background-image: url(../images/banner-before.svg);
	width: 100%;
	position: absolute;
	opacity: .4
}

.banner-caption h1 {
	color: #faf3e0;
	font-size: 35px;
	letter-spacing: 12px;
	text-align: center
}

.banner-caption h2 {
	color: #d0ad5a;
	font-size: 42px;
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0
}

.banner-caption {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%
}

.about-us-sec,
.master-plan-sec,
.testimonial-sec {
	padding: 60px 0
}

.sec-heading h3 {
	display: flex;
	align-items: center;
	color: #d0ad5a;
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 0
}

.sec-heading h3::after {
	content: '';
	display: block;
	background-color: #d0ad5a;
	width: 100px;
	height: 1px;
	margin-left: 20px
}

.kohinoor-p .project-card h3,
.kohinoor-p .prroject-logo,
.kohinoor-p h3 {
	background-color: #aa7632
}

.inner-sec-heading,
.sec-heading {
	margin-bottom: 30px
}

.about-us-content p {
	color: #47583f;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 25px
}

.about-card h4 {
	color: #d0ad5a;
	font-size: 55px;
	font-weight: 400;
	margin-bottom: 10px
}

.about-card p {
	color: #707070;
	font-size: 16px;
	margin-bottom: 0
}

.kohinoor-p h3,
.project-short-des-wrpr h3 {
	font-size: 16px;
	padding: 15px 25px;
	margin-bottom: -50px;
	color: #fff;
	font-weight: 500;
	bottom: 50px
}

.text-right {
	text-align: right
}

.amenities-card,
.copyright-text p,
.floor-paln-card h3,
.location-img,
.submitbtn {
	text-align: center
}

.project-outer-sec {
	padding: 60px 0;
	background-size: cover;
	background-repeat: no-repeat
}

.amenities-tab-content,
.mobile-sticky,
.mobile_form,
.project-outer-sec .sec-heading h3::after {
	display: none
}

.amenities-tab,
.pearl-p,
.project-card {
	margin-bottom: 50px
}

.prroject-logo {
	position: absolute;
	top: 0;
	left: 0
}

.pearl-p .project-short-des-wrpr,
.project-short-des-wrpr {
	padding-left: 50px
}

.project-short-des-wrpr h3 {
	position: relative
}

.kohinoor-p .card-button-sec,
.pearl-p .card-button-sec {
	margin-top: 0
}

.kohinoor-p h3 {
	position: relative;
	margin-left: 12px
}

.project-short-des-wrpr h4 {
	font-size: 28px;
	font-weight: 500;
	margin-top: 15px
}

.kohinoor-p .project-features h5,
.kohinoor-p .project-short-des-wrpr h4 {
	color: #aa7632
}

.project-short-des-wrpr p {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 0
}

.kohinoor-p .project-short-des-wrpr p {
	color: #47583f
}

.project-features {
	display: flex;
	align-items: center;
	margin: 20px 0
}

.footer-address li a img,
.form-check input,
.project-features img {
	flex-shrink: 0
}

.project-features h5 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	padding-left: 20px
}

.card-button-sec {
	display: flex;
	align-items: center;
	margin-top: 15px
}

.amenities-tab ul,
.close-btn {
	align-items: center;
	display: flex
}

.card-button {
	display: block;
	padding: 7px 25px;
	font-size: 20px;
	cursor: pointer
}

.view-more-btn {
	color: #fff;
	margin-right: 15px
}

.download-btn {
	background-color: transparent;
	margin-left: 15px;
	text-decoration: none
}

.close-btn,
.floor-paln-card,
.form-sec {
	background-color: #fff
}

.kohinoor-p .view-more-btn {
	background-color: #d0ad5a;
	border: 1px solid #d0ad5a
}

#regent-project-tb .floor-paln-card h3,
#regent-project-tb .inner-sec-heading h3::after,
.theregent-p .project-card h3,
.theregent-p .prroject-logo,
.theregent-p h3 {
	background-color: #47583f
}

.kohinoor-p .download-btn {
	border: 1px solid #aa7632;
	color: #aa7632
}

.theregent-p h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 25px;
	position: relative;
	bottom: 50px;
	margin-bottom: -50px;
	margin-left: 12px
}

.theregent-p .project-short-des-wrpr :where(h4, p, h5) {
	color: #47583f
}

.theregent-p .view-more-btn {
	background-color: #47583f;
	border: 1px solid #47583f
}

.theregent-p .download-btn {
	border: 1px solid #47583f;
	color: #47583f
}





#regent-project-tb .floor-paln-card h3,
#regent-project-tb .inner-sec-heading h3::after,
.sansacounty-p .project-card h3,

.sansacounty-p h3 {
	background-color: #75694e;
}
.sansacounty-p .prroject-logo{
    padding: 0px 3px 5px 3px;
   background-color: #ffffff;
}


/*#kohinoor-project-tb .sansacounty-p  .inner-sec-heading h3 span, #pearl-project-tb .inner-sec-heading h3 span, #regent-project-tb .inner-sec-heading h3 span {*/
/*    background-image: url(../images/project-bg.svg);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    position: relative;*/
/*    z-index: 9;*/
/*    padding: 0 15px;*/
/*}*/

#sansacounty-project-tb .inner-sec-heading span{
    background-image: url(https://residential.aurorealty.com/assets/images/project-bg.svg);
    z-index: 9;
    position: relative;
    padding: 0px 17px;
}

#sansacounty-project-tb .inner-sec-heading h3::after{
  z-index: 0;
}
/*.sansacounty-p .project-card h3 {*/
/*    background-color: #fff !important;*/
/*}*/


.sansacounty-p h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
    position: relative;
    bottom: 50px;
    margin-bottom: -50px;
    margin-left: 12px;
}

.sansacounty-p .view-more-btn {
    background-color: #75694e;
    border: 1px solid #75694e;
}


.sansacounty-p .download-btn {
	border: 1px solid #75694e;
	color: #75694e;
}

.testimonial-ifrm iframe {
	height: 400px
}

#testimonail-carousel .owl-next {
	position: absolute;
	right: -56px;
	top: 40%
}

#testimonail-carousel .owl-prev {
	position: absolute;
	left: -56px;
	top: 40%
}

.project-inner-wrpr {
	padding: 60px 0;
	display: none
}

.scroll-wrpr {
	position: relative;
	height: 100vh;
	overflow-y: scroll
}

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

.scroll-wrpr::-webkit-scrollbar {
	width: 12px;
	background-color: #f5f5f5
}

.scroll-wrpr::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #d0ad5a
}

#pearl-project-tb .pearl-model .active,
.amenities-tab-content.active,
.footer-form.poupshow .popup-close-btn,
.project-inner-wrpr.active {
	display: block
}

.inner-sec-heading h3 {
	color: #aa7632;
	font-size: 36px;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	position: relative
}

.inner-sec-heading h3::after {
	content: "";
	display: block;
	background-color: #aa7632;
	width: 300px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: calc(50% - 150px)
}

#kohinoor-project-tb .inner-sec-heading h3 span,
#pearl-project-tb .inner-sec-heading h3 span,
#regent-project-tb .inner-sec-heading h3 span {
	background-image: url(../images/project-bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 9;
	padding: 0 15px
}

.amenities-tab ul {
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin: 0
}

.amenities-tab ul li {
	font-size: 26px;
	font-weight: 400;
	padding: 0 15px;
	cursor: pointer
}

.amenities-tab ul li.active {
	font-size: 28px;
	font-weight: 700
}

#kohinoor-project-tb .amenities-tab ul li.active span {
	border-bottom: 1px solid #d0ad5a;
	padding-bottom: 5px;
	margin-bottom: 5px
}

#kohinoor-project-tb .amenities-tab ul li {
	color: #d0ad5a
}

.amenities-card {
	margin-bottom: 100px
}

.amenities-card-img img {
	height: 50px
}

.amenities-card-img,
.footer-address li {
	margin-bottom: 20px
}

.amenities-name p {
	color: #aa7632;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0
}

.gallery-card p {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 0 20px;
	position: absolute;
	width: 100%;
	bottom: 20px
}

.gallery-img::before {
	display: block;
	background-image: url(../images/gallery-bg.svg);
	width: 100%;
	position: absolute
}

.floor-plan-carousel .owl-nav button,
.gallery-carousel .owl-nav button {
	position: absolute;
	top: 39%
}

.floor-plan-carousel .owl-next,
.gallery-carousel .owl-next {
	right: -22px
}

.floor-plan-carousel .owl-prev,
.gallery-carousel .owl-prev {
	left: -22px
}

.floor-paln-card img {
	width: auto !important;
	margin: 0 auto;
	max-width: 100%
}

.floor-paln-card {
	border: 1px solid #aa7632;
	padding-top: 15px
}

.floor-paln-card h3 {
	color: #fff;
	background-color: #aa7632;
	padding: 15px 10px;
	margin-bottom: 0;
	font-size: 36px;
	margin-top: 15px;
	text-transform: uppercase
}

.location-sec {
	padding-top: 60px
}

#regent-project-tb .amenities-name p,
#regent-project-tb .amenities-tab ul li,
#regent-project-tb .inner-sec-heading h3,
.pearl-p .project-short-des-wrpr p {
	color: #47583f
}

#regent-project-tb .amenities-tab ul li.active span {
	border-bottom: 1px solid #47583f;
	padding-bottom: 5px;
	margin-bottom: 5px
}

#regent-project-tb .floor-paln-card {
	border-color: #47583f
}

.close-btn {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 99
}

.close-btn img {
	width: 25px
}

footer {
	background-image: url(../images/footer-bg.svg);
	padding: 60px 0 0
}

.footer-address h3 {
	color: #fff;
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 15px
}

.footer-address p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
	max-width: 490px
}

.footer-address ul {
	padding-left: 0;
	margin-top: 50px;
	list-style-type: none
}

.footer-address li a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	font-weight: 400
}

.footer-address li a span {
	margin-left: 25px
}

.footer-address li:last-child {
	margin-bottom: 0
}

.form-sec {
	max-width: 444px;
	padding: 60px 40px;
	margin-left: auto
}

.form-group select,
.form-input {
	padding: 5px 0;
	background: 0 0;
	border: 0;
	width: 100%;
	color: #808285
}

.new-form label {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 14px;
	color: #808285;
	pointer-events: none;
	-webkit-transition: .15s ease-out;
	transition: .15s ease-out
}

.youtube .play-button,
.youtube .play-button:before {
	transform: translate3d(20%, -50%, 0);
	top: 50%;
	position: absolute
}

.form-input {
	display: inline-block;
	font-size: 16px;
	border-bottom: 1.2px solid #707070;
	outline: 0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}

.form-group select {
	font-size: 14px;
	border-bottom: 1.2px solid #707070
}

.form-group select:focus {
	outline-style: none
}

.form-input.has-value+label,
.form-input:focus+label {
	top: 0
}

textarea.has-value+label,
textarea:focus+label {
	top: 30px
}

input:focus::-webkit-input-placeholder {
	color: transparent
}

.mb-3 {
	margin-bottom: 20px !important
}

.form-check {
	display: flex
}

.form-check label {
	margin: 0;
	padding-left: 20px;
	color: #808285;
	font-size: 14px
}

.submitbtn {
	margin-top: 30px
}

.submitbtn button {
	background-color: #d0ad5a;
	font-size: 14px;
	color: #fff;
	width: 133px;
	height: 36px;
	border: none
}

.copyright-text {
	padding: 25px 0;
	border-top: 1px solid #fff
}

.copyright-text p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0
}

.footer-form-sec {
	padding-bottom: 60px
}

.btn-close {
	display: block;
	margin-left: auto
}

.modal h4 {
	color: #47583f;
	font-size: 18px;
	font-weight: 500
}

.f-error {
	color: red;
	font-size: 12px;
	position: absolute;
	width: 100%;
	left: 0
}

input:-internal-autofill-selected {
	background-color: #fff !important;
	appearance: unset !important;
	box-shadow: none !important
}

.popup-close-btn {
	display: none;
	position: absolute;
	right: 10px;
	top: 7px;
	cursor: pointer
}

.footer-form.poupshow {
	position: fixed;
	background: #00000069;
	height: 100vh;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%
}

#pearl-project-tb .floor-paln-card h3,
#pearl-project-tb .inner-sec-heading h3::after,
.pearl-p .view-more-btn,
.pearl-p h3 {
	background-color: #122143
}

.footer-form.poupshow .form-sec {
	margin-right: auto;
	position: relative;
	top: 100px;
	border-radius: 10px
}

.popup-close-btn img {
	width: 15px
}

#pearl-project-tb .amenities-name p,
#pearl-project-tb .amenities-tab ul li,
#pearl-project-tb .inner-sec-heading h3 {
	color: #122143
}

#pearl-project-tb .amenities-tab ul li.active span {
	border-bottom: 1px solid #122143;
	padding-bottom: 5px;
	margin-bottom: 5px
}

#pearl-project-tb .floor-paln-card {
	border-color: #122143
}

.pearl-p h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 25px;
	position: relative;
	bottom: 50px;
	margin-bottom: -50px;
	margin-left: 12px
}

.pearl-p .project-short-des-wrpr h4 {
	color: #122143;
	margin-top: 0
}

.pearl-p .project-features h5 {
	color: #122143;
	font-size: 16px
}

.pearl-p .view-more-btn {
	border: 1px solid #122143
}

.pearl-p .download-btn {
	border: 1px solid #122143;
	color: #122143
}

.pearl-p .project-features {
	margin: 10px 0
}

.pearl-model {
	background-color: #fff;
	padding: 60px 0;
	display: none;
	background-image: none
}

.master-plan-sec-bg {
	background-color: #122143;
	max-width: 898px;
	margin: auto;
	max-height: 368px
}

.master-plan-zoom {
	position: absolute;
	bottom: 70px;
	right: 150px
}

.iconssansa_box{
    text-align: center;
}
.iconssansa_box img{
        background: #75694e;
    padding: 7px 11px 0px 0px;
    border-radius: 6px;
    margin-bottom: 15px;
}



@media(min-width:1200px) and (max-width:1399px) {
	.project-features h5 {
		font-size: 13px
	}
}

@media(min-width:700px) and (max-width:1024px) {
	.banner-caption h1 {
		font-size: 20px
	}

	.banner-caption h2 {
		font-size: 28px
	}

	.about-card h4 {
		font-size: 35px
	}

	.about-card p,
	.card-button,
	.project-features h5 {
		font-size: 14px
	}

	.about-card p {
		line-height: 25px
	}

	.project-features {
		margin: 15px 0
	}

	.card-button {
		display: block;
		padding: 7px 20px;
		cursor: pointer
	}

	.floor-paln-card h3 {
		font-size: 27px
	}

	#testimonail-carousel .owl-next {
		position: initial;
		margin-left: 15px
	}

	#testimonail-carousel .owl-prev {
		position: initial;
		margin-right: 15px
	}

	#testimonail-carousel .owl-nav {
		text-align: center;
		margin-top: 20px
	}

	.testimonial-ifrm iframe {
		height: 190px
	}
}

.bannner_content {
	position: absolute;
	bottom: 10%
}

.bannner_form {
	opacity: 1
}

.bannner_form .form-sec {
	padding: 20px 30px !important
}

@media (max-width:1200px) {
	.bannner_form form .mb-3 {
		margin-bottom: 10px !important
	}

	.bannner_form .submitbtn {
		margin-top: 10px
	}
}

@media (max-width:950px) {
	.bannner_form .form-sec {}

	.mobile_form {
		display: block !important
	}

	.mobile_form .bannner_form .form-sec {
		display: block !important;
		max-width: 90%;
		margin: auto;
		padding: 20px
	}
}

.iti-flag {
	background-image: url("assets/images/flags.png")
}

.intl-tel-input.separate-dial-code .selected-flag {
	background-color: transparent !important
}

.intl-tel-input.separate-dial-code .selected-dial-code {
	color: #808285;
	padding-right: 10px
}

.intl-tel-input .selected-flag .iti-arrow {
	border-top: 8px solid #808285 !important
}

@media (max-width:767px) {

	.banner-caption h1,
	.card-button {
		font-size: 20px
	}

	.call-btn,
	.sec-heading h3::after {
		width: 50px
	}

	.owl-next,
	.owl-prev {
		position: initial !important
	}

	.about-card,
	.card-button-sec,
	.mobile-sticky a {
		text-align: center
	}

	.enq-button {
		display: none !important
	}

	.call-btn span {
		display: none
	}

	.call-btn {
		height: 50px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%
	}

	.call-btn img {
		margin-right: 0
	}

	#testimonail-carousel .owl-next {
		position: initial;
		margin-left: 15px
	}

	#testimonail-carousel .owl-prev {
		position: initial;
		margin-right: 15px
	}

	#testimonail-carousel .owl-nav,
	.owl-nav {
		text-align: center;
		margin-top: 20px
	}

	.banner-caption h2 {
		font-size: 30px
	}

	.about-us-sec,
	.master-plan-sec,
	.project-outer-sec,
	.testimonial-sec,
	footer {
		padding: 30px 0
	}

	.about-us-content .row {
		justify-content: center
	}

	.about-us-sec-img {
		margin-top: 20px
	}

	.header-button-sec a {
		margin: 0;
		width: 42px;
		padding: 0 15px
	}

	.project-features {
		margin-top: 20px;
		margin-bottom: 0
	}

	.card-button-sec {
		display: block;
		margin-top: 30px
	}

	.card-button {
		display: block;
		padding: 7px 25px;
		cursor: pointer;
		max-width: 240px;
		margin-top: 20px;
		margin-left: auto !important;
		margin-right: auto
	}

	.amenities-card,
	.project-card {
		margin-bottom: 30px
	}

	.floor-paln-card h3,
	.inner-sec-heading h3,
	.sec-heading h3 {
		font-size: 25px
	}

	.footer-address ul {
		margin: 20px 0
	}

	.close-btn {
		top: -50px;
		width: 40px;
		height: 40px;
		right: 3%
	}

	.close-btn img {
		width: 17px
	}

	.inner-sec-heading h3::after {
		width: 250px;
		left: calc(50% - 125px)
	}

	.amenities-name p {
		font-size: 16px
	}

	.owl-next {
		margin-left: 15px
	}

	.owl-prev {
		margin-right: 15px
	}

	.project-inner-wrpr {
		height: auto;
		overflow-y: initial
	}

	.mobile-sticky {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 99
	}

	.mobile-sticky a {
		color: #fff;
		display: block;
		max-width: 90%;
		margin: 0 auto;
		padding: 10px;
		border-radius: 10px 10px 0 0;
		background-color: #aa7632;
		text-decoration: none;
		border: 3px solid #000
	}

	.prroject-logo {
		width: 70px
	}

	.master-plan-zoom {
		position: absolute;
		bottom: 35px;
		right: 15px
	}

	.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input {
		padding-left: 100px !important
	}

	.intl-tel-input .selected-flag {
		padding: 0 0 0 24px !important
	}

	.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
		width: 100px !important
	}
}

.youtube .play-button {
	width: 86px;
	height: 56px;
	background-color: #ee1f1f;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	z-index: 1;
	opacity: .8;
	border-radius: 8px;
	cursor: pointer;
	left: 46%
}

.youtube iframe,
.youtube img {
	height: 360px;
	width: 650px
}

.youtube .play-button:before {
	left: 34%;
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26px;
	border-color: transparent transparent transparent #fff
}

.youtube img {
	object-fit: cover;
	object-position: center center
}