.header-group-section {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-group-section h3 {
    font-size: var(--headline-size);
    color: var(--primary-20);
    font-weight: 700;
    cursor: pointer;
}

.arrow-icon {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 29px;
    color: #b24d94;
    font-weight: bold;
    transform: rotate(90deg);
}

.awnser,
.group-section-content{
    display: none;
}

.arrow_icon {
    cursor: pointer;
}


.faq-item-group {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    cursor: pointer;

}

.faq-item-wrapper {
    background: var(--content-box-background);
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px var(--content-box-border) solid;
} 


.faq-item-wrapper img{
     filter: var(--logo-filter);
} 




.x-logo {

    width: 26px;
    height: auto;
}



@media(max-width: 600px) {
    .faq-item-group h4 {
        font-size: 17px;
    }
}