:root{--rp:#052750;--rs:#0f172a}.repm-wrap{padding:45px 0;color:#172033}.repm-container{width:min(1180px,calc(100% - 28px));margin:auto}.repm-head{text-align:center;margin-bottom:28px}.repm-head h1{font-size:42px}.repm-filter{display:flex;gap:10px;margin-bottom:25px}.repm-filter input,.repm-filter select{flex:1;padding:13px;border:1px solid #d8dee8;border-radius:8px}.repm-filter button,.repm-form button{background:var(--rp);color:#fff;border:0;padding:13px 20px;border-radius:10px;cursor:pointer}.repm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.repm-card{border:1px solid #e3e8ef;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #0f172a10}.repm-card-img{height:230px;display:block;position:relative}.repm-card-img img{width:100%;height:100%;object-fit:cover}.repm-card-img span{position:absolute;top:12px;left:12px;background:#fff;padding:6px 10px;border-radius:20px;font-size:12px}.repm-card-body{padding:18px}.repm-card-body small{color:var(--rp);font-weight:700}.repm-card h3{margin:6px 0;font-size:22px}.repm-card h3 a,.repm-link{color:inherit;text-decoration:none}.repm-card-body p{color:#667085}.repm-link{float:right;color:var(--rp)}.repm-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:210px 210px;gap:7px;margin-bottom:30px}.repm-gallery button{border:0;padding:0;overflow:hidden;cursor:pointer}.repm-gallery .main{grid-row:1/3}.repm-gallery img{width:100%;height:100%;object-fit:cover}.repm-layout{display:grid;grid-template-columns:1fr 350px;gap:40px}.repm-layout aside{position:sticky;top:20px;align-self:start}.repm-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.repm-title h1{font-size:44px;margin:8px 0}.repm-title>b{font-size:22px;color:var(--rp)}.repm-badge{background:#edf2ff;color:var(--rp);padding:6px 10px;border-radius:20px;font-size:12px}.repm-lead{font-size:18px;line-height:1.7;color:#566176}.repm-layout section{margin-top:40px}.repm-layout h2{font-size:28px}.repm-features,.repm-spec{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.repm-features div,.repm-spec div,.repm-box{padding:15px;border:1px solid #e3e8ef;border-radius:10px}.repm-spec div{display:flex;justify-content:space-between}.repm-spec span{color:#667085}.repm-table{overflow:auto}.repm-table table{width:100%;border-collapse:collapse}.repm-table td,.repm-table th{padding:13px;border-bottom:1px solid #e5e7eb;text-align:left}.repm-floors{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.repm-floors div{border:1px solid #e3e8ef;border-radius:10px;overflow:hidden}.repm-floors img{width:100%;aspect-ratio:4/3;object-fit:cover}.repm-floors b,.repm-floors small{display:block;padding:8px 12px}.repm-near{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.repm-near div{display:flex;justify-content:space-between;border:1px solid #e3e8ef;padding:12px;border-radius:8px}.repm-inquiry{padding:22px;border:1px solid #e0e5ed;border-radius:12px;box-shadow:0 10px 30px #0f172a12}.repm-form{display:grid;gap:12px}.repm-form input,.repm-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d8dee8;border-radius:8px;font:inherit}.iti{width:100%}.repm-actions{display:flex;gap:8px;margin-top:10px}.repm-actions a{flex:1;text-align:center;padding:10px;background:#f1f4f8;border-radius:8px;text-decoration:none;color:#172033}.repm-msg{font-size:13px}.repm-emi{border:1px solid #e0e5ed;padding:24px;border-radius:12px}.emi-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.emi-grid label{display:block;font-weight:700;margin-bottom:14px}.emi-grid input[type=number]{width:100%;box-sizing:border-box;padding:12px;margin:7px 0;border:1px solid #d8dee8;border-radius:8px}.emi-grid input[type=range]{width:100%;accent-color:var(--rp);margin-bottom:18px}.emi-result>div:not(.donut){padding:14px 0;border-bottom:1px dashed #d8dee8}.emi-result span{display:block;color:#667085}.emi-result strong{font-size:18px}.donut{width:190px;height:190px;margin:20px auto;border-radius:50%;background:conic-gradient(var(--rp) 0 var(--pct,65%),#9ba8ff var(--pct,65%) 100%);display:grid;place-items:center}.donut:after{content:"";width:120px;height:120px;background:#fff;border-radius:50%;grid-area:1/1}.donut .pct{grid-area:1/1;z-index:2;font-weight:800;color:#172033}.repm-lightbox{display:none;position:fixed;inset:0;background:#000e;z-index:99999;align-items:center;justify-content:center}.repm-lightbox.open{display:flex}.repm-lightbox img{max-width:88%;max-height:85%}.repm-lightbox button{position:absolute;border:0;background:#ffffff22;color:#fff;border-radius:50%;width:44px;height:44px;font-size:28px}.repm-lightbox .close{right:20px;top:20px}.repm-lightbox .prev{left:20px}.repm-lightbox .next{right:20px}
@media(max-width:991px){.repm-grid{grid-template-columns:repeat(2,1fr)}.repm-layout{grid-template-columns:1fr}.repm-layout aside{position:static}.emi-grid{grid-template-columns:1fr}}
@media(max-width:767px){.repm-grid{grid-template-columns:1fr}.repm-filter{flex-direction:column}.repm-gallery{display:flex;overflow:auto;height:270px}.repm-gallery button{min-width:88%;height:270px}.repm-title{display:block}.repm-title h1{font-size:32px}.repm-features,.repm-spec,.repm-near{grid-template-columns:1fr}.repm-floors{grid-template-columns:1fr 1fr}}

/* =========================================
   AJAX PROJECT SEARCH
========================================= */

.repm-ajax-filter {
	display: grid;
	grid-template-columns: minmax(250px, 1fr) 230px 0px;
	gap: 10px;
	align-items: stretch;
}


.repm-search-field {
	position: relative;
	display: flex;
	align-items: center;
}


.repm-search-field input {
	width: 100%;
	height: 48px;
	padding: 0 15px 0 45px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #fff;
	font-size: 15px;
	outline: none;
	box-sizing: border-box;
}


.repm-search-field input:focus {
	border-color: var(--rp);
	box-shadow: 0 0 0 3px rgba(31, 94, 255, 0.08);
}


.repm-search-icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 17px;
	color: #667085;
	pointer-events: none;
	z-index: 2;
}


.repm-ajax-filter select {
	height: 48px;
	width: 100%;
	padding: 0 12px;
	border: 1px solid #d8dee8;
	border-radius: 8px;
	background: #fff;
	font-size: 15px;
	cursor: pointer;
	outline: none;
}


.repm-ajax-filter select:focus {
	border-color: var(--rp);
}


.repm-ajax-filter button {
	height: 48px;
	border: 0;
	border-radius: 8px;
	background: var(--rp);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	padding: 0 20px;
	transition: opacity 0.2s ease;
}


.repm-ajax-filter button:hover {
	opacity: 0.9;
}


.repm-ajax-filter button:disabled {
	opacity: 0.6;
	cursor: wait;
}


/* =========================================
   AJAX LOADING
========================================= */

.repm-search-loading-results {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 0.2s ease;
}


.repm-search-loading {
	font-size: 14px;
}


/* =========================================
   NO RESULTS
========================================= */

.repm-no-results {
	grid-column: 1 / -1;
	width: 100%;
	padding: 55px 20px;
	text-align: center;
	border: 1px solid #e3e8ef;
	border-radius: 12px;
	background: #fff;
	box-sizing: border-box;
}


.repm-no-results-icon {
	font-size: 35px;
	margin-bottom: 10px;
}


.repm-no-results h3 {
	margin: 0 0 8px;
	font-size: 22px;
	color: #172033;
}


.repm-no-results p {
	margin: 0;
	color: #667085;
}

.repm-filter .select_container {
    display: none;
}

span.repm-search-icon {
    margin: 6px 0px 0px -7px;
}

.repm-project-search{
	border-radius: 24px;
}
/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

	.repm-ajax-filter {
		grid-template-columns: 1fr 1fr;
	}

	.repm-ajax-filter button {
		width: 100%;
	}

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

	.repm-ajax-filter {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.repm-search-field,
	.repm-ajax-filter select,
	.repm-ajax-filter button {
		width: 100%;
	}

	.repm-search-field input,
	.repm-ajax-filter select,
	.repm-ajax-filter button {
		height: 48px;
	}

}


.repm-gallery button {
    position: relative;
}

.repm-gallery button:nth-child(3)::after {
    content: "More +";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    z-index: 2;
    pointer-events: none;
}

.repm-gallery button:nth-child(4) img {
    display: block;
}

.repm-gallery button:nth-child(n+4) {
    display: none !important;
}
