.faqs_hero {
    background: url("../images/hero_section_bg/faqs.jpg") center / cover no-repeat;
    padding-top: 14% !important;
    padding-bottom: 15% !important;
    height: 500px;
}


#SSAccordionV1 .accordion-button {
    cursor: pointer;
    display: block;
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    line-height: 48.9667px;

    background-color: #1781ae;
    /* your base bg */
    color: #fff;
    border-bottom: 1px solid #0a4864;
}

#SSAccordionV1 .accordion-body p {
    font-family: "Noto Sans", sans-serif;
    font-size: 19px;
    line-height: 30.6px;

    background-color: #0a4864;
    /* your existing answer bg */
    color: #fff;
    box-shadow: 0.7em 0.7em 1.2em rgba(0, 0, 0, 0.33);
}

#SSAccordionV1 .title-style-3 .letter {
    font-size: 19px;
}

/* Default question background */
#SSAccordionV1 .accordion-button {
    background-color: #005375; /** #1781ae; **/
    color: #fff;
    border-bottom: 1px solid #fff;
    /* or change color if needed */
}

/* Hover on question */
#SSAccordionV1 .accordion-button:hover {
    background-color: #842f3f;
    color: #fff;
    /* optional but recommended */
}

/* When question is open (active) */
#SSAccordionV1 .accordion-button:not(.collapsed) {
    background-color: #842f3f;
    color: #fff;
    box-shadow: none;
    /* remove Bootstrap blue glow */
}

/* Answer background */
#SSAccordionV1 .accordion-body {
    background-color: #0a4864;
    color: #fff;
    box-shadow: 0.7em 0.7em 1.2em rgba(0, 0, 0, 0.33);
}

/* Optional: remove Bootstrap arrow background */
#SSAccordionV1 .accordion-button::after {
    filter: invert(1);
    /* keeps arrow visible on dark bg */
}

/* Remove blue focus ring & glow */
#SSAccordionV1 .accordion-button:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* Also remove when active */
#SSAccordionV1 .accordion-button:active {
    box-shadow: none !important;
}

#SSAccordionV1 {

    background-color: #fff;
    color: #FFFFFF;

}