@font-face {
    font-family: 'PP Hatton';
    src: url('../fonts/pphatton/pphatton-ultralight.woff2') format('woff2'),
        url('../fonts/pphatton/pphatton-ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.mobile-title {
	display: none;
	margin: 0;
}

body {
	font-family: "DM Sans", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
h3{
	margin-top: 0;
}
.breadcrumb-wrapper ol {
	list-style: none;
	display: flex;
	padding: 0 10px;
	background: transparent;
	margin: 10px;
  }
  
  .breadcrumb-wrapper ol li {
	margin-right: 5px;
	position: relative;
  }
  .re-number {
    padding: 10px;
    background: #264790;
    text-align: center;
    color: #fff;
}
.re-number p {
    margin: 0;
}
  
  .breadcrumb-wrapper ol li a {
	text-decoration: none;
	color: black;
	font-size: 17px;
  }
  
  .breadcrumb-wrapper ol li.active a {
	color: #274992;
  }
  .breadcrumb-wrapper ol>li+li:before {
    font-size: 18px;
	padding: 0;
}

.title-font {
	font-family: "Scheherazade New", serif;
	font-weight: 500;
	font-style: normal;
}
.heading {
    font-weight: 400;
	font-size:40px;
}

.title-font-2 {
	font-family: "DM Sans", serif;
}

.row-0 {
	margin-left: 0;
	margin-right: 0;
}
.luxury-apatment-content-2 table th, .luxury-apatment-content-3 table th {
    background-color: #264790;
    color: #fff;
}
.luxury-apatment-content-2 table th, td ,.luxury-apatment-content-3 table th, td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.col-0 {
	padding-left: 0;
	padding-right: 0;
}
.pd-30 {
	padding: 30px 0;
}
.pd-lt {
	padding-left: 30px;
}
.pd-rt {
	padding-right: 30px;
}
.pd-lt-0 {
	padding-left: 0px;
}
.pd-rt-0 {
	padding-right: 10px;
}

form label.error {
	width: 100% !important;
	padding: 10px 0;
	color: red;
	clear: both;
	margin: 0;
	display: none;
	font-weight: normal;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	letter-spacing: 0px;
	color: #9c9c9c;
}

::-moz-placeholder {
	/* Firefox 19+ */
	letter-spacing: 0px;
	color: #9c9c9c;
}

:-ms-input-placeholder {
	/* IE 10+ */
	letter-spacing: 0px;
	color: #9c9c9c;
}

:-moz-placeholder {
	/* Firefox 18- */
	letter-spacing: 0px;
	color: #9c9c9c;
}

/* Sticky Form Start */

body .stickyForm * {
	color: #fff;
}

.stickyForm {
	position: fixed;
	top: 20%;
	width: 310px;
	right: -310px;
	text-align: center;
	padding: 17px;
	border-radius: 11px 0 0 11px;
	-webkit-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index: 9999
}

.stickyForm.active {
	right: 0
}

.stickyForm .btn {
	background: #7fb1c5;
	padding: 10px 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -94px;
	color: #fff;
	height: 40px;
	border-radius: 7px 7px 0 0;
	font-size: 15px;
	cursor: pointer;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	border: 0;
	perspective: 100px;
	outline: 0 !important
}

#project-map,
.black-overlay:before {
	position: absolute;
	top: 0;
	height: 100%
}

body .stickyForm label {
	width: 100% !important
}

body .stickyForm .intl-tel-input,
body .stickyForm input[type=email],
body .stickyForm input[type=text],
body .stickyForm textarea {
	width: 100% !important;
	border: 0;
	height: 35px;
	background: 0 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 13px;
	border-radius: 0;
	font-family: Poppins, sans-serif
}

.stickyForm [type=submit] {
	background: #545454d9;
	color: #fff;
	border: 1px solid #616161;
	padding: 10px 25px;
	border-radius: 2px
}

body .stickyForm ._checkbox {
	margin-bottom: 10px
}

body .stickyForm ._checkbox .text {
	text-align: left;
	margin-bottom: 10px
}

body .stickyForm ._checkbox label {
	width: 50% !important;
	float: left;
	padding-right: 5px
}

body .stickyForm ._checkbox span {
	padding-left: 4px;
	font-size: 13px;
	float: left
}

.stickyForm,
.stickyForm.active .btn {
	background: rgba(35, 35, 35, .77)
}

.stickyForm ::-webkit-input-placeholder {
	letter-spacing: 0;
	color: #ccc
}

.stickyForm ::-moz-placeholder {
	letter-spacing: 0;
	color: #ccc
}

.stickyForm ::-ms-input-placeholder {
	letter-spacing: 0;
	color: #ccc
}

.stickyForm :-moz-placeholder {
	letter-spacing: 0;
	color: #ccc
}

body .stickyForm select {
	width: 100%;
	color: #fff;
	border: 0;
	background: 0 0;
	border-bottom: 1px solid #fff;
	height: 40px;
	margin-bottom: 10px;
	border-radius: 0;
	font-size: 14px;
	letter-spacing: 1px
}

body .stickyForm .btn-group {
	margin-top: 20px
}

body .stickyForm .error {
	margin-bottom: 0 !important
}

body .stickyForm label.error {
	padding: 7px 0;
	color: red
}

body .stickyForm [type=submit] {
	background: #7fb1c5 !important;
	border: none;
	height: 40px !important;
	padding: 0 30px !important
}

body .stickyForm input[type='tel'] {
	width: 100%;
	margin-bottom: 10px;
	padding: 0px 0px 10px;
}

body .stickyForm select option {
	color: #000;
}

/* Sticky Form End */

.form-section form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

button.animate-btn {
	background-color: #9C5C39;
	color: white;
	padding: 12px 30px;
	position: relative;
	transition: all 0.2s;
	border: 0;
	margin: 20px 0;
}

button.animate-btn:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #9C5C39;
	left: -8px;
	top: -7px;
	transition: all 0.3s;
}

button.animate-btn:hover {
	background-color: transparent;
	color: #9C5C39;
	transition: all 0.2s;
}

button.animate-btn:hover:before {
	left: 0;
	top: 0;
}

header {
	position: fixed;
	top: 0;
	z-index: 9;
	width: 100%;
	background-color: white;
	align-items: center;
	justify-content: space-around;
	padding: 10px 0px 5px;
	flex-wrap: wrap;
}
.conet_div_new_nav p {
    text-align: center;

}

.conet_div_new_nav{
	text-align: center;
	width: 100%;
}
.menu_lists {
	display: none;
}

.navbar-menu ul {
	display: flex;
	gap: 50px;
	padding: 0 50px;
	margin: 0 50px;
}

.navbar-menu ul li {
	list-style: none;
	font-size: 16px;
}

.navbar-menu ul li a {
	text-decoration: none;
	color: black;
}

.nbr-logo img {
	width: 150px;
}

header.fixed-header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9;
	box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.navbar-menu li.project-main-menu:hover ul.sub-menu {
	opacity: 1;
	box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

li.project-main-menu {
	position: relative;
}

.navbar-menu ul.sub-menu {
	position: absolute;
	top: 22px;
	display: block;
	background: white;
	left: -50px;
	padding: 0;
	opacity: 0;
}

ul.sub-menu li a {
	padding: 10px 30px;
	display: block;
}

ul.sub-menu li:first-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.22);
}

.cnt-btn .sub-menu {
	position: absolute;
	top: 0px;
	background: black;
	left: 0px;
	padding: 1px 0;
	width: 80px;
	border: 1px solid black;
	border-radius: 5px;
	opacity: 0;
	font-size: 9px;
	transition: transform 1s ease-in-out;
	display: none;
}

.cnt-btn .sub-menu a {
	color: white;
}

.cnt-btn:hover .sub-menu {
	display: none;
	opacity: 1;
	box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
	transform: scale(1.5);
	transition: transform 1s ease-in-out;
}

.cnt-btn .sub-menu img {
	width: 7px;
	margin-bottom: 3px;
	margin-right: 5px;
}

/* .menu_btn.btn11 {
	  visibility: hidden;
	  opacity: 0;
	  display: none;
  } */
.menu_btn.btn11 {
	visibility: visible;
	opacity: 1;
	display: block;
}

.menu_lists {
	display: block;
}

.menu_lists {
	position: fixed;
	top: 70px;
	background-color: white;
	color: black !important;
	width: 20%;
	height: 100vh;
	z-index: 19;
	right: 100%;
	-webkit-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out;
}

.menu_lists.active {
	right: 80%;
}

.menu_lists li a {
	color: black !important;
}

.btn11 {
	position: relative;
	width: 30px;
	height: 40px;
	top: -10px;
	left: 0px;
	transition-duration: 0.5s;
	/* margin: auto; */
	margin-right: 0;
}

.btn11 .icon-left {
	transition-duration: 0.5s;
	position: absolute;
	height: 2px;
	width: 10px;
	top: 30px;
	background-color: #212121;
}

.btn11 .icon-left:before {
	transition-duration: 0.5s;
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #212121;
	content: "";
	top: -7px;
}

.btn11.open .icon-left:before {
	top: -8px;
}

.btn11 .icon-left:after {
	transition-duration: 0.5s;
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #212121;
	content: "";
	top: 7px;
}

.btn11.open .icon-left:after {
	top: 8px;
}

.btn11 .icon-left:hover {
	cursor: pointer;
}

.btn11 .icon-right {
	transition-duration: 0.5s;
	position: absolute;
	height: 2px;
	width: 10px;
	top: 30px;
	background-color: #212121;
	left: 10px;
}

.btn11 .icon-right:before {
	transition-duration: 0.5s;
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #212121;
	content: "";
	top: -7px;
}

.btn11.open .icon-right:before {
	top: -8px;
}

.btn11 .icon-right:after {
	transition-duration: 0.5s;
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #212121;
	content: "";
	top: 7px;
}

/* .btn11.open .icon-right:after{
	  top: 8px;
  }	  */
.btn11.open .icon-left {
	transition-duration: 0.5s;
	background: 0 0;
}

.btn11.open .icon-left:before {
	transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}

.btn11.open .icon-left:after {
	transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}

.btn11.open .icon-right {
	transition-duration: 0.5s;
	background: 0 0;
}

.btn11.open .icon-right:before {
	transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}

.btn11.open .icon-right:after {
	transform: rotateZ(45deg) scaleX(1.4) translate(-1px, -2px);
}

.btn11:hover {
	cursor: pointer;
}

ul.custom_class {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: unset !important;
	padding: 15px 0;
	margin: 0;
	color: black;
	list-style: none;
}

ul.custom_class li a {
	color: black;
}

.menu_lists li a {
	text-decoration: none;
	color: black;
	display: block;
	margin: 10px 0;
	padding-left: 35px;
	font-size: 16px;
}

li .social-icon a {
	padding-left: 0;
}

.cnt-btn:hover .sub-menu {

	opacity: 1;
}

.cnt-btn {
	border: 1px solid black;
	padding: 3px 0;
	border-radius: 5px;
	font-family: "Scheherazade New", serif;
	font-size: 13px;
	position: relative;
	font-weight: 1000;
	width: 80px;
	text-align: center;
}

.cnt-btn a {
	color: black;
	text-decoration: none;
	padding: 0;
}

.cnt-btn a:active {
	color: black;
	text-decoration: none;
}

.cnt-btn:hover {
	background-color: black;
	color: white;
	text-decoration: none;
}

.cnt-btn:hover a {
	color: white;
	text-decoration: none;
}

.cnt-btn a:visited {
	text-decoration: none;
}

.legacy_img_wrapper {
	position: relative;
	padding: 0 20px;
}

.legacy_content h3 {
	font-size: 40px;
	font-weight: 400;
}

.discover-btn button:hover {
	background-color: white;
	color: black;

	transition: 0.3s ease-in-out;
}
.discover-btn button:hover p{
	color: black;
}
.legacy_content a {
    width: 70%;
	display: inline-block;
}

.discover-btn button:hover svg path {
	fill: black;
}

.discover-btn button:hover span {
	border-right: 1px solid black;
}

.discover-btn button:hover svg path {
	transition: transform 0.5s ease-in-out;
	transform: translateX(9px);
}

.discover-btn span {
	border-right: 1px solid white;
	padding: 14.5px;
	position: absolute;
	left: 0;
	top: 0;
}

.discover-btn p {
	margin: 0;
	margin-left: 40px;
	letter-spacing: 1px;
	font-weight: 400;
}

.discover-btn {
	margin-top: 30px;
}

.discover-btn button {
	padding: 15px;
	background-color: black;
	color: white;
	font-size: 14px;
	width: 100%;
	border: 1px solid black;
	position: relative;
	text-align: center;
	transition: .6s;
}

.banner-slider .owl-nav,
.upcoming-slider .owl-nav {
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	position: absolute;
	top: 50%;
	width: 100%;
}

.banner-slider .owl-prev svg,
.upcoming-slider .owl-prev svg {
	transform: rotate(180deg);
	width: 35px;
}

.banner-slider .owl-prev,
.upcoming-slider .owl-prev {
	position: absolute;
	left: 50px;
	top: 50%;
}

.banner-slider .owl-next svg,
.upcoming-slider .owl-next svg {
	width: 35px;
}

.banner-slider .owl-next,
.upcoming-slider .owl-next {
	position: absolute;
	right: 50px;
	top: 50%;
}

.prjt-wrapper .upcoming-prjt-addr {
	color: white;
	width: 250px;
	height: 85px;
	background: #00000042;
	position: relative;
	margin: auto;
	backdrop-filter: blur(10px);
	overflow: hidden;
	padding: 10px;
	margin-top: 35px;
}

.prjt-wrapper .upcoming-prjt-addr img {
	width: 30px;
}

.prjt-wrapper .upcoming-prjt-addr span {
	position: absolute;
	left: 14px;
	top: 14px;
}

.upcoming-prjt-addr .address {
	margin-left: 50px;
}

.upcoming-prjt-addr h4 {
	font-weight: 200;
	font-size: 19px;
}

.upcoming-prjt-addr p {
	font-weight: 200;
	font-size: 14px;
}

.banner-slider .owl-dots {
	display: flex;
	gap: 4px;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}

.banner-slider .owl-dot {
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background-color: #d9d9d96b;
}

.banner-slider .owl-dot.active {
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background-color: white;
}

.legacy_img img {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
	transform: scale(1.1);
	transition: all ease-out 0.6s;
}

.legacy_img_wrapper:hover img {
	transform: scale(1);
	transition: all ease-out 0.6s;
}

.legacy_img_wrapper:hover .legacy_img:before {
	transition: all ease-out 0.6s;
	opacity: 0;
}

.legacy_img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.4;
	z-index: 1;
	transition: all ease-out 0.6s;
}

.legacy_img {
	position: relative;
	overflow: hidden;
}

.legacy_content_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
}

.legacy_img_text {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: white;
	z-index: 1;
	padding: 0 25px;
	right: 0;
	font-size: 12px;
	width: 80%;
}

.legacy_img_text h3 {
	font-weight: 400;
}

.legacy_img_text p {
	font-weight: 200;
	line-height: 20px;
}

.legacy_content p.about-para {
	color: #000000c9;
	margin-top: 20px;
	font-weight: 300;
	width: 88%;
	font-size: 15px;
}

.new-img {
	position: relative;
}

.new-img img {
	width: 100%;
	height: 400px;
	position: relative;
}

.new-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #274992;
	z-index: 1;
	transition: all ease-out 0.6s;
	opacity: 0.5;
}

.new-content-wrapper:hover .new-img:before {
	opacity: 0.5;
	background-color: black;
	transition: all ease-out 0.6s;
}

.new-title {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	z-index: 1;
}

.new-title h3 {
	color: white;
}

.new-title img {
	width: 80px !important;
}

.new-content-wrapper:hover .new-content {
	bottom: 30px;
	visibility: visible;
	opacity: 1;
	transition: all ease-out 0.8s;
	z-index: 1;
}

.new-content p {
	color: white;
}

.new-content {
	position: absolute;
	bottom: -70px;
	visibility: hidden;
	opacity: 0;
	font-size: 10px;
	right: 0;
	left: 0;
	transition: all ease-out 0.8s;
}

.new-content-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.new-slider .owl-nav,
.live-slider .owl-nav,
.management-slider .owl-nav,
.ongoing-project-slider .owl-nav,
.floorplan-slider .owl-nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 30px;
	margin-right: 130px;
}
.ongoing-project-slider .owl-nav{
	justify-content: center;
	margin-right: 0px;
}
.ongoing-project-slider{
	margin-top: 30px;
}

.new-slider .owl-prev,
.live-slider .owl-prev,
.management-slider .owl-prev,
.ongoing-project-slider .owl-prev,
.floorplan-slider .owl-prev {
	padding: 0 15px;
}

.new-slider .owl-prev img,
.live-slider .owl-prev img,
.management-slider .owl-prev img,
.ongoing-project-slider .owl-prev img,
.floorplan-slider .owl-prev img {
	width: 35px;
}

.new-slider .owl-next,
.live-slider .owl-next,
.management-slider .owl-next,
.ongoing-project-slider .owl-next,
.floorplan-slider .owl-next {
	padding: 0 15px;
}

.new-slider .owl-next img,
.live-slider .owl-next img,
.management-slider .owl-next img,
.ongoing-project-slider .owl-next img,
.floorplan-slider .owl-next img {
	width: 35px;
}

.new-slider .owl-stage,
.live-slider .owl-stage,
.floorplan-slider .owl-stage {
	padding-left: 0 !important;
}

.completed-tab {
	width: 20%;
	margin: auto;
	position: relative;
}

.live-tab-wrapper.project.live.container.active {
	margin: auto;
}

.nbr-world-wrapper .nbr-title {
	font-size: 28px;
	margin-left: 40px;
}

.nbr-world-btn {
	cursor: pointer;
	font-size: 28px;
	font-weight: 900;
	margin: 8px;
	color: #00000054;
}

.nbr-world-btn.active {
	color: #000000;
}

.tab-btn {
	display: flex;
	align-items: center;
	justify-content: end;
}

.nbr-title-wrapper {
	padding: 40px 0;
}

.project {
	display: none;
}

.project.active {
	display: block;
	margin-left: 120px;
}

.upcoming-prjt-text h3 {
	font-size: 50px;
	font-weight: 800;
	margin: 0;
}

.upcoming-prjt-text {
	transition: all ease-out 0.8s;
	transform: translateY(-27px);
	z-index: 1;
	position: relative;
}

/* .coming-soon h3{
	  color: white;
	  font-size: 40px;
	  margin: 0;
	  z-index: 99;
	  position: absolute;
	  bottom: -85px;
	  visibility: hidden;
	  transition: all ease-out 0.8s;
	  text-align: center;
	  left: 0;
	  right: 0;
  } */
.coming-soon img {
	margin: 0;
	z-index: 99;
	position: absolute;
	bottom: 100px;
	transition: all ease-out 0.8s;
	left: 0;
	right: 0;
	width: 150px !important;
	margin: auto;
}

/* .coming-soon-wrapper:hover .coming-soon img {
	visibility: visible;
	opacity: 1;
	bottom: 100px;
	transition: all ease-out 0.8s;
  } */
.coming-soon {
	width: 250px;
	height: 250px;
	background: #00000042;
	position: relative;
	margin: auto;
	backdrop-filter: blur(10px);
	overflow: hidden;
}

.prjt-wrapper {
	position: relative;
}

.coming-soon-wrapper {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	color: white;
	z-index: 1;
	width: 60%;
	margin: auto;
}

/* .coming-soon-wrapper:hover .upcoming-prjt-text {
	transform: translateY(-27px);
	transition: all ease-out 0.8s;
  } */
.coming-soon-wrapper:hover .coming-soon h3 {
	visibility: visible;
	opacity: 1;
	bottom: 70px;
	transition: all ease-out 0.8s;
}

.upcoming-prjt-img img {
	position: relative;
}

.media-centre-wrapper {}

.media-centre-wrapper h3 {
	font-size: 30px;
	padding: 20px 0 40px;
}

.media-img img {
	width: 100%;
}

.media-img {
	position: relative;
}

.media-img h4 {
	color: white;
	position: absolute;
	bottom: 20px;
	left: 30px;
}

.media-slider .owl-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.media-slider .owl-prev {
	padding: 0 15px;
}

.media-slider .owl-prev img {
	width: 35px;
}

.media-slider .owl-next {
	padding: 0 15px;
}

.media-slider .owl-next img {
	width: 35px;
}

.accordion-wrapper {
	padding: 30px 0;
	padding-top: 0px;
}
.seo-accordion {
    margin-top: 30px;
}
.faq-accordion {
	width: 75%;
	margin: auto;
	--bs-accordion-btn-focus-box-shadow: transparent;
}

#acccordion h3,
.sitevisitForm h3 {
	font-size: 30px;
	color: black;
}

/* #acccordion .accordion .accordion-item {
    display: none;
  } */
.faq-accordion .accordion-btn:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	color: #000;
}

.faq-accordion h2 .accordion-btn {
	background-color: transparent;
	font-size: 20px;
	color: #0F3A30 !important;
	padding: 25px;
}

.faq-accordion .accordion-body {
	padding-top: 0;
	padding-bottom: 30px;
	width: 100%;
	color: black;
	padding-left: 45px;
}

.faq-accordion h2 {
	margin-top: 0;
	padding: 5px 0;
	position: relative;
}

.faq-accordion .accordion-item {
	border: none;
	border-bottom: 1px solid #ACA6A6;
	background-color: transparent;
}

/* 
.faq-accordion .accordion-button:not(.collapsed)::after {
	content: "-";
	font-size: 30px;
	transform: none;
	transition: none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	top: 0px;
	margin: auto;
	color: black;
	background: none;
	border: 1.5px solid black;
	width: 25px;
	height: 25px;
	border-radius: 3px;
	font-weight: 100;
	line-height: 0;
}

.faq-accordion .accordion-button:after {
	content: "+";
	font-size: 30px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	color: black;
	background: none;
	border: 1.5px solid black;
	width: 25px;
	height: 25px;
	border-radius: 3px;
	font-weight: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0px;
} */
.faq-accordion .accordion-button:after {color: #0F3A30;content: "+";position: absolute;top: 50%;transform: translateY(-50%);right: 10px;transition: all 0.3s ease;font-size: 24px;border: 1.5px solid #0F3A30;padding: 1px 6px;line-height: 24px;/* padding-bottom: 6px; */border-radius: 5px;display: block;color: #fff;font-weight: 400;width: 30px;height: 30px;text-align: center;background: none;background: #0F3A30;}

.faq-accordion .accordion-button:not(.collapsed)::after {

	content: "-";

}

.read-more-btn {
	float: right;
	margin: 30px 0;
	clear: both;
	cursor: pointer;
}

.read-more-btn a {
	color: black;
	font-size: 16px;
	text-decoration: underline;
}

.read-more-accordion {
	display: none;
}

.aboutus-video-section {
	width: 90%;
	margin: 60px auto 30px;
	position: relative;
}

.aboutus-slider {
	position: relative;
}

.aboutus-slider .owl-nav {
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	position: absolute;
	top: 50%;
	width: 100%;
}

.aboutus-slider .owl-next img {
	transform: rotate(180deg);
	width: 35px;
}

.aboutus-slider .owl-prev {
	position: absolute;
	left: -60px;
	top: 50%;
}

.aboutus-slider .owl-prev img {
	width: 35px;
}

.aboutus-slider .owl-next {
	position: absolute;
	right: -60px;
	top: 50%;
}

.play-btn {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
	display: none;
}

.aboutus-slider .play-btn img {
	width: 60px !important;
}

.aboutus-img img {
	position: relative;
	width: 100%;
}

.vision-design {}

.vision-design img {
	width: 70px;
}

.mission-wrapper {}

.mission-wrapper p {
	font-size: 16px;
	color: #4f4f4fe3;
}

.mission-wrapper h3 {
	font-size: 30px;
	margin: 30px 0;
}

.milestone-section {}

.milestone-section h3 {
	font-size: 30px;
	text-align: center;
}

.milestone-wrapper {
	min-height: 100vh;
	margin: 30px 0px;
	padding: 30px 0 0px;
	position: relative;
}

.year-content-wrapper .year-content {
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease-in;
}

.year-content-wrapper.active .year-content {
	opacity: 1;
	visibility: visible;
	transition: all 0.7s ease-in;
}

.year-content-wrapper img {
	opacity: 0;
	visibility: hidden;
	height: 100vh;
	object-fit: cover;
}

.year-content-wrapper img {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in;
}

.year-content-wrapper.active img {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s ease-in;
}

.year-btn button {
	background-color: transparent;
	border: none;
	font-size: 29px;
	width: 90px;
	border-radius: 4px;
	position: relative;
	color: white;
}

.year-btn {
	/* scrollbar-width: none;  */
	-ms-overflow-style: none;
}

.nav-scroll {
	position: absolute;
	right: 170px;
	top: 0px;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.nav-scroll span {
	width: 10px;
	height: 10px;
	display: block;
	border-bottom: 1.5px solid white;
	border-right: 1.5px solid white;
	transform: rotate(45deg);
}

.nav-scroll span:nth-child(2) {
	margin-top: -4px;
}

.year-btn::-webkit-scrollbar {
	display: none;
}

.year-btn {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	gap: 30px;
	color: white;
	position: absolute;
	right: 230px;
	z-index: 9;
	top: 0;
	bottom: 0;
	margin: 60px 0;
	overflow-y: scroll;
}

.year-btn button.active {
	border-bottom: 1px white solid;
}

.year-btn button:hover {
	background-color: #ffffff57;
}

.year-btn button::after {
	content: "";
	height: 25px;
	position: absolute;
	top: 47px;
	left: 45px;
	border-left: 1.5px dashed #ffffff78;
}

.year-btn button:last-child::after {
	border: none;
}

.year-content-wrapper {
	color: white;
}

.years {
	/* opacity: 1;
	  visibility: hidden; */
	height: 0;
	/* transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.1s; */
	/* transition: max-height 0.50s ease-out; */
	max-height: 0;
	/* transition: max-height 1s ease-out; */
	position: absolute;
	height: 100vh;
	top: 0;
	width: 100%;
}

.year-content-inner {
	position: relative;
}

.years.active {
	/* opacity: 1;
	  visibility: visible; */
	height: 100%;
	/* transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.1s; */
	/* transition: all ease-out 1s; */
	/* transition: max-height 0.50s ease-out; */
	max-height: 100%;
	/* transition: all 1s ease-in; */
}

.year-content {}

.year-content {
	width: 33%;
	position: absolute;
	top: 20%;
	left: 15%;
	z-index: 9;
}

.year-content p {
	font-size: 21px;
	line-height: 25px;
}

.year-content h3 {
	font-size: 33px;
	margin: 30px 0;
	text-align: left;
	color: #ffffffb8;
}

.year-title h3 {
	font-size: 50px;
	color: white;
	text-align: left;
	margin-bottom: 9px;
}

.directors h3,
.management h3,
.awards h3 {
	font-size: 30px;
}

.director-wrapper {
	width: 100%;
	margin: auto;
	padding-top: 30px;
}

.aboutpage-title {
	/* margin: 0; */
	font-size: 27px;
	margin-bottom: 50px;
	font-weight: 600;
	text-align: center;
}

.board-dir-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.director-img {
	position: relative;
	width: 100%;
}

.director-img img {
	width: 100%;
}

.dir-content {
	position: absolute;
	bottom: 0px;
	visibility: visible;
	opacity: 1;
	font-size: 10px;
	right: 0;
	width: 100%;
	left: 0;
	transition: all ease-out 0.6s;
	color: white;
	max-width: 100%;
	padding: 0 30px;
	text-align: left;
	background-image: linear-gradient(#00000000, #00000085, black);
}

.board-dir-wrapper:hover .dir-content {
	bottom: 0;
	visibility: visible;
	opacity: 1;
	transition: all ease-out 0.6s;
}

.director-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0000009e;
	/* z-index: 1; */
	transition: all ease-out 0.6s;
	opacity: 0;
}

.board-dir-wrapper:hover .director-img:before {
	opacity: 0.3;
	transition: all ease-out 0.6s;
}

.dir-content h3 {
	font-size: 18px;
	font-weight: 400;
}

.management-slider .owl-stage {
	padding-left: 0 !important;
}

/* .management .management-slider{
	display: flex;
		align-items: center;
		justify-content: center;
  } */
.management-wrapper {
	margin-left: 80px;
}

.managemet-img {
	margin-top: 40px;
	position: relative;
}

.managemet-img img {
	width: 100% !important;
}

.managemet-img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0000009e;
	/* z-index: 1; */
	transition: all ease-out 0.6s;
	opacity: 0;
}

.board-dir-wrapper:hover .managemet-img:before {
	opacity: 0.5;
	transition: all ease-out 0.6s;
}

.manage-content {
	position: absolute;
	bottom: 0;
	visibility: visible;
	opacity: 1;
	font-size: 10px;
	right: 0;
	width: 100%;
	left: 0;
	transition: all ease-out 0.6s;
	color: white;
	max-width: 100%;
	padding: 20px;
}

.board-dir-wrapper:hover .manage-content {
	bottom: 0;
	visibility: visible;
	opacity: 1;
	transition: all ease-out 0.6s;
}

.awards .awards-wrapper {
	width: 70%;
	margin: auto;
	/* display: flex; */
	justify-content: space-around;
	align-items: center;
	/* gap: 70px */
}

.award-content-wrapper {
	width: 100%;
}

.award-content h4 span {
	font-weight: 800;
	font-size: 20px;
}

.award-title {
	min-height: 100px;
}

.award-content {}

.award-content h4 {
	color: white;
	/* position: absolute; */
	top: 30%;
	left: 0;
	right: 0;
	font-size: 20px;
	text-align: center;
	padding: 0 10px;
	font-family: "Scheherazade New", serif;
}

.award-content {
	width: 100%;
	height: 500px;
	background-color: #274891;
	position: relative;
	clip-path: polygon(100% 0%, 100% 100%, 52% 80%, 0 100%, 0 0, 25% 0%);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 70px;
	flex-direction: column;
}

.award-content .brand-logo img {
	width: 90px !important;
	min-height: 60px;
	object-fit: contain;
}

.brand-logo {}

.award-logo img {
	width: 100% !important;
}

.small-text h4 span {
	font-size: 20px;
}

.small-text h4 {
	font-size: 11px;
	line-height: 16px;
}

.small-text h4 span.sml-span-txt {
	font-size: 15px;
}

.director-slider .dir-content h4 {
	font-size: 15px;
	font-weight: 200;
}

.dir-content h4 {
	font-size: 15px;
}

.manage-content p {
	font-size: 11px;
	font-weight: 200;
}

.manage-content h4 {
	font-size: 15px;

}

.aboutuspage-title a {
	color: white;
	font-weight: 300;
}

.aboutuspage-title a:hover {
	color: white;
	text-decoration: none;
}

.aboutuspage-title a:active {
	color: white;
	text-decoration: none;
}

.aboutuspage-title a:visited {
	color: white;
	text-decoration: none;
}

.homepage-banner {
	position: relative;
	overflow: hidden;
}

.homepage-banner::before {
	/* content: ""; */
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 35, 35, 0.5);
	z-index: 1;
}

.faq-title {
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-gap {
	margin: 50px 0;
}

.about-us-content p {
	margin: auto;
	width: 70%;
	font-size: 16px;
	line-height: 25px;
}

.readmore-btn {
	margin: 30px;
}

.readmore-btn button {
	color: white;
}

.about-detail-wrapper {
	margin: 50px 0;
	position: relative;
}

.about-detail h2 {
	color: #fdd7a6;
	font-size: 60px;
	margin: 0;
	font-weight: 600;
}

.about-detail h3 {
	margin: 0;
}

.about-detail-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	top: 35px;
	background-color: #fdd7a6;
	width: 160px;
	height: 1px;
}

.about-detail-wrapper::after {
	content: "";
	position: absolute;
	right: 0;
	top: 35px;
	background-color: #fdd7a6;
	width: 160px;
	height: 1px;
}

.project-detail-wrapper h4 {
	margin-top: 0;
}

.project-tab {
	margin: 40px 0;
}

.project-tab button {
	padding: 10px;
	width: 250px;
	background-color: white;
	color: #2a3f70;
	border: 1px solid #2a3f70;
	margin-left: -4px;
	border-bottom: 2px solid #2a3f70;
}

.project-tab button.active {
	background-color: #2a3f70;
	color: white;
}

.project-wrapper .projects {
	opacity: 0;
	visibility: hidden;
	height: 0;
}

.project-wrapper .projects.active {
	height: auto;
	opacity: 1;
	visibility: visible;
}

.slider-content h3 {
	color: #34473a;
}

.project-content {
	width: 50%;
	margin: auto;
}

.slider-content p {
	color: #9d9d9d;
}

.slider-content {
	padding: 0px 10px;
}

.slider-content h3 {
	margin: 20px 0;
}

.number {
	color: #878787;
	margin: 40px 0;
}

.project-slider-right .owl-nav {
	position: absolute;
	right: 300px;
	bottom: 14px;
	margin: auto;
	align-items: center;
	justify-content: center;
	display: flex;
}

.project-slider-left .owl-nav {
	display: none;
}

.project-slider-right .owl-stage {
	padding-left: 0 !important;
}

.project-slider-right .owl-item img {
	filter: opacity(0.5);
}

.project-slider-right .owl-item.center img {
	filter: none;
}

.project-slider-right .owl-item {
	transform: scale(0.8);

	transition: all ease 0.6s;

	position: relative;

	z-index: 2;

	padding: 15px 0;
}

.project-slider-right .owl-item.center {
	transform: scale(1);

	transition: all ease 0.6s;

	position: relative;

	z-index: 2;

	padding: 15px 0;
}

.input-box input {
	border: none;
	border-bottom: 1px solid #dedede;
	padding: 20px;
	width: 100%;
	margin-bottom: 10px;
}

.input-box,
.contact-btn {
	width: 100%;
	margin-bottom: 10px;
}

.contact-btn button {
	border: 1px solid #264790;
	color: white;
	background-color: #264790;
	height: 60px;
	width: 100%;
	margin: 10px 0;
	font-size: 17px;
}

.contact-form {
	width: 70%;
	margin: auto;
	padding: 30px 0;
}

.contact-form input::placeholder {
	color: black;
	font-size: 17px;
}

h3.contact-us-title {
	margin-left: 70px;
	margin-top: 0px;
	padding-left: 60px;
}

.contact-right-side {
	background-color: #9C5C39;
	padding: 15px 30px;
	margin-top: 50px;
}

.contact-info-wrapper {}

.contact-info a {
	color: #333333;
	text-decoration: none;
}

.address {}

/* .logo-wrapper p {
	margin-left: 40px;
} */

.contact .contact-right-wrapper {
	padding: 0;
}

.contact-info-wrapper h3 {
	margin-bottom: 25px;
}

.contact-info-wrapper p {
	color: #ffffffed;
	/* margin-bottom: 0; */
	/* padding: 15px 0; */
}

.address-logo {
	margin-right: 15px;
}

.contact-info {
	width: 80%;
	font-size: 9px;
}

.contact-us-logo {
	width: 30%;
}

.contact-us-wrapper {
	margin-top: 20px;
	position: relative;
}

.contact {
	padding: 30px 0;
}

.contact-info-wrapper::before {
	/* content: ""; */
	position: absolute;
	top: 28px;
	left: -19px;
	width: 50px;
	height: 45px;
	background-color: #fdd7a6;
}

.logo-wrapper span {
	position: relative;
}

.logo-wrapper {
	position: relative;
	display: flex;
}

.banner-title h4 {
	font-size: 22px;
	margin: 10px 0;
}

.banner-title h1 {
	font-size: 45px;
	margin: 20px 0;
	color: white !important;
}

.coming-soon-btn {
	padding: 13px 30px;
	background-color: #9C5C39;
	color: white;
	border: 1px solid #9C5C39;
	margin-top: 30px;
}

.aboutuspage-banner {
	position: relative;
	overflow: hidden;
}

.aboutuspage-banner::before {
	/* content: ""; */
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 35, 35, 0.6);
	z-index: 1;
}

.aboutuspage-title {
	color: #fff;
	position: absolute;
	bottom: 50px;
	left: 70px;
	z-index: 1;
}

.about-us-para {
	font-size: 16px;
	color: #4f4f4fe3;
	/* width: 80%; */
}

.about-us-para p {
	margin: 20px 0;
}

.searchbox {
	margin: 37px 0;
	text-align: end;
}

.searchbox input {
	padding: 10px 25px;
	border-radius: 23px;
	width: 270px;
	font-size: 17px;
	border: 1px solid #6e6e6e;
}

.searchbox svg {
	position: relative;
	right: 50px;
	width: 22px;
	height: 23px;
	top: -3px;
	/* bottom: 0px; */
}

.list-content {
	list-style: none;
}

.list-content li {
	margin: 10px 0;
}

.view-project {
	transition: all 0.4s ease-in-out;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 0px;
	left: 0px;
	font-size: 13px;
	background-color: transparent;
	right: 0;
	width: 140px;
	margin: auto;
	border: 1px solid white;
	color: white;
	padding: 7px;
	text-align: center;
}

a.view-project:hover {
	text-decoration: none;
	color: white;
}

a.view-project:active {
	text-decoration: none;
	color: white;
}

a.view-project {
	text-decoration: none;
	color: white;
}

.prj-lst-img-box:hover .view-project {
	opacity: 1;
	visibility: visible;
	top: -150px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.prj-lst-img-box:hover img {
	height: 270px;
	transition: all 0.4s ease-in-out;
}

.prj-lst-img-box:hover .prj-location {
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.prj-lst-img-box .prj-location {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

.prj-img-content {
	padding: 20px 40px;
	background-color: #f5f5f5;
	position: relative;
	min-height: 200px;
}

/* contact us page */
.contactuspage-banner {
	position: relative;
	overflow: hidden;
}

.contactuspage-banner::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 35, 35, 0.5);
	z-index: 1;
}

.contactuspage-title {
	color: #fff;
	position: absolute;
	bottom: 50px;
	left: 150px;
	z-index: 1;
}

.contactpage .input-box input,
.contactpage .input-box textarea {
	border: 1px solid #9d9d9d;
	padding: 16px;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px;
}

.contactpage .input-box,
.contact-btn {
	width: 100%;
	margin-bottom: 10px;
}

.contactpage .contact-btn button {
	border: 1px solid #9C5C39;
	color: white;
	background-color: #9C5C39;
	height: 60px;
	width: 100%;
	margin: 10px 0;
	font-size: 17px;
}

.contactpage .contact-form {
	width: 100%;
	padding: 0;
}

.contactpage .contact-form input::placeholder,
.contactpage .contact-form textarea::placeholder {
	color: black;
	font-size: 17px;
}

.contactus-right-side {
	margin-left: 50px;
}

.contactus-img img {
	width: 100%;
}

.contactus-img {
	margin: 30px 0;
}

.contact-page-wrapper {
	margin: 30px 0;
}

.contact-page-wrapper p {
	font-size: 16px;
	padding: 10px 0;
}

.contact-page-wrapper .title-border {
	margin: 5px 0;
}

.contact-page-wrapper .address-logo {
	margin-right: 20px;
}

.contact-page-wrapper .logo-wrapper p {
	margin-left: 40px;
}

/* disclaimer & privacy pages */
.privacy .text-4 {
	font-size: 15px;
}

.disclaimer a:hover {
	text-decoration: none;
	color: #ffffffed;
}

.disclaimer a:active {
	text-decoration: none;
	color: #ffffffed;
}

.disclaimer a {
	text-decoration: none;
	color: #ffffffed;
}

.copyright {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: 300;
	color: #fff;
}

.terms-cond {
	text-align: right;
	font-size: 13px;
}

/* footer page */
.footer-wrapper .footer-row {
	margin: 0 !important;
}

footer.footer-bg {
    background-color: #0F3A30;
   background-image: unset;
}

.quick-links h3 {
	/* display: none; */
}

footer a {
	color: #ffffffed;
	/* text-decoration: none !important; */
	font-weight: 300;
	font-size: 11px;
}



.quick-links a:hover {
	color: rgba(163, 148, 87, 1);
}

.quick-links a:active {
	color: #ffffffed;
}

.quick-links a:visited {
	color: #ffffffed;
}

.disclaimer {
	padding: 20px 0 10px;
	font-size: 14px;
}

.disclaimer a:hover {
	color: rgba(163, 148, 87, 1);
}

.disclaimer a:active {
	color: #ffffffed;
}

.disclaimer a {
	color: #ffffffed;
	text-decoration: underline;
}

.mobile-footer {
	display: none;
}

.footer-logo-col {
	padding: 0;
}

.footer-logo {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	/* flex-direction: column; */
}

.standard-logo {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: column;
}

.footer-logo-img {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	height: 70%;
	/* margin-left: 30px; */
}

.footer-logo-img img {
	width: 50px;
}

.iso-logo-img img {
	width: 50px;
}

.credai-logo-img {
	margin-top: 18px;
}

.credai-logo-img img {
	width: 120px;
}

.address_wrapper {
	border-bottom: 1px solid #ffffffed;
	padding: 0px 0 8px;
}

.quick-links {
	padding: 0px 0 0px;
}

.link-wrapper {
	padding: 0 !important;
}

.quick-links h4 {
	padding-bottom: 2px;
	position: relative;
	font-size: 11px;
	border-bottom: 1px solid #ffffffed;
	display: inline;
	padding-right: 20px;
	font-weight: 300;
	color: #fff;
}

.quick-menu {
	margin-bottom: 20px;
}

.quick-links h4:before {
	/* content: ""; */
	position: absolute;
	width: 25%;
	height: 1px;
	background-color: #ffffffed;
	top: 7px;
	left: 20px;
}

.quick-links h4:after {
	/* content: ""; */
	position: absolute;
	width: 30%;
	height: 1px;
	background-color: #ffffffed;
	top: 7px;
	right: 20px;
}

.quick-links p {
	font-size: 10px;
}

.footer-logo-wrapper p {
	padding: 10px 0;
	color: #ffffffed;
}

.footer-logo-wrapper {
	padding-top: 20px;
	border-bottom: 1.5px solid rgba(163, 148, 87, 1);
	width: 100%;
	/* border: 5px solid; */
	/* Border width must be defined */
	/* border-image: linear-gradient(90deg, rgba(225, 201, 103, 1), rgba(163, 148, 87, 1)) 1; */
	padding-bottom: 10px;
}

.mobile-footer-logo {
	display: none;
}

.footer-wrapper {
	margin: auto;
	padding: 40px 0 0px;
}

.desktop-footer-logo img,
.mobile-footer-logo {
	width: 50px;
}

.follow-us-wrapper {
	margin-top: 30px;
}

.mobile-followus {
	display: none;
}

.follow-us-logo {
	color: #ffffffed;
	display: flex;
	justify-content: left;
	align-items: center;
	flex-direction: row;
	gap: 10px;
}

.follow-us-logo img {
	width: 20px;
}

.follow-us-logo ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	list-style: none;
	padding-left: 0;
}

/* 
  .flex-center-align {
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  height: 100%;
  } */
.contact-info-wrapper a {
	color: white;
}

.social-icon {
	width: 30px;
	height: 30px;
	border: 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 10px;
}

.social-icon a {
	line-height: 12px;
}

.social-icon a:hover {
	text-decoration: none;
	color: white;
}

.contact-us-logo {
	width: 50%;
	margin-left: 15px;
}

#section-wipes section {
	background-color: #f5f5f5;
	padding-bottom: 30px;
}

.table-custom-text {
	display: flex;
	white-space: break-spaces;
}

.contact-popup-form {
	width: 45%;
	z-index: 9 !important;
	min-height: auto;
}

.contact-popup-form .input-box input {
	border: 1px solid #dedede;
	padding: 10px;
}

.contact-popup-form .contact-btn button {
	height: 45px;
}

.contact-popup-form form {
	padding: 30px;
}

/* directors message page */
.director-img img {
	width: 100%;
	height: 100%;
}

.director-detail h3 {
	font-size: 24px;
	color: black;
}

.director-detail h4 {
	font-size: 21px;
	color: #0000007d;
	font-weight: 300;
	margin-bottom: 30px;
}

.director-wrapper p {
	font-size: 17px;
	color: #000000c9;
	font-weight: 300;
	padding: 10px 0;
}

.director-wrapper p.para {
	margin-top: 30px;
}

.director-detail {
	padding: 0px;
}

.pd-left {
	padding-left: 20px;
}

/* press page */
.press-wrapper {
	width: 90%;
	margin: auto;

}

.press-wrapper a {
	text-decoration: none;
}

.press-wrapper a:visited {
	text-decoration: none;
}

.press-wrapper a:hover {
	text-decoration: none;
}

.press-wrapper a:active {
	text-decoration: none;
}

.press-box h4 {
	color: #274992;
	font-size: 14px;
}

.press-box p {
	font-size: 13px;
	line-height: 25px;
	color: #00000070;
}

.press-box {
	box-shadow: rgb(100 100 111 / 14%) 1px 1px 5px 0px;
	padding: 20px;
	margin-bottom: 30px !important;
	min-height: 150px;
	width: 95%;
	margin: auto;
}

.press-title h1 {
	border-bottom: 1.3px solid #0000005c;
	padding-bottom: 25px;
	margin-bottom: 50px;
	font-size: 40px;
}

.blog-title h1 {
	border-bottom: 1.3px solid #0000005c;
	padding-bottom: 25px;
	margin-top: 50px;
	font-size: 40px;
}

/* blog page */
.blog-wrapper {
	width: 100%;
	margin: auto;

}

.blog-box img {
	width: 100%;
}

.blog-box h4 {
	font-size: 20px;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
}

.blog-box p {
	font-size: 13px;
	line-height: 20px;
	color: #00000070;
	margin-bottom: 0px;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-box .blog-img img {
	height: 250px;
	object-fit: cover;
}

.blog-box span {
	font-size: 12px;
}

.blog-box {
	padding: 20px 0px;
	/* margin-bottom: 30px !important; */
	min-height: 150px;
	width: 100%;
	margin: auto;
}

.blog-wrapper .blog-box a {
	text-decoration: none;
	color: black;
}

.blog-wrapper .blog-box a:hover {
	text-decoration: none;
	color: black;
}

.blog-wrapper .blog-box a:active {
	text-decoration: none;
	color: black;
}

.blog-wrapper .blog-box a:visited {
	text-decoration: none;
	color: black;
}

.blog-content h3 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 30px;
}

.blog-content-wrapper p {
	font-size: 17px;
	font-weight: 300;
	color: #000000b5;
}

.blog-content-wrapper p span {
	font-size: 17px;
	font-weight: 300;
	color: #000000b5;
	line-height: 25px;
}

.blog-content ol {
	padding-top: 10px;
	padding-bottom: 10px;
}

.blog-content ol li {
	font-size: 17px;
	font-weight: 300;
	color: black;
	padding-bottom: 5px;
}

.blog-content ol li span {
	font-size: 17px;
	font-weight: 300;
	color: #000000b5;
}

.blog-content-wrapper {
	width: 100%;
	margin: auto;
}

.blog-title h2 {
	border-bottom: 1.3px solid #0000005c;
	padding-bottom: 25px;
	margin-bottom: 10px;
	font-size: 30px;
}

.blogs a {
	text-decoration: none;
}

.blogs a:hover {
	text-decoration: none;
}

.blogs a:visited {
	text-decoration: none;
}

.blogs a:active {
	text-decoration: none;
}

.sidebar {
	position: sticky;
	top: 100px;
	box-shadow: rgb(100 100 111 / 14%) 1px 1px 5px 0px;
	padding: 20px;
	margin-bottom: 50px;
}

.sidebar .wp-block-latest-posts a,
.sidebar .wp-block-archives a,
.sidebar .widget_categories a {
	text-decoration: none;
	color: black;
}

.sidebar .wp-block-latest-posts a:hover,
.sidebar .wp-block-archives a:hover,
.sidebar .widget_categories a:hover {
	text-decoration: none;
	color: black;
}

.sidebar .wp-block-latest-posts a:visited,
.sidebar .wp-block-archives a:visited,
.sidebar .widget_categories a:visited {
	text-decoration: none;
	color: black;
}

.sidebar .wp-block-latest-posts a:active,
.sidebar .wp-block-archives a:active,
.sidebar .widget_categories a:active {
	text-decoration: none;
	color: black;
}

.sidebar .wp-block-latest-posts,
.sidebar .wp-block-archives,
.sidebar .wp-block-categories {
	margin-left: 20px
}

.blogpage-title h1 {
	font-size: 30px;
}

.sidebar label#wp-block-search__input-1-error {
	position: absolute;
	bottom: -25px;
	left: 3px;
}

.sidebar #block-11 {
	margin-top: 30px;
	position: relative;
	padding: 10px 0;
}

.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li {
	border-bottom: 1px solid black;
	padding: 10px 0;
	font-weight: 300;
}

/* 404 page */
.not-found-page {
	height: 85vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.not-found-page h1 {
	font-size: 250px;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 28px;
	opacity: 0.7;
}

.not-found-page p {
	font-size: 15px;
	font-weight: 500;
	color: #717171;
}
/* seo page */
.call-btn a {
	color: #fff !important;
	font-size: 15px;
	display: block;
	outline: 0 !important;
	border: none !important;
	box-shadow: none !important;
	width: 100%;
	line-height: 30px;
}
 .call-btn a:hover{
	color: #fff !important;
}
.call-btn{
	background: #7fb1c5;
    margin: auto;
    color: #fff;
    height: 40px;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: fixed;
    top: 25%;
    width: 90px;
    right: -25px;
    text-align: center;
    -webkit-transition: .35sease -in-out;
    -o-transition: .35s ease-in-out;
    transition: .35sease -in-out;
    z-index: 9999;
}
.luxury-apartment-wrapper{
	text-align: center;
    width: 80%;
    margin: auto;
	padding: 20px 0;
}
.luxury-apartment-wrapper h1{
    /* font-size: 30px; */
}
.luxury-apartment-wrapper p{
    margin-top: 20px;
    font-weight: 400;
    line-height: 29px;
    font-size: 15px;
}
.seopage-banner {
    position: relative;
}
.mble-title{
	display: none;
}
.seo-body-font{
	font-family: "Public Sans", serif;
	font-weight: 400;
	font-style: normal;
}
.title-color{
	color: #0F3A30;
	font-size: 40px;
	font-weight: 400;
}
.seopage-banner-content {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    width: 60%;
    margin-left: auto;
	padding: 60px 0 30px;
}
.seopage-banner-text-wrapper {
    color: white;
	width: 70%;
	margin: auto;
	font-family: 'Public Sans';
}
.seopage-banner-text-wrapper h3 {
    font-size: 26px;
    letter-spacing: 1px;
	background: linear-gradient(to right, #C46453, #999999);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-family: 'Public Sans';
}
/* .seopage-banner-text-wrapper h4 {
filter: blur(5px) !important;
} */
.seopage-banner-text-wrapper h2 {
    font-size: 45px;
    margin: 40px 0;
	font-family: 'PP Hatton';
}
.seopage-banner-text-wrapper p {
    font-size: 20px;
}
.seopage-banner-text-wrapper p.banner-location {
    font-size: 16px;
    margin-top: 85px;
}
.seopage .seopage-banner .seopage-banner-text-wrapper p img {
    width: 25px;
}
.banner-enquiry-btn a{
	color: white;
	background-color: #9c5c39;
	text-decoration: none;
	border: 1px solid white;
	border-radius: 5px;
    width: 130px;
    padding: 7px;
    display: inline-block;
    text-align: center;
}
.banner-enquiry-btn a:hover{
	color: white;

}
.banner-enquiry-btn a:active{
	color: white;

}
.banner-enquiry-btn a:visited{
	color: white;

}
.banner-enquiry-btn {
    /* position: absolute; */
    right: 24%;
    bottom: 23%;
	margin-top: 20px;
}
.highrise-wrapper {
    padding-top: 25px;
}
.highrise-content{
	margin: 0px 0 0 120px;
}
.highrise-content a {
    width: 70%;
    display: inline-block;
}
.highrise-content p {
	color: white;
    margin-top: 20px;
    font-weight: 400;
    line-height: 29px;
	font-size: 15px;
	text-align: justify;
}
.highrise-content .discover-btn {
    margin-top: 30px;
}
.highrise-content .discover-btn button {
    padding: 15px;
    background-color: #9C5C39;
    color: white;
    font-size: 14px;
    width: 100%;
    border: 1px solid #9C5C39;
    position: relative;
    text-align: center;
    transition: .6s;
}
.highrise-content .discover-btn span {
    border-right: 1px solid white;
    padding: 14.5px;
    position: absolute;
    left: 0;
    top: 0;
	height: 100%;
}
.highrise-content .discover-btn p {
    margin: 0;
    margin-left: 40px;
    letter-spacing: 1px;
    font-weight: 400;
	color: white !important;
	text-align: center;
}
.highrise-content .discover-btn button:hover p{
	color: black;
}
.highrise-content .discover-btn button:hover {
	background-color: white;
	transition: 0.3s ease-in-out;
}

.highrise-content .discover-btn button:hover svg path {
	fill: black;
}

.highrise-content .discover-btn button:hover span {
	border-right: 1px solid black;
}
.highrise-content p, .highrise-content p span, .luxury-apartment-wrapper p, .luxury-apartment-wrapper p span{
	font-family: "Public Sans", serif !important;
    font-weight: 400 !important;
	font-size: 15px  !important;
	color: black !important;
}
.highrise-content p a{
	color: #fff !important;
	
}
.discover-btn p{
	margin-left: 60px !important;
	color: white;
	font-family: "Scheherazade New", serif !important;
}
.highrise-content .discover-btn button:hover p{
	color: black !important;
}
.highrise-apartment-img img{
	width: 100%;
}
.why-choose-nbr-seo-img img{
	width: 100%;
}
.why-choose-nbr-seo-img{
	overflow: hidden;
}
.why-choose-nbr-seo-wrapper {
    padding-top: 80px;
}


@keyframes slideUp {
	0% {
	  transform: translateY(100%) scale(0.9); /* Start below and slightly smaller */
	  opacity: 0;
	  height: 0; /* Start faded out */
	}
	100% {
	  transform: translateY(0) scale(1); /* End at normal position and size */
	  opacity: 1;
	  height: auto; /* Fully visible */
	}
  }
  @keyframes slideDown {
	0% {
	  transform: translateY(100%) scale(0.8); /* Start above and slightly smaller */
	  opacity: 0;
	  height: 0;/* Start faded out */
	   /* Start faded out */
	}
	100% {
	  transform: translateY(0) scale(1); /* End at normal position and size */
	  opacity: 1;
	  height: auto;/* Start faded out */
	   /* Fully visible */
	}
  }
  
  /* Slide-Up effect (triggered when coming into view) */
  .why-choose-nbr-seo-img.slide-up  {
	animation: slideUp 0.8s ease-out forwards;
  }
  
  /* Slide-Down effect (triggered when leaving view) */
  .why-choose-nbr-seo-img.slide-down  {
	animation: slideDown 0.8s ease-out forwards;
  }
  
.why-choose-nbr-seo-img  {
	height: 0;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.9);
	animation: none;
	transition: all 0.2s;
	transition: transform 1s ease, opacity 1s ease;
	transform: translate3d(0px, 300px, 0px);
  }
  
  /* When active */
  .why-choose-nbr-seo-img.active  {
	height: 100%;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	
	/* transition: transform 1s ease, opacity 1s ease; */
	transform: translate3d(0px, 0px, 0px);
  }
  
  /* Slide-up effect */
  .why-choose-nbr-seo-img.slide-up  {
	animation: slideUp 0.8s ease-out;
  }
  
  /* Slide-down effect */
  .why-choose-nbr-seo-img.slide-down  {
	animation: slideDown 0.8s ease-out;
  }
.why-choose-nbr-accordion {
    margin: 0px 0 0 60px;
}
.why-choose-nbr-accordion .faq-accordion .accordion-body{
	padding: 5px;
	font-weight: 400;
    font-size: 15px;
    line-height: 22px;
	width: 90%;
	color: black;
}
.why-choose-nbr-accordion .faq-accordion h2 .accordion-btn{
	padding: 25px 5px 0 0;
	font-size: 16px;
	font-weight: 700;
}
.why-choose-nbr-accordion .faq-accordion h2{
	padding: 5px;
}
.why-choose-nbr-accordion .faq-accordion .accordion-item{
	padding-bottom: 5px;
}
.why-choose-nbr-accordion .faq-accordion .accordion-button:after {
    top: 75%;
}
.why-choose-nbr-accordion .faq-accordion {
    width: 75%;
	margin: 0;
}
/* .faq-accordion .accordion-button:after {
    top: 20px;

}
.faq-accordion .accordion-button:not(.collapsed)::after {
    top: 30px;
} */
.specification-wrapper{
    width: 85%;
    margin: auto;
}
.specification-wrapper h3{
	text-align: center;
    margin: 30px 0;
}
.specification-content{
    background-color: #355f5917;
    border: 1px solid #355f5917;
    border-radius: 9px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* min-height: 350px; */
    min-height: 250px;
}
.specification-img img{
    width: 50px;
}
.specification-content h4{
font-size: 15px;
margin-top: 20px;
min-height: 30px;
}
.specification-content p{
	font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
.luxury-feature-wrapper{
	padding: 70px 0 70px;
}
.luxury-feature-slider-wrapper h3{
	/* font-size: 35px; */
    margin-bottom: 20px;
}
.luxury-feature-slider .luxury-feature-icon img {
    width: 30px;
}
.luxury-feature-content{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 10px 0;
	background: #1b5a5117;
}
.luxury-feature-para{
	margin-bottom: 30px;
	font-size: 15px;
    font-weight: 400;
	position: relative;
	display: inline-block;
	margin-left: 5px;
	color: black;
}

.luxury-feature-para::before {
	content: '';
	position: absolute;
	border: 1px solid black;
	top: 0px;
	left: -4px;
	width: 10px;
	height: 10px;
	border-right: none;
	border-bottom: none;
  }
  
  .luxury-feature-para::after {
	content: '';
	position: absolute;
	border: 1px solid #666;
	bottom: 2px;
	right: -3px;
	width: 10px;
	height: 10px;
	border-left: none;
	border-top: none;
  }
.luxury-feature-content p{
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 12px;
	color: #0F3A30;
}
.luxury-feature-icon{
    border-left: 1px solid #355f5917;
    border-right: 1px solid #355f5917;
    padding: 5px 10px;
    min-height: 53px;
    display: flex;
    align-items: center;
}
    align-items: center;
}
/* .luxury-feature-content .luxury-feature-icon */
.b-l-none{
	border-left: none;
}
.luxury-feature-img img{
	width: 100%;
}
.luxury-feature-slider-wrapper{
	margin: 0px 0 0 120px;
}

.luxury-feature-slider .owl-nav {
	display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		position: absolute;
		right: 0;
		top: -10px;
}

.luxury-feature-slider .owl-prev,
.location-slider .owl-prev{
	padding: 0 5px;
}

.luxury-feature-slider .owl-prev img,
.location-slider .owl-prev img{
	width: 28px;
}

.luxury-feature-slider .owl-next,
.location-slider .owl-next{
	padding: 0 5px;
}

.luxury-feature-slider .owl-next img,
.location-slider .owl-next img{
	width: 28px;
	transform: rotate(180deg);

}
.location-tab {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #66666663;
    padding-bottom: 10px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 0px;
}
.location-tab p img{
	width: 36px;
}

.location-tab p img.active {
	color: black;
}
.location-tab p {
	width: 100%;
	color: #0F3A30;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 8px;
}

.location-tab p.active {
    color: #0F3A30;
    background-color: #1b5a5117;
    padding: 8px;
    width: 100%;
}

.location-slider .locations,
.location-seo-img-wrapper .location-seo-img{
	display: none;
}

.location-slider .locations.active,
.location-seo-img-wrapper .location-seo-img.active{
	display: block;
}
.location-slider {
    padding-top: 10px;
	width: 100%;
}
.location-slider-wrapper{
	width: 85%;
    margin: auto;
    display: flex;
    align-items: flex-start;
    /* justify-content: center; */
    height: 100%;
    flex-direction: column;

}
.location-seo-img-wrapper img{
	width: 100%;
    transition: all 2s ease-in-out;
}
.location-slider-content h4{
	font-size: 17px;
	margin-bottom: 20px;
	border-bottom: 1.5px solid #66666663;
	padding-bottom: 10px;
}
.location-slider-content table tr, .location-slider-content table td {
    border: none;
    color: #fff;
    font-size: 15px;
    background: #0F3A30;
}
.location-slider-content .table>tbody>tr>td {
    border: none;
    padding: 4px;
	font-size: 15px;
    font-weight: 400;
	padding-bottom: 7px;
	width: 80%;
	color: black;
}
.table {
    width: 100%;
    max-width: 100%;
	margin-left: 14px;
}
.location-slider-content {
    /* margin: 20px 0 0 50px; */
}
.location-slider-content table tr{
	position: relative;
}
.location-slider-content table tr td:nth-child(2) {
    color: #fff;
    font-weight: 600;
    width: 20%;
}
.location-slider-content .table tr::before {
	content: '';
	position: absolute;
	border: 1px solid #666;
	top: 9px;
    left: -11px;
    width: 9px;
    height: 9px;
	border-right: none;
	border-bottom: none;
  }
  
  .location-slider-content table tr::after {
	content: '';
	position: absolute;
	top: 11px;
    left: -9px;
    width: 7px;
    height: 7px;
	background-color: black;
  }
  .luxury-redefined-wrapper {
    padding: 70px 0 40px;

}
.luxury-redefined-wrapper h3{
	/* font-size: 35px; */
    font-weight: 400;
	margin: 0;
}
.luxury-redefined-wrapper p{
    color: black;
    font-weight: 400;
    line-height: 25px;
	margin: 0;
	margin-top: 10px;
	font-size: 15px;
}
.floorplan-slider {
    padding-top: 20px;
}

.luxury-exclusive-title{
	width: 80%;
    margin: auto;	
}
.luxury-exclusive-title p,.luxury-exclusive-title p span{
	font-size: 15px;
	color: #000 !important;
}
.luxury-enquiry-content{
	padding: 0 10px;

}
.luxury-exclusive-img{
	position: relative;
	border: 1px solid #000000a8;
}
.luxury-exclusive-img img{
	width: 100%;
}
.luxury-enquiry-wrapper{
	padding: 40px 0;
	margin-left: 0px;

}
.luxury-exclusive-img .enquiry-btn{
	position: absolute;
	top: 40%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.luxury-enquiry-content .enquiry-btn a{
	color: white;
	text-decoration: none;
	background-color: #9C5C39;
	border: 1px solid #9C5C39;
	width: 120px;
    display: inline-block;
    text-align: center;
    padding: 10px 5px;
	font-size: 15px;
}
.luxury-enquiry-content .enquiry-btn a:hover{
	color: white;
	text-decoration: none;
}
.luxury-enquiry-content .enquiry-btn a:active{
	color: white;
	text-decoration: none;
}
.luxury-enquiry-content .enquiry-btn a:visited{
	color: white;
	text-decoration: none;
}
.luxury-enquiry-content p{
    margin-top: 15px;
}
.luxury-apatment-wrapper{

}
.luxury-apatment-content{
    /* margin: 100px 0 0 120px; */
    width: 80%;
    margin-left: auto;
}
.luxury-apatment-content-3 {
    width: 80%;
    margin: auto;
}
.luxury-apatment-content h3{
	font-size: 35px;
    font-weight: 400;
	margin-top: 0;
}
.luxury-apatment-content h4,
.luxury-apatment-content-2 h4,
.luxury-apatment-content-3 h4{
	font-size: 18px;
    font-weight: 600;
}
.luxury-apatment-content p,
.luxury-apatment-content-2 p,
.luxury-apatment-content-3 p{
	color: black;
	font-size: 14px;
    line-height: 20px;
	text-align: justify;
}
.luxury-apatment-content p b,
.luxury-apatment-content-2 p b,
.luxury-apatment-content-3 p b,
.luxury-apatment-content p strong,
.luxury-apatment-content-2 p strong,
.luxury-apatment-content-3 p strong{
	color: black;
}
.luxury-apatment-content-2{
	/* margin: 130px 0 0 20px; */
	margin: 0px 0 0 20px;
}

.luxury-apatment-img img,
.luxury-apatment-img-2 img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.luxury-amenitie-content-wrapper{
	width: 100% !important;
	margin-bottom: 20px;
}
.luxury-apatment-content-2-wrapper{
	padding: 70px 0 50px;
}
.luxury-apatment-content-3-wrapper{
	padding:0  0 70px;
	width: 100%;
	margin: auto;
}
.luxury-amenitie-content{
	display: flex;
		align-items: center;
		justify-content: center;
		margin: 10px 0;
		min-height: 50px;
		padding: 0 10px;
	}
	.luxury-amenitie-content-wrapper .row > div:not(:first-child) .luxury-amenitie-content {
		border-left: 1.5px solid black;
	  }
	  
.luxury-amenitie-content p{
	margin-left: 10px;
	color: black;
    font-size: 11px;
}
.luxury-apatment-content-2 .amenitie-icon-img img{
	width: 45px;
}
.luxury-apatment-content-2 p{
	margin-bottom: 0;
	width: 90%;
}
.luxury-apatment-img, .luxury-apatment-img-2, .highrise-apartment-img, .luxury-feature-img{
  overflow: hidden;
  position: relative;
}

.luxury-apatment-img img, .luxury-apatment-img-2 img, .highrise-apartment-img img, .luxury-feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
}
.luxury-amenitie-content-wrapper .row.row-0 .col-lg-3 {
    width: auto !important;
    flex: 1 !important;
}
.why-choose-nbr-seo-img-wrapper {
    overflow: hidden;
	min-height: 550px; 
}
.why-choose-nbr-sarjapur-wrapper{
	background: url(../images/why-choose-nbr-seo-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
	position: relative;
}
.why-choose-nbr-sarjapur-content{
	position: absolute;
	width: 45%;
    right: 50px;
    top: 4%;
}	
.why-choose-nbr-sarjapur-content p,
.booking-content p{
	color: black;
    font-size: 15px;
}
.why-choose-nbr-sarjapur-content p b,
.booking-content p b,
.why-choose-nbr-sarjapur-content p strong,
.booking-content p strong{
	color: black
}
.why-choose-nbr-sarjapur-content h4{
	font-size: 19px;
    font-weight: 700;
    padding: 10px 0;
	color: black;
}
.booking-content h4{
	font-size: 17px;
    font-weight: 600;
    padding: 10px 0;
	color: black
}
.booking-wrapper{
    padding: 70px 0px 0px;
}
.booking-title{
	color: white;
	background-color: #053029;
	height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.booking-title h3{
	font-size: 25px;
    font-weight: 400;
	color: white;
	font-family: "DM Sans", serif;
}
.booking-content{
    margin: 30px 0 0 60px;
}
.booking-content p:last-of-type {
	margin-top: 30px;
  }
  
.book-now-btn{
    text-align: center;
    margin-top: 40px;
}
.book-now-btn a{
	background-color: #0F3A30;
	color: white;
	width: 170px;
	display: inline-block;
	padding: 10px;
	border: 1px solid #0F3A30;
	border-radius: 5px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.book-now-btn a:hover{
	text-decoration: none;
	color: #0F3A30;
	background: #fff;
	transition: 0.3s ease-in-out;
}
.book-now-btn a:active{
	text-decoration: none;
	color: white;
}
.book-now-btn a:visited{
	text-decoration: none;
	color: white;
}
.popupform{
    width: 40% !important;
    margin: auto;
    background: white;
    padding: 30px 40px;
    color: black;
	position: relative;
}
#project-popup-form.white-popup {
 padding: 0px;
}
.seo-accordion .faq-accordion h2 .accordion-btn {
    font-size: 17px;
}
.seo-accordion .faq-accordion .accordion-body {
    font-size: 14px;
	width: 70%;
}
.check-box{
	position: relative;
	margin-bottom: 30px;
}
.check-box label{
	font-size: 9px;
	color: black;
	font-weight: 300;
	position: absolute;
	top: 7px;
	left: 0px;
	margin-left: 30px;
	width: auto;
}

div#project-popup-form {
    border-radius: 0;
    padding: 30px;
}

.project-popup-form-wrapper {
			width: 95%;
			padding: 5%;
			max-width: 100%;
		}
		.project-popup-form-wrapper input,
		.project-popup-form-wrapper select {
			max-width: 100%;
			margin-bottom: 15px;
			border-color: #ececec;
			padding: 18px 10px 10px;
			height: auto;
			background-color: transparent;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-width: 0 0 1px;
			border-style: solid;
			display: block;
			width: 100%;
			line-height: 1.75em;
			font-weight: 300;
			color: #181b31;
			background-image: none;
			border-bottom: 1px solid #ececec;
			border-radius: 0px;
			border-color: ease-in-out .15s, box-shadow;
		}
	
		.project-popup-form-wrapper input[type=submit] {
			text-shadow: none;
			padding: 10px 20px;
			-webkit-box-shadow: none;
			box-shadow: none;
			line-height: 1.75em;
			font-weight: 300;
			border-style: solid;
			color: #fff;
			border-width: 0;
			-webkit-transition: background-color .15s ease-out;
			transition: background-color .15s ease-out;
			background-color: #181b31;
			margin: 3px 0;
		}

		.form-inner h2 {
		    text-align: center;
		}

		#project-popup-form.white-popup {
	        max-width: 100%;
	        background: #fff;
	        border-radius: 0;
	        padding: 10px;
	    }

	    .project-popup-form-wrapper {
	    width: 65%;
	}


/* Change background when checked */
#terms_conditions:checked {
    background-color: black; /* Green when checked */
    border-color: black;
}



.project-popup-form-wrapper {
	width: 35%;
	margin: auto;
	background: #fff;
	padding: 3%;
	position: relative;
	border-radius: 20px;
	max-width: 100%;
}

/* Add a checkmark using ::after */
#terms_conditions {
    position: relative; /* Ensures positioning of the checkmark */
}

#terms_conditions:checked::after {
    content: "";
    position: absolute;
    top: 45%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M7.5 10l3 3 5-5" stroke="white" stroke-width="2" fill="none"/></svg>') no-repeat center center;
    background-size: contain;
}


#terms_conditions {
    appearance: none; /* Remove default styling */
    width: 17px; /* Custom width */
    height: 17px; /* Custom height */
    background-color: transparent; /* Default background color */
    border: 1px solid black; /* Border color */
    cursor: pointer;
    display: inline-block;
    position: relative;
	border-radius: 2px;
	outline: none;
}
.sitevisitForm .input-box input:focus {
    outline: 1px solid black;
}

.sitevisitForm {
    width: 85%;
    margin: auto;
	padding: 40px 0;
}
.sitevisitForm .input-box input {
	border: 1px solid #9C5C39;
    padding: 15px;
    width: 100vw;
    margin-bottom: 5px;
    background-color: white;
    height: 50px;
    max-width: 100%;
}
form#sitevisitForm {
    margin-top: 40px;
}
.sitevisitForm  input::placeholder {
	color: black;
	font-size: 18px;
}
.sitevisitForm .sitevisit-btn button{
	background-color: #264790;
    color: white;
    width: 170px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #264790;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
}
.btn-group.sitevisit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment_method_field1 {
    margin-top: 30px;
}
.payment_method_field1 {
    border: 1px solid #dcdcdc;
    padding: 17px 13px;
    margin-top: 14px;
    border-radius: 10px;
    position: relative;
    background-color: #fcfcfc;
}

.payment_method_field1 .removePaymentMethod {
    position: absolute;
    top: 7px;
    right: 5px;
    background-color: #e72828;
    border: 1px solid;
    border-color: #e72828;
    color: white;
    line-height: 19px;
    border-radius: 50%;
}

.split-payment {
    background-color: black;
    color: white;
    padding: 8px 13px;
    border-radius: 4px;
    border: 1px solid black;
    margin-top: 12px;
}
.upcoming-slider .item{
	position: relative;
}

.upcoming-prjt-img.image_overlay:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000061;
}
@media (min-width: 1350px) {
.why-choose-nbr-sarjapur-content{
    top: 18%;
	width: 50%;
}	
.highrise-content{
	margin: 0px 0 0 120px;
}
}
@media (min-width: 1400px) {
	.luxury-feature-slider-wrapper{
		margin: 0px 0 0 120px;
	}
	.why-choose-nbr-accordion {

		margin: 0px 0 0 60px;

	}
	.location-slider-wrapper {
		width: 90%;
		margin: 0;
	}
	.why-choose-nbr-seo-img-wrapper {

		min-height: 650px;

	}


}


@media (min-width: 782px) {
	.sidebar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: unset;
		flex-grow: 1;
	}
}

/* mobile reponsive */
@media only screen and (min-width: 1250px) and (max-width: 1350px) {
	#section-wipes .panel3 {
		padding-bottom: 50px;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1024px) {

	.new-slider .col-md-3,
	.live-slider .col-md-3,
	.director-slider .col-md-4,
	.management-slider .col-md-3 {
		width: 100% !important;
	}

	.awards-wrapper {
		gap: 70px;
	}
	.location-seo-wrapper {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1250px) {
	.awards .awards-wrapper {
		width: 80%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1250px) {
	.homepage-banner img {
		height: 100% !important;
	}

	.discover-btn {
		width: 100%;
	}

	.quick-links h4:before {
		width: 25%;
	}

	.quick-links h4:after {
		width: 25%;
	}

	.aboutuspage-title {
		bottom: 75px;
		left: 50px;
	}

	.homepage-title {
		bottom: 70px;
	}

	.title-font {
		/* line-height: normal; */
	}

	/* .title-font-2{
		  line-height: normal;
	  } */
	header {
		padding: 8px 20px;
	}

	.navbar-menu ul {
		padding: 0 30px;
		margin: 0 30px;
	}

	.homepage-title {
		bottom: 100px;
	}

	.number {
		margin: 20px 0;
	}

	.footer-wrapper {
		/* width: 70%; */
	}

	.searchbox svg {
		top: -35px;
		right: 20px;
	}

	.quick-links {
		padding: 20px 0;
	}

	.desktop-amenities {
		display: block;
	}

	.mobile-amenities {
		display: none;
	}

	#amenities {
		padding: 50px 0;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1150px) {
	.highrise-content {
		margin: 0px 0 0 100px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.homepage-title {
		bottom: 190px;
	}

	.year-btn {
		justify-content: center;
		padding-bottom: 40px;
	}

	.sitemap-img-right img {
		width: 50%;
	}

	.desktop-footer-logo {
		display: block;
	}

	.mobile-footer {
		display: none;
	}

	.desktop-footer-logo {
		margin: 0;
		padding-top: 0px;
	}

	footer {
		padding-top: 30px;
	}

	.follow-us-wrapper {
		margin-top: 20px;
		padding-top: 20px;
	}

	.quick-links {
		padding-top: 0px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 992px) {
	.footer-wrapper {
		text-align: left;
		width: 80%;
		padding: 0;
	}

	.follow-us-logo {
		justify-content: start;
	}

}
@media only screen and (min-width: 550px) and (max-width: 768px) {
	.seopage-banner-content {
		width: 100%;
	}
.seopage-banner-text-wrapper h3 {
    font-size: 40px;
}
.seopage-banner-text-wrapper h2 {
    font-size: 24px;
}
.seopage-banner-text-wrapper p {
    font-size: 25px;
}
.seopage-banner-text-wrapper p.banner-location {
    font-size: 25px;
    margin-top: 85px;
}
.seopage .seopage-banner .seopage-banner-text-wrapper p img {
    width: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.seopage-banner-content {
		padding: 20px 0 30px;
	}
	.seopage-banner-text-wrapper h3 {
		font-size: 18px;
	}
	.seopage-banner-text-wrapper h2 {
		font-size: 26px;
	}
	.seopage-banner-text-wrapper p {
		font-size: 13px;
	}
	.seopage-banner-text-wrapper p.banner-location {
		font-size: 13px;
		margin-top: 25px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 1022px) {
	.banner-title h1 {
		font-size: 45px;
	}

	.banner-title h4 {
		font-size: 17px;
	}

	.contact-form {
		width: 80%;
	}
}


/* Old Website Remove */
.arcprime-homepage-slider {
	padding-top: 0px !important;
}

.banner-padding {
	margin-top: 0px !important;
}


.arcprime-pageloading {
	color: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff
}

@-webkit-keyframes preloader-breath-img {
	from {
		opacity: .2
	}

	to {
		opacity: 1
	}
}

@keyframes preloader-breath-img {
	from {
		opacity: .2
	}

	to {
		opacity: 1
	}
}

.arcprime-pageloading .arcprime-pageloading-inner {
	-webkit-animation-name: preloader-breath-img;
	animation-name: preloader-breath-img;
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-timing-function: cubic-bezier(0.73, 0.005, 0.42, 1.005);
	animation-timing-function: cubic-bezier(0.73, 0.005, 0.42, 1.005);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

.arcprime-pageloading img,
.navbar-brand img {
	width: 150px;
	display: block;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out
}

.totop {
	height: 9px;
	opacity: 0;
	position: fixed;
	right: -60px;
	width: 49px;
	z-index: 999;
	display: block;
	top: 80%;
	background-repeat: no-repeat;
	background-position: center 15px;
	background-color: #7fb1c5;
	font-size: 9px;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 28px 0 21px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	border: 1px solid #fff
}

.totop-vissible {
	right: 10px;
	opacity: 1
}

.totop:before {
	position: absolute;
	content: "\e66b";
	top: 10px;
	left: 50%;
	margin-left: -6px;
	font-size: 11px;
	display: inline-block;
	font-family: themify;
	font-style: normal
}

:root {
	scroll-behavior: unset;
}


.content {
	padding-top: 70px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
    background: transparent;
    width: 90% !important;
}
/* Old Website Remove */
/*  */


/* New Style */

		.awards-slider .owl-nav {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 25px;
			width: 100%;
		}

		.awards-slider .owl-prev img{
			/* transform: rotate(180deg); */
			width: 35px;
		}
	
		.awards-slider .owl-next img{
			/* transform: rotate(180deg); */
			width: 35px;
		}
		.awards-slider .owl-prev{
			padding: 0 15px;
		}
	
	
		.awards-slider .owl-next{
			padding: 0 15px;
		}
	
@media(max-width:1200px) {
	.why-choose-nbr-accordion .faq-accordion {
		width: 90%;
	}
	.why-choose-nbr-accordion {
		margin: 0;
	}
	.why-choose-nbr-seo-img-wrapper {
		min-height: 490px;
	}
	.accordion-wrapper {
		padding: 0;
	}


}
@media only screen and (max-width: 1100px) {
	/* seo page */
	.menu_lists.active {
		right: 50%;
	}
	.menu_lists {
		width: 50%;
	}
	.title-color{
		font-size: 30px;
	}
	.seopage .seopage-banner img {
		width: 100%;
		height: 100% !important;
	}
	.seo-accordion .faq-accordion h2 .accordion-btn {
		font-size: 16px;
		padding-right: 40px;
	}
	.luxury-exclusive-title {
		width: 100%;
	}
	.highrise-content h3{
		text-align: center;
	}
	.specification-content{
		min-height: 200px;
		margin-bottom: 20px;
	}
	.luxury-feature-slider-wrapper {
		margin: 0;
		padding: 0 10px;
	}
	.b-l-none {
		border-left: 1px solid black;
	}
	.location-slider-content {
		margin: 0;
		padding-top: 20px;
	}
	
	.luxury-feature-slider .owl-nav {
		top: -40px;
	}
	
	.luxury-enquiry-content {
	text-align: center;
	}
	.luxury-exclusive-img{
		width: 100%;
		margin: auto;
	}
	.luxury-apatment-content {
		margin: 0;
		padding: 0 10px;
		width: 100%;
	}
	.luxury-apatment-content-2-wrapper {
		padding: 20px 0;
	}
	.luxury-apatment-content-2 {
		margin: 0;
		padding: 0 10px;
		width: 96%;
	}
	.luxury-apatment-content-2 p {
		width: 100%;
	}
	.luxury-amenitie-content-wrapper {
		width: 100% !important;
	}
	.luxury-apatment-content-3 {
		width: 96%;
		margin: auto;
	}
	.why-choose-nbr-sarjapur-wrapper {
		height: 70vh;
		padding: 12px;
	}
	.booking-title h3 {
		font-size: 18px;
		text-align: center;
		margin: 0;
	}
	.booking-title {
		height: 100px;
	}
	.booking-content {
		margin: 0;
	}
	section.why-choose-nbr-sarjapur{
		position: relative;
	}
	
	.booking-wrapper {
		padding:0px;
	}
	.sitevisitForm {
		width: 100%;
		padding-bottom: 0;
	}
	/* .highrise-apartment-img{
		display: none;
	} */
	.seo-accordion .faq-accordion .accordion-body {
		font-size: 14px;
		width: 100%;
	}
	.luxury-feature-wrapper .luxury-feature-slider-wrapper h3 {
		margin-bottom: 20px;
		margin-top: 0	;
	}
	.luxury-feature-wrapper {
		padding:30px 0 10px;
	}
	.luxury-apatment-content h3{
		display: none;
	}
	.luxury-apatment-img,
	.luxury-apatment-img-2 {
		margin-bottom: 20px;
	}
	.luxury-amenitie-content-wrapper .luxury-amenitie-content {
		border-left: 1.5px solid black;
	  }
	  .luxury-enquiry-wrapper {
		padding-top: 30px;
		padding-bottom: 0;
		margin: 0;
	}
	.floorplan-slider {
		padding-top: 0px;
	}
	.popupform {
		width: 100% !important;

	}

	}
	@media(max-width:1025px) {
		.quick-links p {
			font-size: 10px;
			text-align: left;
		}
	
		.quick-menu {
			text-align: left;
		}
		.logo-wrapper{
			display: flex;
		}
		.logo-wrapper span {
			position: relative;
			top: 0px;
			left: 0px;
			margin-right: 5px;
		}
		.footer_address_logo p{
			margin-left: 0px !important;
		}
	}
	@media only screen and (max-width: 1024px) {

		.nbr-world-wrapper .row,
		.quick-links .row,
		.disclaimer .row,
		.management-wrapper .row,
		/* .director-wrapper .row , */
		.legacy_wrapper .row,
		.address_wrapper .row {
			margin: 0;
		}
	
		.director-wrapper .row .owl-stage-outer {
			padding: 0;
		}
	
		.nbr-world-wrapper [class^="col-"],
		.quick-links [class^="col-"],
		.disclaimer [class^="col-"],
		.management-wrapper [class^="col-"],
		/* .director-wrapper [class^="col-"], */
		.legacy_wrapper [class^="col-"],
		.address_wrapper [class^="col-"] {
			padding: 0;
		}
	
		.new-title h3 {
			font-size: 20px;
		}
		.accordion-wrapper {
	
			padding: 0 0 10px;
	
		}
		/* .faq-accordion .accordion-button:not(.collapsed)::after {
			font-size: 45px;
			line-height: .4;
			font-weight: 200;
			width: 25px;
		}
	
		.faq-accordion .accordion-button:after {
			font-size: 45px;
			font-weight: 200;
			line-height: 0.4;
			width: 25px;
		} */
	
		.project.active {
			margin-left: 0px;
		}
	
		.milestone-wrapper {
			min-height: auto;
			margin: 0px;
			padding: 0 0px;
	
		}
	
		.year-btn {
			margin: 30px 0;
		}
	
		.year-btn {
			flex-direction: row;
			align-items: flex-start;
			justify-content: flex-start;
			position: static;
			color: black;
			overflow: hidden;
			padding: 10px;
			overflow-x: scroll;
		}
	
		.year-btn::-webkit-scrollbar {
			display: none;
		}
	
		.nav-scroll {
			display: none;
		}
	
		.years {
			position: relative;
		}
	
		.year-btn button {
			background-color: transparent;
			border: none;
			font-size: 30px;
			width: 100px;
			border-radius: 4px;
			position: relative;
			color: black;
			padding: 0 10px;
		}
	
		.year-btn button.active {
			border-bottom: 2px black solid;
			background: #0000002e;
		}
	
		.director-img:before {
			opacity: 0.3;
			background-color: black;
		}
	
		.board-dir-wrapper {
			padding: 0;
		}
	
		.board-dir-wrapper .dir-content {
			bottom: 0px;
			visibility: visible;
			opacity: 1;
			left: 0px;
			right: 0;
		}
	
		.board-dir-wrapper .manage-content {
			bottom: 0;
			visibility: visible;
			opacity: 1;
		}
	
		.aboutus-video-section {
			width: 100%;
			margin: 0;
		}
	
		.vision-design {
			margin-top: 30px;
		}
	
		.year-content {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			/* margin: auto; */
			bottom: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0px 20px;
		}
	
		.year-title h3 {
			font-size: 50px;
		}
	
		.year-content h3 {
			font-size: 30px;
			margin: 10px;
			margin-left: 0;
		}
	
		.year-content p {
			font-size: 20px;
			line-height: 25px;
		}
	
		.year-content-wrapper img {
			width: 100%;
			max-height: 500px;
			object-fit: cover;
		}
	
		.tab-btn {
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.nbr-world-wrapper {
			text-align: center;
		}
	
		.award-content-wrapper {
			width: 100%;
			margin: 10px;
		}
	
		.play-btn {
			position: absolute;
			top: 45%;
		}
	
		.aboutus-slider .owl-nav,
		.aboutus-slider .owl-prev,
		.aboutus-slider .owl-next {
			position: static;
		}
	
		.aboutus-slider .owl-nav,
		.new-slider .owl-nav,
		.live-slider .owl-nav,
		.director-slider .owl-nav,
		.management-slider .owl-nav,
		.legacy-slider .owl-nav,
		.ongoing-project-slider .owl-nav,
		.floorplan-slider .owl-nav {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 25px;
			width: 100%;
		}
	
		.new-slider .owl-prev img,
		.live-slider .owl-prev img,
		.director-slider .owl-prev img,
		.management-slider .owl-prev img,
		.legacy-slider .owl-prev img,
		.ongoing-project-slider .owl-prev img,
		.floorplan-slider .owl-prev img{
			/* transform: rotate(180deg); */
			width: 35px;
		}
	
		.new-slider .owl-next img,
		.live-slider .owl-next img,
		.director-slider .owl-next img,
		.management-slider .owl-next img,
		.legacy-slider .owl-next img,
		.ongoing-project-slider .owl-next img, 
		.floorplan-slider .owl-next img{
			/* transform: rotate(180deg); */
			width: 35px;
		}
	
		.aboutus-slider .owl-prev,
		.new-slider .owl-prev,
		.live-slider .owl-prev,
		.director-slider .owl-prev,
		.management-slider .owl-prev,
		.legacy-slider .owl-prev,
		.ongoing-project-slider .owl-prev,
		.floorplan-slider .owl-prev{
			padding: 0 15px;
		}
	
		.aboutus-slider .owl-next,
		.new-slider .owl-next,
		.live-slider .owl-next,
		.director-slider .owl-next,
		.management-slider .owl-next,
		.legacy-slider .owl-next,
		.ongoing-project-slider .owl-next,
		.floorplan-slider .owl-next{
			padding: 0 15px;
		}
	
		.discover-btn {
			/* width: 100%; */
			margin: auto;
		}
	
		.homepage-banner img {
			height: 100% !important;
		}
	
		.legacy_content_wrapper {
			padding: 0px;
		}
	
		.legacy_content {
			text-align: center;
		}
	
		.legacy_img {
			margin-top: 40px;
		}
	
		.legacy_img img {
			height: 100%;
			max-height: 340px;
			object-fit: cover;
		}
	
		.new-content-wrapper {
			/* margin-top: 40px; */
		}
	
		.upcoming-prjt-text h3,
		.coming-soon h3 {
			font-size: 30px;
		}
	
		.disclaimer {
			font-size: 12px;
		}
	
		ul.sub-menu {
			position: relative;
			top: 0px;
			background: white;
			left: 0px;
			padding: 0;
			display: none;
		}
	
		/* .navbar-menu li.project-main-menu:hover ul.sub-menu{
		  display: block;
	  } */
		.faq-accordion .accordion-body {
			width: 100%;
		}
	
		.faq-accordion {
			width: 100%;
		}
	
		ul.sub-menu {
			display: none;
		}
	
		ul.sub-menu li {
			padding: 0px;
			list-style: none;
		}
	
		ul.sub-menu li a {
			margin: 0px;
		}
	
		ul.sub-menu li:first-of-type {
			border-bottom: none;
		}
	
		.container {
			width: 100%;
		}
	
		.navbar-menu ul {
			display: flex;
			gap: 50px;
			padding: 0 20px;
			margin: 0 20px;
		}
	
		.contact-popup-form {
			width: 100%;
		}
	
		header {
			/* padding: 15px 30px; */
		}
	
		.homepage-title {
			bottom: 80px;
		}
	
		.project-content {
			width: 70%;
		}
	
		.project-content-right {
			margin-top: 0px;
		}
	
		.slider-content {
			padding-top: 0;
		}
	
		.footer-wrapper {
			/* width: 70%; */
			padding-top: 0px;
		}
	
		.contact {
			padding-bottom: 0;
		}
	
		.contact-form {
			width: 80%;
		}
	
		h3.contact-us-title {
			margin-left: 0px;
		}
	
		.contact-info-wrapper {
			width: 100%;
		}
	
		.about-us-para {
			width: 95%;
		}
	
		.about-developer-img-2 {
			margin-top: 50px;
		}
	
		.aboutus-oveview-img:before {
			content: "";
			position: absolute;
			width: 70%;
			height: 100%;
			border: 3px #fdd7a6 solid;
			top: 0px;
			right: -8px;
			z-index: -9;
		}
	
		.download-btn-wrapper {
			margin-left: 15px;
		}
	
		/* .searchbox svg {
		  top: -35px;
		  right: 20px;
	  } */
		.contactus-right-side {
			margin-left: 0px;
		}
	}
	@media only screen and (max-width: 1023px) {
		.form-section label {
			width: 100% !important;
			height: auto !important;
		}
	
		.form-section label input,
		.form-section label select {
			margin-bottom: 10px;
			height: 40px !important;
		}
	
		.form-section {
			width: 80%;
			margin: auto;
			float: none;
		}
	
		.form-section .btn-group {
			float: none;
			margin-top: 5px;
		}
	
		/* custom codes here */
	
		.title-font {
			font-size: 35px;
			/* text-align: center; */
			/* line-height: normal; */
		}
	
		/* .title-font-2{
			  font-size: 35px;
			  text-align: left;
			  line-height: normal;
		  } */
	
		.desktop-title-2 {
			display: none;
		}
	
		.mobile-title-2 {
			display: block;
			font-size: 20px;
		}
	
		.hide-title {
			display: none;
		}
	
		.mobile-title-wrapper {
			position: relative;
			display: inline-block;
			text-align: center;
		}
	
		.aboutuspage-title {
			bottom: 50px;
			left: 50px;
		}
	
		.homepage-title {
			bottom: 190px;
		}
	
		.title-border {
			margin: 0px 0;
		}
	
		.section-gap {
			margin: 30px 0;
		}
	
		.brand-slider-wrapper {
			padding: 0px;
		}
	
		.project-detail-wrapper h4 {
			font-size: 15px;
		}
	
		.contact-right-side {
			margin-top: 20px;
		}
	
		#find-answer {
			padding: 30px 0;
		}
	
		.contactpage .contact-form {
			padding: 20px 0;
		}
	
		.contact-page-wrapper {
			margin: 0px 0;
		}
	
		header {
			/* padding: 12px 40px; */
		}
	
		.navbar-menu {
			display: none;
		}
	
		ul.custom_class {
			padding: 0;
			display: flex;
			flex-direction: column;
			align-items: unset !important;
			padding: 15px 0;
			margin: 0;
			color: black;
		}
	
		ul.custom_class li a {
			color: black;
		}
	
		.menu_lists li a {
			text-decoration: none;
			color: black;
			display: block;
			margin: 10px 0;
			padding-left: 35px;
			font-size: 16px;
		}
	
		li .social-icon a {
			padding-left: 0;
		}
	
		h3.contact-us-title {
			margin-left: 0px;
			margin-top: 0px;
			padding-left: 0px;
			text-align: center;
			padding-top: 0px;
		}
	
		.contact-form {
			width: 100%;
			padding: 0;
		}
	
		.contact {
			padding: 0;
		}
	
		.contact-info-wrapper::before {
			display: none;
		}
	
		.contact-info-wrapper {
			margin: auto;
		}
	
		.contact-us-wrapper {
			display: none;
		}
	
		/* contact us page */
		.contactus-right-side {
			margin-left: 0px;
		}
	
		/* footer page */
		.footer-wrapper {
			width: 100%;
			text-align: center;
		}
	
		.follow-us-logo {
			justify-content: start;
			align-items: center;
		}
	
		.quick-links h3 {
			display: block;
		}
	
		.quick-links {
			padding-top: 0px;
		}
	
		.desktop-footer-logo {
			display: none;
		}
	
		.mobile-footer {
			display: block;
		}
	
		.mobile-footer {
			display: flex;
			justify-content: center;
			align-items: center;
		}
	
		.mobile-footer-logo {
			display: block;
		}
	
		.mobile-followus {
			display: block;
			margin-top: 30px !important;
		}
	
		.banner-title h1 {
			font-size: 20px;
		}
	
		.banner-title h4 {
			font-size: 20px;
		}
	
		.about-detail-wrapper::before {
			display: none;
		}
	
		.about-detail-wrapper::after {
			display: none;
		}
	
		.legacy_content p.about-para {
			width: 100%;
		}
	
		.upcoming-prjt-text {
			transition: all ease-out 0.8s;
			transform: translateY(-25px);
		}
	
		.prjt-wrapper .upcoming-prjt-addr {
			margin-top: 15px;
		}
	
		.coming-soon {
			width: 180px;
			height: 180px;
		}
	
		.coming-soon-wrapper {
			position: absolute;
			top: 20%;
			width: 100%;
		}
	
		.upcoming-prjt-text h3,
		.coming-soon h3 {
			font-size: 25px;
		}
	
		.coming-soon-wrapper:hover .coming-soon h3 {
			visibility: visible;
			opacity: 1;
			bottom: 45px;
		}
	
		.legacy_img_text {
			padding: 30px;
			padding-bottom: 10px;
			left: 0;
		}
	
		.standard-logo {
			display: flex;
			align-items: flex-end;
			justify-content: center;
			gap: 20px;
			/* margin-top: 30px; */
		}
	
		.credai-logo-img {
			margin-top: 0px;
		}
	}


@media only screen and (max-width: 996px) {
	.form-section label {
		width: 15% !important;
	}

	/* .mb-mt-110{
		  margin-top: 110px;
	  } */
	.award-content-wrapper {
		margin: auto;
	}

	.director-detail {
		padding: 0px;
	}

	.mble-col-swap {
		flex-direction: column-reverse;
	}

	
.project-popup-form-wrapper {
	width: 70%;
	margin: auto;
	background: #fff;
	padding: 3%;
	position: relative;
	border-radius: 20px;
	max-width: 100%;
}
	

}

@media only screen and (max-width: 992px) {
	.awards-wrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.location-seo-img-wrapper {
		margin-top: 40px;
	}
	.quick-menu {
		margin-top: 20px;
	}

	.nbr-world-wrapper .nbr-title {
		margin-left: 0px;
	}

	.completed-tab {
		width: 50%;
	}
	.why-choose-nbr-seo-wrapper {
		padding-top: 0px;
	}
}
	@media only screen and (max-width: 992px) {
		.pd-rt {
			padding-right: 0px;
		}
		.pd-lt {
			padding-left: 0px;
		}
		.mble-title {
			display: block;
			text-align: center;
		}
		.row-sm-reverse {
			flex-direction: column-reverse;
		}
		.highrise-wrapper {
			padding-top: 0px;
		}
		.why-choose-nbr-accordion .accordion-wrapper h3 {
			display: none;
		}	
		.why-choose-nbr-accordion {
			margin: 0;
			padding: 0 10px;
		}
		.why-choose-nbr-seo-img-wrapper {
			min-height: 500px;
		}
		.luxury-feature-img {
			display: none;
		}
		.highrise-content {
			margin: 0;
			padding: 0 20px;
		}
		.luxury-apatment-img img,
		.luxury-apatment-img-2 img,
		.highrise-apartment-img img,
		.why-choose-nbr-seo-img.active img{
			height: 50vh;
		}
		.why-choose-nbr-accordion .faq-accordion {
			width: 100%;
		}
		.location-slider-wrapper {
			padding-top: 20px;
			width: 100%;
		}
		.location-tab {
			width: 50%;
			margin: auto;
		}
		.luxury-redefined-wrapper h3{
			margin: 0;
		}
		.luxury-redefined-wrapper {
			padding:30px 0 10px;
		}
		.luxury-apatment-content-3-wrapper {
			padding: 0 0 30px;
		}
		.why-choose-nbr-sarjapur-wrapper {
			height: auto;
		}
		.why-choose-nbr-sarjapur-content {
			position: relative;
			padding: 20px 0;
			width: 80%;
			right: 0;
			top: 10%;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			z-index: 1;
			right: 0;
			margin: auto;	
		}
		.why-choose-nbr-sarjapur-wrapper::before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: white;
			opacity: 0.9;
			z-index: 1;
		}
		.highrise-apartment-img {
			margin-top: 20px;
		}
	}
	@media only screen and (max-width: 991px) {
		.mobile-title {
			display: block;
			text-align: center;
			padding: 30px 0;
			text-align: center;
		}
		.why-choose-nbr-accordion .accordion-wrapper h3 {
			display: none;
		}	
		.highrise-content p{
			text-align: center;
		}

	}
	@media only screen and (max-width: 768px) {
		.luxury-apatment-content-3 {
			width: 90%;
			margin: auto;
		}
		.location-seo-img-wrapper {
			margin-top: 20px;
		}
		.banner-enquiry-btn {
			/* position: absolute; */
			right: 0;
			bottom: 35%;
			left: 0;
			display: block;
			text-align: center;
		}
		.breadcrumb-wrapper ol li a {
			font-size: 15px !important;
		}
		.terms-cond {
			text-align: center;
		}
	
		.copyright {
			text-align: center;
			margin-bottom: 10px;
		}
	
		.corporate-wrapper {
			margin-top: 20px;
		}
	
		.logo-wrapper span {
			top: 0px;
		}
	
		.new-content {
			bottom: 30px;
			visibility: visible;
			opacity: 1;
			z-index: 1;
		}
	
		.new-img:before {
			opacity: 0.5;
			background-color: black;
		}
	
		.banner-slider .owl-prev {
			left: 30px;
		}
	
		.upcoming-prjt-img img {
			min-height: 400px;
			object-fit: cover;
		}
	
		.coming-soon-wrapper .coming-soon img {
			visibility: visible;
			opacity: 1;
			bottom: 70px;
		}
	
		.footer-logo-wrapper {
			border: none;
		}
	
		.banner-slider .owl-next {
			right: 30px;
		}
	/* 
		.mb-mt-110 {
			margin-top: 77px;
		} */
	
		.desktop-footer-logo {
			display: block;
		}
	
		.mobile-footer {
			display: none;
		}
	
		.management-wrapper {
			margin-left: 0px;
		}
		.seo-accordion .faq-accordion h2 .accordion-btn {
	
			padding-left: 0;
	
		}
	
		.seo-accordion .faq-accordion .accordion-body {
	
			padding-left: 10px;
	
		}
	}
	@media only screen and (max-width: 767px) {
		.banner-enquiry-btn {
			/* position: absolute; */
			right: 0;
			bottom: 37%;
			left: 0;
			display: block;
			text-align: center;
		}
		.seopage-banner-content {
			width: 100%;
		}
		.seopage-banner-text-wrapper {
			width: 100%;
		}

		

		#project-popup-form.white-popup {
			    padding: 0px;
			    max-width: 100%;
			}


			#project-popup-form .info-section-1 {
			    display: none;
			}
	
	}
	@media(max-width:650px) {
		.call-btn{
			display: none;
		}
		.project-popup-form-wrapper {
			width: 95%;
			padding: 5%;
			max-width: 100%;
		}
		.project-popup-form-wrapper input,
		.project-popup-form-wrapper select {
			max-width: 100%;
			margin-bottom: 15px;
			border-color: #ececec;
			padding: 18px 10px 10px;
			height: auto;
			background-color: transparent;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-width: 0 0 1px;
			border-style: solid;
			display: block;
			width: 100%;
			line-height: 1.75em;
			font-weight: 300;
			color: #181b31;
			background-image: none;
			border-bottom: 1px solid #ececec;
			border-radius: 0px;
			border-color: ease-in-out .15s, box-shadow;
		}
	
		.project-popup-form-wrapper input[type=submit] {
			text-shadow: none;
			padding: 10px 20px;
			-webkit-box-shadow: none;
			box-shadow: none;
			line-height: 1.75em;
			font-weight: 300;
			border-style: solid;
			color: #fff;
			border-width: 0;
			-webkit-transition: background-color .15s ease-out;
			transition: background-color .15s ease-out;
			background-color: #181b31;
			margin: 3px 0;
		}

		.form-inner h2 {
		    text-align: center;
		}

		#project-popup-form.white-popup {
	        max-width: 100%;
	        background: #fff;
	        border-radius: 0;
	        padding: 10px;
	    }
	
		.live-tab-wrapper.project.live.container.active {
			padding: 0px;
		}
	
		.completed-tab {
			width: 100%;
		}
	
		.nbr-world-btn {
			font-size: 20px;
		}
	
		.footer-wrapper {
			margin: auto;
			padding: 20px 15px;
		}
	
		.quick-links p {
			font-size: 10px;
			text-align: left;
		}
	
		.quick-menu {
			margin-top: 20px;
			text-align: left;
		}
	
		/* .faq-accordion .accordion-button:after {
			font-size: 22px;
		} */
	
		/* .faq-accordion .accordion-button:after {
			width: 20px;
			height: 20px;
		}
	
		.faq-accordion .accordion-button:not(.collapsed)::after {
			width: 20px;
			height: 20px;
			font-size: 25px;
		} */
	
		.media-slider .owl-nav {
			margin-top: 20px;
		}
		.stickyForm {
			display: none;
		}
		.conet_div_new_nav p {
    		padding: 10px 5px;
            font-size: 10px;
		}
		.fixed-footer-cust {
			background: #7FB1C5;
			text-align: center;
			padding: 10px 0;
			bottom: 0;
			position: fixed !important;
			z-index: 999 !important;
			display: flex !important;
			align-items: center;
			justify-content: center;
			width: 100%;
			box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
			-webkit-box-shadow: 0 15px 10px #adadad;
			-moz-box-shadow: 0 15px 10px #adadad;
			box-shadow: 0 15px 10px #adadadba;
			gap: 15px;
		}
	
		.fixed-footer-cust .box:first-child,
		.fixed-footer-cust .box:nth-child(2) {
			background: #none;
			border-radius: 5px;
			width:50%;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.fixed-footer-cust .box a {
			color: #fff;
			font-size: 15px;
			display: block;
			outline: 0 !important;
			border: none !important;
			box-shadow: none !important;
			width: 100%;
		}
	
		.fixed-footer-cust .box i {
			margin-right: 1px;
		}
	
		.fixed-footer-cust .box:nth-child(3) {
			background: #25b26e;
			display: none;
		}
	
		.iudRVm {
			bottom: 50px !important;
		}
		
		.LandbotLivechat:not(.is-open) {
    bottom: 60px !important;
}
	}
	
@media only screen and (max-width: 576px) {

	.disclaimer {
		padding-bottom: 70px;
	}

	.copyright {
		text-align: center !important;
	}

	.footer-logo {
		display: none;
	}

	.contact-info {
		width: 100%;
		margin: auto;
	}

	.standard-logo {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		gap: 20px;
		margin: 20px 0;
	}
	.breadcrumb>.active{
    display: flex;
   align-items: flex-end;
	}
	.breadcrumb-wrapper ol li::after {
    font-size: 15px !important;
}
}

@media only screen and (max-width: 479px) {
	/* .section-gap {
		  margin: 0px 0;
	  } */

	header {
		/* padding: 3px 30px; */
	}

	.menu_lists {
		top: 65px;
		width: 100%;
	}

	.menu_lists.active {
		right: 0%;
	}

	.legacy_content h3 {
		/* text-align: left; */
		font-size: 28px;
	}

	.nbr-title-wrapper {
		padding: 20px 0;
	}

	.nbr-world-wrapper .nbr-title {
		margin-left: 0px;
		font-size: 30px;
	}

	.director-wrapper {
		width: 100%;
		margin: auto;
		padding-top: 20px;
	}

	.play-btn {
		top: 35%;
	}

	.aboutuspage-title {
		left: 20px;
	}

	.homepage-title h1 {
		font-size: 40px !important;
	}

	.homepage-title h3 {
		font-size: 18px;
	}

	.banner-title h1 {
		font-size: 50px;
	}

	.banner-title h4 {
		font-size: 17px;
	}

	h4,
	h3 {
		font-size: 17px;
	}

	.title-font {
		font-size: 24px;
		text-align: center;
		/* line-height: normal; */
		margin-bottom: 20px;
	}

	/* .title-font-2{
		  font-size: 60px;
		  text-align: left;
		  line-height: normal;
		  margin-bottom: 20px;
	  } */
	/* .mb-mt-110 {
		  margin-top: 90px;
	  } */
	#about-developers {
		padding-top: 0px;
		margin-bottom: 0;
	}

	.about-detail-wrapper::before {
		display: none;
	}

	.about-detail-wrapper::after {
		display: none;
	}

	/* #section-gap-mble{
		  margin: 20px 0 !important;
	  } */
	.sitemap-img-right img {
		width: 70%;
	}

	.project-content-wrapper {
		margin-left: 0px;
	}

	.aboutus-oveview-img {
		margin: 30px 0;
	}

	.commercial-content {
		top: 50px;
		opacity: 0.9;
	}

	.searchbox svg {
		right: 50px;
		top: -3px;
	}

	.contact-page-wrapper h3 {
		font-size: 24px;
	}

	.mobile-footer-logo {}

	.follow-us-wrapper {
		margin-top: 0px;
	}

	.location-accordion-wrapper {
		padding: 0;
	}

	.contact-popup-form form {
		padding: 0px;
	}

	.luxury-exclusive-img {
		width: 100%;
	}
	/* .faq-accordion .accordion-button:after {
		top: 40%;
	} */
	.why-choose-nbr-sarjapur-content {
        width: 100%;
	}
	.why-choose-nbr-accordion .faq-accordion h2 .accordion-btn {
		padding-right: 10px;
	}
	.why-choose-nbr-seo-img-wrapper {
        min-height: 490px;
    }
	.location-tab {
        width: 70%;
    }
	.seopage-banner-content {
		padding: 40px 0 40px;
	}
	.seopage-banner-text-wrapper p.banner-location {
		margin-top: 35px;
	}
	.luxury-apartment-wrapper {
		width: 100%;
		padding: 13px;
	}
	.mobile-title {
		padding: 30px 0 0;
	}
}

@media only screen and (max-width: 380px) {
	.year-btn button {
		font-size: 28px;
		padding: 0 8px;
	}
}

@media only screen and (max-width: 300px) {
	.contact-info {
		width: 100%;
	}
}

@media(max-width:996px) {}

@media(max-width:650px) {}

/* New Style */


.awards-logo img {
    max-width: 100px !important;
    margin: 0 auto;
}


.awards-year {
    position: absolute;
    top: -40px;
    font-size: 20px;
    background-color: #fff;
    padding: 0 30px;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: fit-content;
}

.award-title-new {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
}

.about-newpage .owl-stage {
    display: flex;
}


.about-logo-block {
    width: 100%;
    height: 100%;
    position: relative;
}


.about-newpage .owl-carousel .owl-stage-outer {
    overflow-x: clip !important;
    overflow: visible;
}

.enquiry_btn a.open_popup_link:hover {
    background: #fff;
    color: #0F3A30;
    border: 1px solid #0F3A30;
    transition: 0.3s ease-in-out;
}

.Schedule a:hover {
    color: #0F3A30;
    transition: 0.3s ease-in-out;
    background: #fff !important;
}

.about-newpage .award-content-wrapper {
    width: 100%;
    border: 1px solid #000;
    height: 100%;
    text-align: center;
    padding: 30px 0 20px;
    max-width: 220px;
    margin: 0 auto;
    height: 100%;
}


.location-tab p:hover {
    background: #1b5a5117;
    height: max-content;
    align-items: center;
    text-align: center;
    color: #0F3A30;
}