:root{
    --tile-gradient: linear-gradient(90deg,rgba(43, 113, 140, 0) 0%, rgba(12, 124, 193, 1) 25%, rgba(12, 124, 193, 1) 75%, rgba(43, 113, 140, 0) 100%);
}


div:has(> .page-title),
div:has(> .faq-title) {
    width: 100%;
    min-height: min-content;
    margin-top: 3.5rem;
    margin-bottom: 0rem;
    padding: 0;
    text-align: center;
    background: #2b718c;
    background: var(--tile-gradient);
}
@media(max-width:600px){
    div:has(> .page-title),
    div:has(> .faq-title){
        background: var(--blue)
    }
}

h1.page-title,
h2.faq-title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: .5rem;
    font-size: 2.5rem;
    color: white;
}


/*FAQs changes from page-title*/
div:has(> .faq-title) {
    margin-top: 0rem;
    margin-bottom: .25rem;
    cursor: pointer;
}
h2.faq-title {
    font-size: 2rem;
    padding-block: .35rem;
}

/*  FAQs New  */
#faq-wrapper {
    margin-inline: auto;
    margin-bottom: .75rem;
    max-width: 150ch;
}
#faqAccordion .accordion-button,
#faqAccordion .accordion-item {
    margin: 0;
    padding: .5rem;
    border: none;
    border-radius: 0;
    background: unset;
    cursor: pointer;
}
#faqAccordion .accordion-button{
    font-weight:600;
}
#faqAccordion .accordion-item:not(:last-child){
    border-bottom: 2px solid var(--blue);
}
#faqAccordion .accordion-body{
    padding:.5rem;
}

#faqAccordion .accordion-button:not(.collapsed){
    color: var(--blue);
}