#faq{
    width: 100%;
    background-color: #089471;
    color: white;
    background-image: url('../images/question-mark.png');
    background-repeat: repeat;
    background-size: 20px;
    padding:100px;
    background-blend-mode: soft-light;
    text-align: center;
}
#faq h2{
    font-size: 2em;
}
#faq h3{
    font: 1.7em;
}
#faq #accordion{
    padding: 0px 15vw;
}
#faq > h2, #faq h3{
    color: white;
    padding: 20px;
    text-align: center;
}
#faq #accordion h2 button{
    font-size: 0.7em;
}
#faq .accordion{
    --bs-accordion-btn-focus-border-color: #1bcfa2!important;
    --bs-accordion-active-bg: #23b892;
    --bs-accordion-active-color: white;
    --bs-accordion-btn-focus-box-shadow: trasparent;
}
#faq .accordion-body{
    background-color: rgb(244, 244, 244);
}
  @media screen and (orientation: portrait) {
    #faq{
        padding:40px;
    }
    #faq .panel-heading a i{
        left: 40px;
    }
    #faq #accordion{
        padding: 0px;
    }
  }