.faqs {
    background: url('../img/Middle/bg_faq.png');
    background-size: cover;
    min-height: 100vh;
    position: relative;
}

.faqs .title-page {
    font: var(--e42-font-style-oblique) normal var(--e42-font-weight-900) var(--e42-font-size-64)/var(--e42-line-spacing-80) var(--e42-font-family-spartan-mb);
    letter-spacing: var(--e42-character-spacing--0-72);
    text-align: left;
    padding-top: 73px;
}

.faqs p {
    font: var(--e42-font-style-italic) normal var(--e42-font-weight-bold) var(--e42-font-size-22)/var(--e42-line-spacing-30) var(--e42-font-family-space-mono);
    letter-spacing: var(--e42-character-spacing--0-22);
    color: var(--e42-color-000000);
    text-align: left;
}

.accordion-title {
    background: var(--e42-color-ffffff) 0% 0% no-repeat padding-box;
    max-width: 654px;
    font: var(--e42-font-style-normal) normal var(--e42-font-weight-medium) var(--e42-font-size-30)/64px var(--e42-font-family-spartan-mb);
    letter-spacing: var(--e42-character-spacing--0-32);
    color: var(--e42-color-000000);
    text-align: left;
    margin-top: 26px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.accordion-title div {
    width: 100%;
}

.accordion-item .accordion-text {
    max-height: 0;
    opacity: 0;
    padding: 15px;
    transition: all 0.5s ease;
    padding: 0;
    max-width: 654px;
    pointer-events: none;
    overflow-x: hidden;
}

.accordion-item .accordion-text:hover {
    pointer-events: none;
}

.accordion-item.active .accordion-text {
    max-height: 500vh;
    opacity: 1;
    transition: all 0.5s ease;
}

.accordion-title:hover {
    cursor: pointer;
}

.accordion-title i {
    color: var(--e42-color-32efdb);
    float: right;
    transition: all ease 0.5s;

}

.accordion-item.active i {
    transform: rotate(180deg);
}

.faqs .container img {
    position: absolute;
    transform: rotateY(180deg);
    max-width: 745px;
    bottom: 0;
    right: 100px;
}

.accordion-text p {
    font-size: 15px;
}

.accordion-item {
    padding-bottom: 5px;
}

@media (max-width: 600px) {
    .faqs .container img {
        position: relative;
        transform: rotateY(180deg);
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .accordion-title {
        padding: 0 15px;
        font: var(--e42-font-style-normal) normal var(--e42-font-weight-medium) var(--e42-font-size-18) var(--e42-font-family-spartan-mb);
        padding: 10px;
    }

    .accordion-title div {
        text-align: center;
    }

    .faqs .title-page {
        font: var(--e42-font-style-oblique) normal var(--e42-font-weight-900) var(--e42-font-size-40)/var(--e42-line-spacing-80) var(--e42-font-family-spartan-mb);
        letter-spacing: var(--e42-character-spacing--0-48);
        text-align: center;
    }

    .faqs p {
        font: var(--e42-font-style-italic) normal var(--e42-font-weight-normal) var(--e42-font-size-16)/var(--e42-line-spacing-30) var(--e42-font-family-space-mono);
        letter-spacing: var(--e42-character-spacing--0-22);
        text-align: center;
    }

    .accordion-item .accordion-text {
        display: none;
        font-size: var(--e42-font-size-16);
    }

    .accordion-item.active .accordion-text {
        display: block;
    }
}

@media (max-width: 1709px) {
    .faqs .container img {
        max-width: 645px;
    }
}

@media (max-width: 1530px) {
    .faqs .container img {
        max-width: 545px;
    }
}

@media (max-width: 1400px) {
    .faqs .container img {
        max-width: 445px;
        right: 0;
    }
}