/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 12 2025 | 07:17:07 */
.project-detail-wrapper {background-color: rgba(0, 0, 0, 0.9);position: absolute;padding: 60px 9%;bottom: 0;width: 100%;left: 0;opacity: 0;pointer-events: none;transition: all .5s ease-in-out;}
.custom-project-card:hover {transform: none;box-shadow: none;}
.project-detail-wrapper  .project-excerpt {color: #fff !important;font-size: 22px !important;font-family: "Effra Light", Helvetica, Arial, Lucida, sans-serif;padding: 0;}
.project-detail-wrapper .project-title {font-weight: 600;color: #ffffff;padding: 0;font-size: 26px;line-height: 30px;font-weight: 600;text-transform: capitalize !important;}
.custom-project-card:hover .project-detail-wrapper {opacity: 1;}
.custom-project-card { position: relative;}
.custom-project-card:hover {transform: none !important;box-shadow: none !important;}
.custom-projects-grid {gap: 18px !important;padding: 40px 0px !important;}
  
@media (max-width: 1300px) {
	.project-image-wrapper { height: 394px !important; }
	.custom-projects-grid {grid-template-columns: repeat(2, 1fr) !important;
}	
@media (max-width: 767px) {
	.project-detail-wrapper {padding: 22px 5% !important;}
	.custom-projects-grid {grid-template-columns: repeat(1, 1fr) !important;}
	.project-image-wrapper {height: 300px !important;
}