.accordion-title > p{
    padding-right: 1rem;
    font-size: 1.2rem;
}
.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;
}

.faq-hr{

    width:100%;
    max-width:none;
    border-top: 1px solid #777777;
    display: block;
    background: none;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    overflow: visible;
    box-sizing: content-box;
}

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