body {
    font-family: Arial, sans-serif;
}

.ui-accordion header.ui-accordion-header {
    background-color: #004d99;
    color: white;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
}

section {
    margin-bottom: 30px;
}

section > div {
    display: flex;
    justify-content: center;
}

section > div > img {
    max-width: 45%;
    margin: 10px;
}

header h2 {
    flex: 1;
    }

    /* Hide the default jQuery UI arrow */
.ui-accordion span.ui-accordion-header-icon {
    display: none;
}

/* Add a Font Awesome arrow and set its size and color */
.ui-accordion header::after {
    content: "\f0da"; /* Unicode for Font Awesome arrow-right icon */
    font-family: "Font Awesome 5 Free"; /* Font Awesome's font family */
    font-weight: 900; /* Needed to display the icon */
    font-size: 32px; /* Size of the icon */
    color: white; /* Color of the icon */
}

/* Change the arrow to down when the section is active */
.ui-accordion header.ui-accordion-header-active::after {
    content: "\f0d7"; /* Unicode for Font Awesome arrow-down icon */
}