/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 23 2026 | 11:22:50 */
.page-id-24120 .hero {
  width: 100%;
  text-align: center;
}

/* Image Section */
.page-id-24120 .image-container {
  position: relative;
  width: 100%;
}

.page-id-24120 .image-container img {
	width: 100%;
	height: 400px;
	display: block;
	object-fit: cover;
	object-position: bottom;
}

/* Smooth White Fade */
.page-id-24120 .fade-overlay {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

/* Text Section */
.page-id-24120 .content {
	background: #ffffff;
    padding: 60px 20px;
    max-width: 47%;
    margin: auto;
}

.page-id-24120 .content h1 {
  color: var( --e-global-color-primary );  
}

@media (max-width: 1200px) {
	.page-id-24120 .content{
		max-width: 100%;
	}
}

@media (max-width: 768px) {
/* 	.page-id-24120 .image-container {
		height: 350px;
	} */
	.page-id-24120 .content{
		padding: 30px 0;
	}
	
	.page-id-24120 .content h1 {
		font-size: 26px;
	}
}

@media (max-width: 550px) {
	.page-id-24120 .fade-overlay{
		height: 50px;
	}
}