.accordion-title > p{
    padding-right: 1rem;
}
.accordion-title{
    color:#000 !important;
    border: 0px !important;
    text-decoration: none !important;
    padding: 1rem 1.5rem 0rem 1rem !important;
}
.accordion-title:focus, .accordion-title:hover{
    background-color: transparent !important;
}
.accordion-title:before {
    content: "\fe40";
    margin-top: 0rem;
}

.is-active>.accordion-title:before {
    content: "\fe3f";
}

.accordion-content {
    border:0px !important;
    background-color: transparent !important;
    padding: 0rem 1rem 1rem 1rem !important;
}
/* 1. Default styles for Mobile (Smallest screens) */
.faq-container {
    padding-left: 1rem;  /* Small padding so text doesn't touch the edge */
    padding-right: 1rem;
}

/* 2. Styles for Desktop (Screens wider than 768px) */
@media (min-width: 768px) {
    .faq-container {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}