/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2025 | 17:25:35 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.agent-value a {
	color:black
}

.elementor-10077 .elementor-element.elementor-element-a40267f img{
	object-fit:contain !important;
}

.download_button{
	padding: 16px !important;
    background: #01e4fe !important;
	margin-top: 5px;
    margin-bottom: 10px;
	width: 100%;
}

#features_text, #location_text, #masterplan_text{
	font-size: 16px;
}

.pp-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.pp-card {
    flex: 1 1 calc(33.33% - 20px);
    height: 150px;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    padding: 20px 0px;
    border-radius: 10px;
    position: relative;
	color: #000;
}

.pp-card-title {
    margin: 0;
    position: absolute;
    top: 20px;
    font-size: 20px;
}

.pp-card-text{
	width: 100%;
    background: #01e4fe;
    padding: 7px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
}

@media (max-width: 786px) {
    .pp-card {
        flex: 1 1 100%;
    }
}

.project-info-outline {
    display: flex;
    flex-wrap: wrap;
	gap: 24px;
    justify-content: flex-start;
}

.fa-card {
    width: calc(25% - 24px);
    background: white;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-height: 120px;    
	margin-top: 40px;
}

.feat_icon {
    margin-top: -50px;
	margin-bottom: 20px;
    background: #01e4fe;
    padding: 15px;
    border-radius: 20px;
	width: 75px;
	height: 75px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.fa-card p {
    color: #374151;
    font-weight: 600;
}

.top-fa-card {
    width: calc(33% - 24px);
    background-color: transparent !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    min-height: 130px;  
	padding: 5px 10px;
}

.top_feat_icon {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: baseline;
    width: 100%;
    gap: 15px;
}

.top-fa-card p {
    font-weight: 600;
}

.mobile-only{
	display: none !important;
}

/* .topper{
	margin: auto;
    z-index: 100;
    top: 40vh;		
} */

/* body.single-project .inner-banner-one{
	position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;    
} */

body.single-project .banner-background-content, body.single-property .banner-background-content{
	display: none;
}
/* 
@media (min-width: 992px) and (max-width: 1199px) { 
    .topper{
		top: 50vh;
	}
} */

@media (max-width: 786px) {
    .fa-card {
        width: calc(50% - 12px);
    }
	
	.top-fa-card{
		width: 100%;
		margin-top: 20px;
	}
	
	.mobile-hider{
		display: none !important;
	}
	
	.mobile-only{
		display: block !important;
	}
	
/* 	.topper{
		top: 62vh;
	} */
}

.project-details-one .details-text .project-info-outline{
	background: none;
}

.project-details-one .tag{
	background: #01e4fe;
    color: #fff !important;
    border: none !important;
    padding-top: 5px !important;
}

.similars{
	font-size: 16px !important;
}

.hover-boxes .blog-meta-one:hover, .hover-boxes .project-block-two:hover, .hover-boxes .listing-card-one:hover{
    box-shadow: 0px 30px 60px rgba(0, 0, 0, .06);
}

.hover-boxes .btn-four:hover{
	border: 1px solid #01e4fe;
}

.chaty-i-trigger .chaty-channel{
	bottom: 110px;
}

.ere-property .property-image{
	z-index: 0;
}