.dual-heading-footer {
    color: #FFF6A1; /* Default color for the rest of the text */
       font-family: 'Marcellus', serif; /* Marcellus font */
    font-size: var(--text-xl); /* Font size from a CSS variable */
}

.highlight-footer {
    color: #ffffff; /* Color for the first two letters */
}

/* Common styles for all .service-box elements */
.service-box, .service-box2 {
    background-color: #ffffff; /* White background by default */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px; /* Common padding */
}

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

/* Expanded state for .service-box */
.service-box.brx-open {
    background-color: #3397ef; /* Blue background when expanded */
}

/* Expanded state for .service-box2 */
.service-box2.brx-open {
    background-color: #367BBB; /* Different blue background for .service-box2 when expanded */
    border: 1px solid #0C4366; /* Border properties for .service-box2 when expanded */
}

/* Style for .service-title within an expanded .service-box and .service-box2 */
.service-box.brx-open .service-title,
.service-box2.brx-open .service-title {
    color: #FFF6A1; /* Light yellow color for .service-title in expanded state */
}

/* Style for .service-text within an expanded .service-box and .service-box2 */
.service-box.brx-open .service-text,
.service-box2.brx-open .service-text {
    color: #ffffff; /* White color for .service-text in expanded state */
}

/* Style for span inside .service-title for both .service-box and .service-box2 */
.service-box .service-title span, 
.service-box2 .service-title span {
    color: #1D1D1B; /* Dark color for span by default */
}

/* Style for span inside .service-title for expanded .service-box and .service-box2 */
.service-box.brx-open .service-title span,
.service-box2.brx-open .service-title span {
    color: #FFF6A1; /* Light yellow for span in expanded state */
}


element.style {
    display: block;
}

.accordion-content-wrapper {
    padding-top: 0px;
}