/* 1. Typography & Footer */
.dual-heading-footer {
    color: #FFF6A1;
    font-family: 'Marcellus', serif;
    font-size: var(--text-xl);
}

.highlight-footer {
    color: #ffffff;
}

/* 2. Unified Service Box Base Styles */
.service-box, 
.service-box2 {
    background-color: #ffffff;
    padding: 10px 30px; 
}

/* Hover effect only when boxes are not expanded */
.service-box:not(.brx-open):hover, 
.service-box2:not(.brx-open):hover {
    background-color: #f4f4f4;
}

/* 3. State Management (Expanded) */
.service-box.brx-open {
    background-color: #3397ef;
}

.service-box2.brx-open {
    background-color: #367BBB;
    border: 1px solid #0C4366;
}

/* Unified text colors for expanded state */
.service-box.brx-open .service-title,
.service-box2.brx-open .service-title,
.service-box.brx-open .service-title span,
.service-box2.brx-open .service-title span {
    color: #FFF6A1;
}

.service-box.brx-open .service-text,
.service-box2.brx-open .service-text {
    color: #ffffff;
}

/* Default span color */
.service-box .service-title span, 
.service-box2 .service-title span {
    color: #1D1D1B;
}

/* 4. Structural Fixes */
.accordion-content-wrapper {
    padding-top: 0;
}