.page-title {
 text-align: center;
 font-size: 48px !important; 
 color: #322f33;
 text-transform: uppercase;
 font-weight: 900;
 margin-bottom: 10px;
 padding-bottom: 5px;
 display: block;
 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Subtle text shadow */
 border-bottom: 2px solid #99c7c6; /* Teal line */
 position: relative;
line-height: 1.2;
letter-spacing: 2px;
}

.page-title::after {
 content: "";
 display: block;
 width: 100%; 
 height: 2px;
 background: linear-gradient(to right, #b87c9e, #99c7c6);
 margin: 10px auto 0; /* Add spacing above the line */
}

/* Sub-Headers */
.section-header {
 font-size: 28px;
 font-weight: 700;
 color: #322f33;
 margin-bottom: 15px;
 text-align: center;
line-height: 1.3;
}

/* Section Divider */
.section-divider {
 width: 80%;
 max-width: 800px;
 margin: 30px auto;
 border-top: 2px solid #e7e4de; /* Light tan */
 border-radius: 1px;
 height: 2px;
}

.section-divider-1 {
 width: 100%;
 margin: 30px auto;
 border-top: 2px solid #e7e4de; /* Light tan */
}

.service-item:hover {
 transform: scale(1.05);
 box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.content-block-content {
 padding: 40px;
 margin-top: 20px;
 border-radius: 8px;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); 
}


h1 {
 font-size: clamp(32px, 5vw, 60px);
}

/* Button Styles */
.btn-primary {
 background-color: #f26741 !important; /* Orange */
 color: #ffffff !important; /* Light tan */
 padding: 12px 24px;
 border: none;
 border-radius: 8px;
 text-decoration: none !important;
 font-size: 18px;
 font-weight: 600;
 display: inline-block;
 text-align: center;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
 transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover {
 background-color: #99c7c6 !important; /* Teal on hover */
 transform: translateY(-3px);
}