._faqs{ padding-top: 0}
/*._faqs ._layout_deco{ padding-bottom: 100px}*/
._faqs ._layout_deco{ padding-left: 0px; padding-right: 0px;}

._faqs.bg__p_top__md{ padding-top:225px}

footer{box-shadow: 0px 1px 10px rgba(0,0,0,0.15);}

.faq__ans.content-txt{ margin-bottom: 0}
.faq__ans.content-txt a{ display: inline;}



h3.faq__qstn:hover{ border: 2px solid var(--link-color); }

.accordion-elem.active:hover h3.faq__qstn,
.accordion-elem{border: 2px solid #fff; }

.accordion-elem {transition: all 350ms ease;}


.faq__ans{
    display: none;
}

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


.active h3.faq__qstn{ font-size: 23px; color: #000; font-weight: bold;}


h3.faq__qstn{
    font-size: 20px;
    /*font-weight: bold;*/
    color: var(--link-color);
    margin-bottom: 0;
    margin-left: -30px;
    margin-right: -30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding: 15px 50px 15px 30px;

    border: 2px solid #fff;
    border-radius: 20px;
    transition: border 350ms ease;
}

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

.active .faq__toggle{ top: 20px;}


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

.faq__toggle svg{ fill: var(--link-color);}
.active .faq__toggle svg{ fill: #000;}



.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: 20px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
}

.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}




/* ---------Accordeon section------------- */
._faqs {
  background: #fbf9f4;
}
.faq-accordion .accordion-elem,
#faq-accordion .accordion-elem,
.faq-accordion .accordion-elem,
#faq-accordion .accordion-elem.active {
  margin-bottom: 15px;
}
._faqs ._layout_deco {
  background: transparent;
}
.faq__qstn {
  background: #fff;
}
h3.faq__qstn {
  color: #000;
}
h3.faq__qstn:hover {
  border-color: #000;
}
.faq__toggle svg {
  fill: #000;
}




@media (max-width:767px){

    .faq-accordion .accordion-elem.active h3.faq__qstn,
    #faq-accordion .accordion-elem.active h3.faq__qstn{
        font-size: 21px !important;
    }


    ._faqs .col-10{
        flex: 0 0 100%;
        max-width: 100%;
    }

    ._faqs ._layout_deco{ padding-left: 15px; padding-right: 15px; padding-bottom: 60px;}

    h3.faq__qstn{ line-height: 135%; margin-left: -20px;  margin-right: -20px; padding-left: 20px;}
    .faq__toggle{ right: 0;}

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


    ._faqs.bg__p_top__md {
         padding-top: 125px;
    }

}