.faq__ans{
    display: none;
}

.faq-accordion,
#faq-accordion{
    display: block;
    width: 100%;
}

h3.faq__qstn{
    font-size: var(--fs20_18);
    font-weight: bold;
    color: var(--eco-blue);
    margin-bottom: 0;
    margin-left: -30px;
    margin-right: -30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 15px 55px 15px 30px;
}

.active h3.faq__qstn{
      padding-top: 25px;
}


.faq__toggle{
    padding:0px 10px;
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 0;
    color: #666363;
    transition: all 200ms ease-in-out;
}



.faq__toggle i {
    line-height: 1;
    font-size: 32px;
    margin-top: -5px;
    color: var(--eco-blue);
    width: 32px;
}

.active .faq__toggle{
    transform: rotate(180deg);
    color: #666363;
}

.faq__btn .btn{
    text-decoration: none;
    margin-bottom: 5px;
    /* font-weight: 500; */
}

.faq-accordion .accordion-elem,
#faq-accordion .accordion-elem{
    position: relative;
    /*background-color: var(--eco-beige);*/
    /*padding: 0px 30px 0px 30px;*/
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: var(--shadow1);
}

.faq-accordion .accordion-elem.active,
#faq-accordion .accordion-elem.active{
    background-color: #fff;
    margin-bottom: 10px;
    /*padding-bottom: 15px;*/
}


.faq-accordion .accordion-elem.active .faq__ans,
#faq-accordion .accordion-elem.active .faq__ans{
    display: block;
}

.accordion-elem { padding: 0px 30px 0px 30px; }
.accordion-elem.active { padding: 0px 30px 30px 30px; }

.accordion-elem .faq__ans-txt p:last-child,
.accordion-elem .faq__ans-txt ul:last-child,
.accordion-elem .faq__ans-txt ol:last-child{ margin-bottom: 0;}

.accordion-elem .faq__ans-txt p,
.accordion-elem .faq__ans-txt ul,
.accordion-elem .faq__ans-txt ol{ margin-bottom: 15px;}


/* более компактный вид */
.VOUCHERS-LIST .accordion-elem h3.faq__qstn{ padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin: 0 -20px;}
.VOUCHERS-LIST .accordion-elem { padding: 0px 20px 0px 20px; margin-bottom: 10px;}
.VOUCHERS-LIST .accordion-elem .faq__toggle{ top: 10px}
.VOUCHERS-LIST .accordion-elem.active { padding: 0px 20px 20px 20px; }
.VOUCHERS-LIST .accordion-elem.active h3.faq__qstn{ padding-top: 20px; padding-bottom: 10px; }
.VOUCHERS-LIST .accordion-elem.active .faq__toggle{ top:15px}
.VOUCHERS-LIST .faq__toggle { right: 5px}




@media (max-width:767px){
    h3.faq__qstn{
        font-size: 16px !important;
        padding: 15px 40px 15px 15px;
    }
    .faq__toggle{
        right: 15px;
        padding: 0;
    }
    .faq-accordion .accordion-elem.active h3.faq__qstn,
    #faq-accordion .accordion-elem.active h3.faq__qstn{
        font-size: 20px !important;
    }
}