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

/* @import url("https://use.typekit.net/eqj7xwg.css"); */
@import url("bootstrap-icons.css");
html {
  scroll-behavior: smooth;
}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;  /* Preferred icon size */  display: inline-block;  line-height: 1;  text-transform: none;  letter-spacing: normal;  word-wrap: normal;
  white-space: nowrap;direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons-outlined{display: inline-flex; vertical-align: middle;}
body{font-weight: 400; font-style: normal;font-family: 'Poppins', sans-serif;color: #333;}

.bg-f6{background-color:#F6F6F6 }
.fs-10{font-size: .625rem}
.fs-12{font-size: .75rem !important}
.fs-14{font-size: .875rem}
.fs-18{font-size: 1.125rem}
.fs-48{font-size: 3rem}
.fs-72{font-size: 4.5rem}

.fs-48-32{font-size: 2rem}
.fs-24{font-size:1.5rem}
.fw-300{font-weight: 300}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.left-0{left: 0}
.left-20{left: 20px}
.bottom-20{bottom: 20px}
.right-20{right: 20px}
.right-0{right: 0px}
.mt-80{margin-top: 5rem }
.pe-2rem{padding-right: 2rem !important}

.ms-n1{margin-left: -0.25rem !important}

.t-n1{top: -0.25rem}
.t-n10{top: -0.625rem !important}
.t-n5{top: -5px}
.t-5{top: 5px}
.t-8{top: 0.5rem}
.r-16{right: 1rem}
.t-2rem{top: 2.5rem !important}
.mb-n4{margin-bottom: -1.5rem}
.mb-6rem{margin-bottom: 6rem}
.mx-n4{margin-left: -1.5rem;margin-right: -1.5rem;}
.img-75{width: 75px;height: 75px}
.img-60{width: 60px;height: 60px}
.img-36{width: 36px;height: 36px}
.img-36, .img-60, .img-75, .img-94{object-fit: cover; object-position: top;}
.h-40{height: 40px;}
.h-48{height: 48px;}
.h-72{height: 72px;}
.h-img-180{height: 180px;object-fit:cover;width: 100%}
.letter-spacing-4, .letter-spacing-4 input{letter-spacing: 24px}
.caret-none:after{display: none}
.cursor-pointer{cursor: pointer}
.ln-0{line-height: 0}
.ln-24{line-height: 1.5rem}
.ln-40{line-height: 2.5rem}
.footer-menu-cols{column-gap: 1rem;}
.footer-menu-cols li{break-inside: avoid;}
.footer-contact-list{list-style:none;}
.footer-contact-list li{margin-bottom:.75rem;}
.footer-contact-list li a{display:flex;align-items:flex-start;gap:.5rem;line-height:1.5;}
.footer-contact-list li a .material-icons-outlined{font-size:20px;flex-shrink:0;margin-top:2px;}
.ln-64{line-height:4rem}
.ln-16{line-height: 1rem}
.z-2{z-index: 2}
.z-1{z-index: 1}
.z-n1{z-index: -1}
.z-0{z-index: 0}
.z-3{z-index: 3}
.top-14p{top: 14% !important}
.rounded-20{border-radius: 1.25rem}
.text-999{color: #999}
.mxh-200{max-height: 200px}
.p-36{padding: 2.25rem}
.p-3px{padding: 0.20rem}
.bg-green{background-color: #31B909}
.bg-4f{background-color: #4F4F4F}
.grayscale{filter: grayscale(100%);}
img.grayscale:hover{filter: grayscale(0)}
/* hide number type input up down arrow Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
/*for autofilled yellow color bg*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
a{text-decoration: none}
.text-truncate-two-line{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.top-5{top: 5px}
.h-100px{height: 100px !important;}
.h-500{height: 500px;}
/*.form-select, .form-control{border-radius: 0 !important}*/
textarea{min-height: 100px !important}
.object-fit-cover{object-fit: cover}
.text-dark{color: #222 !important}
.bottom-n5{bottom: -3rem}
.white-space-nowrap{white-space: nowrap}
.bg-f4f5fc{background-color:#f4f5fc }

/* hide number type input up down arrow Firefox */
input[type=number] {  -moz-appearance: textfield;}
.no-focus:focus, .no-focus{outline-color: transparent !important;box-shadow: none !important;}
.input-error{color:#FF0000 }
.disable-lg-cursor{pointer-events: none}
.dropdown.no-caret .dropdown-toggle::after{display: none}
.animate{transition: all 0.3s ease-out 0s;}

.outer {
  display : flex;
  align-items : center;
}

/* Hero banner images — autofit any width */
.outer + [class*="col-"] > .flex-shrink-0{overflow: hidden;}
.outer + [class*="col-"] > .flex-shrink-0 > img{width: 100%;height: 100%;object-fit: cover;display: block;}

/*Project CSS */
.text-success{color: #6CD650 !important}
.btn-success{background-color: #6CD650 !important;border-color: #6CD650 !important}
.btn-check:focus+.btn-success, .btn-success:focus{box-shadow: 0 0 0 0.25rem rgb(108 214 80 / 50%);}
.decimal-circle {
	height: 24px;
	width: 24px;
	font-size: 13px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}

.form-floating>.form-control {
	padding: 1rem 1.5rem;
}
.form-floating>label {
	padding: 0.5rem 2rem;
}
.form-floating>.form-control, .form-floating>.form-select {
	height: calc(2.7rem + 2px);
    line-height: 1.25;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 100;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    top: -5px;
    background: #fff;
    left: 28px;
	padding: 0 .5rem;
    height: auto;
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 0.5rem;
}

.rounded-bottom-0 {
	border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.navbar-brand img{height: 70px;}
/*change purposely to make design clean in mobile view*/
.container{padding-left:1.25rem ;padding-right:1.25rem ;}
.modal-dialog{margin: 1rem}

/*.form-control{padding: 0.5rem 0.75rem;color: #000 !important}*/
.btn, .form-select, .form-control{border-radius: 2rem;padding-left: 1rem;padding-right: 1rem}
.dropdown-menu{min-width:5rem}
.site-content{margin-top: 5.75rem;}
.line-animation::before{content: ' ';width: 20px;height: 2px;background-color: #fff;right: -28px;position: absolute;top:50%;transition: all 0.3s ease-out 0s;}

.line-animation:hover::before, .hover-effect:hover .line-animation::before{width: 40px;right: -48px}


.gradient-bw{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 70%);}
.gradient-bw-left-50{background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 75%);}
.gradient-bw-left-100{background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);}

.navbar{z-index: 99}
.navbar-light .navbar-nav .nav-link{color: #333333}
.navbar-light .navbar-nav .nav-link:hover{color: #000}
.navbar-light .navbar-nav .nav-link.active{color: #06A9F6}
.navbar.short .header-info{display: none !important}

.navbar.short .navbar-brand img{height: 40px;}

/*bs tabs*/



/*scroll css */
.gray-scroll{scroll-behavior: smooth;}
.gray-scroll::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 0px rgba(165, 163, 163, 0.459);    box-shadow: 0 0 0px rgba(165, 163, 163, 0.459);    border-radius: 10px;    background-color: #F5F5F5;}

.gray-scroll::-webkit-scrollbar {    width: 6px !important;    height: 6px;    background-color: #F5F5F5;}

.gray-scroll::-webkit-scrollbar-thumb {    border-radius: 10px;    box-shadow: 0 0 0px rgba(189, 182, 182, 0.445);    -webkit-box-shadow: inset 0 0 0px rgba(189, 182, 182, 0.445);    background-color: #CCCCCC;}

.reveal{  position: relative;  transform: translateY(100px);  opacity: 0;  transition: 1s all ease;}
.reveal.active{  transform: translateY(0);  opacity: 1;}
#homeSlider .carousel-item img.w-100{height: 480px;object-fit:cover}
.carousel-indicators [data-bs-target]{width: 8px;height: 8px;margin-left: .25rem;margin-right: .25rem;}

.g-map{position: relative !important;left: 0rem;margin-top: -120px !important;width: 80% !important;}
.g-map iframe{width: 100%;}

.img-bg{background: url("../images/bg-img.png") no-repeat;background-size: cover}

.hr-sp{height: 4px !important;background-color:#E1E3F2 ;}
.newsSlider .slick-slide{margin-right: 0rem;}

/* Navbar toggler: hamburger to X transition */
.navbar-toggler .navbar-toggler-icon {
	background-image: none !important;
	position: relative;
	display: block;
	width: 24px;
	height: 2px;
	background-color: #333;
	transition: all 0.3s ease;
}
.navbar-toggler .navbar-toggler-icon::before,
.navbar-toggler .navbar-toggler-icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 24px;
	height: 2px;
	background-color: #333;
	transition: all 0.3s ease;
}
.navbar-toggler .navbar-toggler-icon::before {
	top: -7px;
}
.navbar-toggler .navbar-toggler-icon::after {
	top: 7px;
}
/* X state when menu is open */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background-color: transparent;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
	top: 0;
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
	top: 0;
	transform: rotate(-45deg);
}

@media (min-width: 576px){
	.py-sm-6{padding-top:5rem !important;padding-bottom: 5rem !important;}
.align-items-sm-center{align-items:center !important}
.modal-dialog{margin: 1.75rem auto;}

.hover-effect img{transition: transform .5s;}
.hover-effect:hover img{transform: scale(1.5)}

/*change purposely to make design clean in mobile view*/
.container{padding-left:0.75rem ;padding-right:0.75rem ;}
.mt-sm-80{margin-top: 5rem !important;}
.mt-sm-n80{margin-top: -5rem !important;}
.border-sm-start{border-left: 1px solid #dee2e6 !important;}
.border-sm-end{border-right: 1px solid #dee2e6 !important;}
.w-sm-50{width: 50%}
.border-end-sm-0{border-right: 0 !important;}
.h-sm-auto{height: auto !important}
.text-sm-white, .text-sm-white.text-primary:hover{color: #fff !important}
.text-sm-white.line-animation::before{background-color: #fff}
.h-sm-80 {height: 80% !important}
.border-sm-top-0{border-top:none !important;}
	#homeSlider .carousel-item img.w-100{height: calc(100vh - 120px);object-fit:cover;min-height: 480px}

	/* Hide hero arrows on desktop */
	#homeSlider .hero-arrow {
		display: none !important;
	}

	.newsSlider .slick-slide{margin-right: 1.5rem;}

}
@media (min-width: 768px){
.border-md-start{border-left: 1px solid #dee2e6 !important;}
.border-sm-bottom-0{border-bottom: 0 !important}
.fs-md-24-18{font-size: 1.5rem;}
.fs-md-20-16{font-size: 1.25rem}
.position-web-absolute {
	position:absolute !important;
}
.position-web-relative {
	position: relative !important;
}

}
@media (min-width: 992px){
	.navbar.short .collapse.pt-lg-5{padding-top: 0 !important}
	.g-map{right: -11%;top: 50%;left: auto;position: absolute !important;width: auto !important;}
	.g-map iframe{width: 320px;}
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 1.5rem;padding-right: 1.5rem}
	.site-content{margin-top: 7.5rem;}
	.top-80{top:80px}
	.fs-md-18{font-size: 1.125rem}
.fs-md-16{font-size: 1rem !important}
	.navbar.short .form-select{display: none !important}

.fs-48-32{font-size: 2rem}
	.disable-lg-cursor{pointer-events:auto}
	.border-lg-start-0{border-left: none !important}
	.border-md-bottom-0{border-bottom: 0 !important}
	.position-lg-absolute{position: absolute}
}
@media (min-width: 1200px){
	.mt-xl-n5{margin-top: -3rem !important}
	.newsSlider .slick-slide{width: calc(279px - 1.5rem) !important;}
	.newsSlider .slick-slide:nth-child(3n+1){width: calc(558px - 1.5rem) !important}
}

@media (min-width: 1400px){
.newsSlider .slick-slide{width: calc(324px - 1.5rem) !important;}
	.newsSlider .slick-slide:nth-child(3n+1){width: calc(648px - 1.5rem) !important}
}
@media (max-width: 575px){
	.w-sm-100 {width: 100%; max-width: 100%;}

	/* Hero slider: modern stacked layout on mobile */
	#homeSlider {
		overflow: hidden;
	}
	#homeSlider .carousel-inner {
		overflow: hidden;
	}
	#homeSlider .carousel-item.active,
	#homeSlider .carousel-item-next,
	#homeSlider .carousel-item-prev {
		display: flex;
		flex-direction: column;
	}
	#homeSlider .carousel-item .hero-gradient {
		display: none !important;
	}

	/* Hide dot indicators on mobile */
	#homeSlider .carousel-indicators {
		display: none !important;
	}

	/* Arrow navigation on mobile */
	#homeSlider .hero-arrow {
		display: flex !important;
		position: absolute;
		top: 140px;
		transform: translateY(-50%);
		width: 36px;
		height: 36px;
		align-items: center;
		justify-content: center;
		background-color: rgba(255, 255, 255, 0.85);
		border: none;
		border-radius: 50%;
		z-index: 3;
		opacity: 1;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
		transition: background-color 0.2s ease, box-shadow 0.2s ease;
		padding: 0;
	}
	#homeSlider .hero-arrow:active {
		background-color: #fff;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
	}
	#homeSlider .hero-arrow .material-icons-outlined {
		font-size: 22px;
		color: #222;
		line-height: 1;
	}
	#homeSlider .carousel-control-prev.hero-arrow {
		left: 10px;
	}
	#homeSlider .carousel-control-next.hero-arrow {
		right: 10px;
	}

	/* Image: full-width, prominent */
	#homeSlider .carousel-item img.hero-slide-img {
		order: 1;
		height: 240px;
		object-fit: cover;
	}

	/* Text: below image, clean white bg, dark text, centered */
	#homeSlider .carousel-item .hero-text-overlay {
		order: 2;
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		bottom: auto !important;
		background-color: #fff;
		padding: 1.75rem 1.25rem 2rem !important;
		align-items: flex-start !important;
		color: #222 !important;
		text-align: center !important;
	}
	#homeSlider .carousel-item .hero-text-overlay .mb-5 {
		margin-bottom: 0 !important;
	}
	#homeSlider .carousel-item .hero-text-overlay [class*="col-"] {
		text-align: center !important;
	}
	#homeSlider .carousel-item .hero-text-overlay h1 {
		font-size: 1.150rem !important;
		font-weight: 350 !important;
		line-height: 1.25 !important;
		margin-bottom: 1rem !important;
		color: #222 !important;
	}

	/* CTA link: dark text with dark line */
	#homeSlider .carousel-item .hero-text-overlay a.line-animation {
		color: #222 !important;
		font-weight: 500;
		font-size: 0.9375rem !important;
	}
	#homeSlider .carousel-item .hero-text-overlay a.line-animation::before {
		background-color: #222 !important;
	}

	/* Smooth slide transition */
	#homeSlider .carousel-item {
		transition: transform 0.5s ease-in-out;
	}
}

/* Slider navigation arrows - hide on mobile */
@media (max-width: 991px) {
  .slickPrev, .slickNext {
    display: none !important;
  }
}
/* Slider navigation arrows */
.slickPrev:hover {
  background-color: #06A9F6 !important;
  border-color: #06A9F6 !important;
  color: #fff !important;
}

/* WordPress pagination styled as Bootstrap */
.navigation.pagination{margin-top: 1.5rem;}
.navigation.pagination .nav-links{display: flex;justify-content: center;gap: 0.25rem;flex-wrap: wrap;}
.navigation.pagination .page-numbers{display: inline-flex;align-items: center;justify-content: center;min-width: 2.5rem;height: 2.5rem;padding: 0.25rem 0.75rem;border: 1px solid #dee2e6;border-radius: 0.375rem;font-size: 0.875rem;text-decoration: none;color: #06A9F6;background: #fff;transition: background-color .15s, border-color .15s, color .15s;}
.navigation.pagination .page-numbers:hover{background-color: #e9ecef;border-color: #dee2e6;}
.navigation.pagination .page-numbers.current{background-color: #06A9F6;border-color: #06A9F6;color: #fff;}
.navigation.pagination .page-numbers .material-icons-outlined{font-size: 1.25rem;}

/* Builder carousel */
[id^="builderCarousel"] .row>[class*="col-"]{display:flex;}
.builder-slide-item{display:flex;flex-direction:column;height:100%;width:100%;}
.builder-thumb{width: 100%;height: 180px;border-radius: 20px;background-size: contain;background-repeat: no-repeat;background-position: center;background-color: #f4f5f7;display: block;transition: transform 0.3s ease, box-shadow 0.3s ease;flex-shrink:0;}
.builder-slide-item:hover .builder-thumb{transform: scale(1.03);box-shadow: 0 4px 16px rgba(0,0,0,0.1);}
.builder-slide-item .builder-brochure-btn{margin-top:auto;}
#builderCarousel .carousel-item{transition: transform 0.6s ease-in-out;}
.builder-brochure-btn{font-size: 12px;padding: 4px 12px;border-radius: 20px;}
.builder-dot{width: 10px;height: 10px;border-radius: 50%;border: none;background: #ccc;padding: 0;transition: background 0.3s;}
.builder-dot.active{background: #333;}

/* Plot Map */
.plotmap-wrap{cursor: grab;position: relative;height: 500px;}
.plotmap-wrap:active{cursor: grabbing;}
.plotmap-img{width: 100%;height: 100%;object-fit: contain;user-select: none;-webkit-user-drag: none;display: block;}
.plotmap-controls .btn{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;}
.plotmap-controls .btn:hover{background-color: #06A9F6;border-color: #06A9F6;color: #fff;}
.plotmap-controls .btn:active{background-color: #0590d4;border-color: #0590d4;color: #fff;}
@media (max-width: 575px){
  .plotmap-wrap{height: 300px;}
  .plotmap-controls .btn{width: 34px;height: 34px;}
}

/* Single Builder page */
.builder-single-logo{background:#f4f5fc;border-radius:20px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:300px;}
.builder-single-logo img{max-width:100%;max-height:320px;object-fit:contain;}
.builder-single-details{padding:1.5rem 0;}
.builder-single-back{color:#333;font-weight:500;font-size:.875rem;transition:color .2s;}
.builder-single-back:hover{color:#06A9F6;}

/* Presale hero image */
.presale-hero-img{width:100%;height:100%;display:block;object-fit:cover;}

/* Plot Image Modal */
.plot-modal-wrap{cursor:grab;overflow:hidden;height:90vh;display:flex;align-items:center;justify-content:center;padding:1.5rem 0;}
.plot-modal-wrap:active{cursor:grabbing;}
.plot-modal-img{width:auto;height:100%;max-width:100%;display:block;transform-origin:center center;transition:transform .15s ease;user-select:none;-webkit-user-drag:none;object-fit:contain;}

/* Amenity Grid */
.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch;}
.amenity-box{padding:1.5rem;}
.nearby-pin{width:20px;height:20px;border-radius:50%;background-color:#31B909;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s ease,box-shadow 0.3s ease;}
.nearby-pin i{font-size:14px;color:#fff;transition:color 0.3s ease,transform 0.3s ease;}
.nearby-item{transition:background-color 0.3s ease;border-radius:8px;padding-left:4px;padding-right:4px;}
.nearby-item:hover{background-color:#f0faf0;}
.nearby-item:hover .nearby-pin{background-color:transparent;box-shadow:none;}
.nearby-item:hover .nearby-pin i{color:#31B909;transform:scale(1.3);}

/*Banner Image*/
.inner-banner-img{width: 100%; max-width: 600px; height: 350px;}
@media (max-width:991px){.amenity-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:575px){.amenity-grid{grid-template-columns:1fr;}}