.faqs_accordion{
    display: grid;
    gap: 1rem;
    align-items: start;
}
.faqs_accordion .e-n-accordion-item {
    display: flex;
    flex-direction: column;
    position: relative;
}

.faqs_accordion .e-n-accordion-item-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding: 20px;
    justify-content: space-between;
    border-radius: 0px;
    gap: 0 20px;
    color: white;
    align-items: center;
    cursor: pointer;
}

.faqs_accordion .e-n-accordion-item-title>span {
    cursor: pointer;
}

.faqs_accordion .faq-icon{
    width: 100%;
    text-align: center;
}
.faqs_accordion .faq-icon.left_aligned{
    width: fit-content;
    text-align: left;
}

.faqs_accordion .e-n-accordion-item-title-header {
    display: flex;
    max-width: 80%;
    overflow-wrap: anywhere;
}

.faqs_accordion .e-n-accordion-item-title-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    order: initial;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}
.faqs_accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened {
    display: none;
}
.faqs_accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed {
    display: flex;
}
.faqs_accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened {
    display: flex;
}
.faqs_accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed {
    display: none;
}
.faqs_accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{
    width: 15px;
    height: auto;
}

.faqs_accordion .e-n-accordion-item .answer{
    padding: 20px;
    color: white;
}

@media (min-width: 1024px){
    .faqs_accordion .faq-icon.top_aligned{
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 1023px){
    .faqs_accordion .faq-icon.tablet_left_aligned {
        width: fit-content;
        text-align: left;
    }
    .faqs_accordion .faq-icon.tablet_top_aligned {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 767px){
    .faqs_accordion .faq-icon.mobile_left_aligned {
        width: fit-content;
        text-align: left;
    }
    .faqs_accordion .faq-icon.mobile_top_aligned {
        width: 100%;
        text-align: center;
    }
}