/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 18 2025 | 06:05:42 */
/* Extras CSS */
.load-more-btn{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    fill: var(--e-global-color-42b7e62);
}

.submit-btn{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-42b7e62);
	border-color: var(--e-global-color-secondary);
	border-radius: 0;
	padding: 10px 30px;
}

.submit-btn:hover{
	background-color: var(--e-global-color-42b7e62);
	color: var(--e-global-color-primary);
}

.wpcf7-response-output {
	color: var(--e-global-color-secondary);
}

.wpcf7-form-control.wpcf7-file{
	color: var(--e-global-color-42b7e62) !important;
	padding-left: 0 !important;
	width: 100%;
}
/* Sticky Header CSS Start */
header#header.scrolled{
	background-color: var(--e-global-color-primary);
}

/* Sticky Header CSS End */

/* Banner CSS Start */
.banner-container{
	padding: 80px 0 46px 0;
	background: url(https://sthapatyagroup.in/wp-content/uploads/2025/11/bg-subheader.jpg);
    background-size: cover;
}

.banner-container .banner-title{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	font-size: var(--e-global-typography-secondary-font-size);
	font-weight: var(--e-global-typography-secondary-font-weight);
	text-transform: var(--e-global-typography-secondary-text-transform);
	letter-spacing: var(--e-global-typography-secondary-letter-spacing);
	color: var(--e-global-color-42b7e62);
	margin: 40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
	text-align: center;
}
/* Banner CSS End */

/* Ongoing/Completed Page CSS Start */
.project-container{
	max-width: 1320px;
	margin:70px auto;	
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.project-container .project-item{
	max-width: 100%;
}
.project-container .projects-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 20px;	
}

.project-container .projects-list .project-item .featured-img{
	max-width: 430px;
	height: 300px;
	overflow: hidden;
}

.project-container .projects-list .project-item .featured-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.project-container .projects-list .project-item .project-desc{
	padding: 30px;
	border: 1px solid #c8b16f;	
	margin-top: -7px;
}

.project-container .projects-list .project-item .project-desc .project-heading{
	font-size: 20px;	
	margin-block: 0 20px;
}
.project-container .projects-list .project-item .project-desc p {
	font-size: 14px;
	border-bottom: 1px solid #c8b16f;
	color: #606060;
	padding-bottom: 3px;
}

.project-container .projects-list .project-item .project-desc a {
	text-decoration: none;
	color: #606060;
}

@media (max-width: 1024px) {
	.project-container{
		max-width: 86%;
	}
	.project-container .projects-list{
		grid-template-columns: repeat(2, 1fr);
	}	
}

@media (max-width: 768px) {
	.project-container{
		max-width: 90%;
	}
	.project-container .projects-list{
		grid-template-columns: 1fr;
	}
	.project-container .projects-list .project-item .featured-img{
		max-width: 100%;
	}
}
/* Ongoing/Completed Page CSS End */