.zyrgon-faq {
    display: flex;
   gap:30px;
    --faq-text: #000;
    --faq-icon: #000;
    flex-wrap: wrap;
    
}


.faq-item {
    border-bottom: 1px solid #e5e5e5;
        width: calc(50% - 15px);
            padding: 22px 70px 0px 20px;
            background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.80) 100%);
            position:relative;
            height: fit-content;
            border-radius:10px;
}

.faq-question, .faq-question:hover, .faq-question:focus{
       text-wrap: wrap!important;
    background: none;
    border: none;
    text-align: left;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: var(--faq-text);
    border-radius: 10px 10px 0px 0px;
    
    padding:0px 0px 20px 0px;
 
    
}

span{
    text-wrap:wrap!important
}

.faq-icon {
    color: var(--faq-icon);
    transition: transform 0.3s ease;
    position:absolute;
    top:22px;
    right:20px;
}

.faq-item.open .faq-icon {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    font-size: 14px;
    border-radius: 0px 0px 10px 10px;
    
    
}
.faq-item.open{
    padding: 22px 70px 24px 20px;
}
.faq-answer p{
    margin:0px;
}

@media (max-width:767px){
    .zyrgon-faq {
        flex-direction:column!important;
    }
    .faq-item{
        width:100%
    }

}