.question p{
    color:#939393;
    line-height:1.6;
    height:0;
    overflow:hidden;
    transition:all 0.3s;
}
  
.question button.show + p{
    padding-bottom:25px;
    height:auto;
 }
  
.question button.show{
    color:#ff7a00;
}
  
  .question button.show i{
    transform:rotate(180deg);
  }


  /*=======================*/


.faq-item .faq-answer {
    line-height:1.6;
    height:0;
    overflow:hidden;
    transition:all 0.3s;
    text-align: justify;
}

.faq-item .faq-question {
    cursor: pointer;
}

.faq-item .faq-question h2 {
    color:var(--color-2);
    position: relative;
    padding-right: 35px;
}

.faq-item .faq-question.show h2 {
    color: var(--color-1);
}

.faq-item .faq-question.show + .faq-answer{
    height:auto;
    
}

.faq-item .faq-question h2::before {
    /* Default state: PLUS icon (closed) */
    content: url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>");
    position: absolute;
    /* left: 0; */
    right: 0;
    top: 20px;
    transform: translateY(-50%);
    width: 30px;
  }

  
  
  
  .faq-item .faq-question.show h2::before {
    /* When open: MINUS icon */
    content: url("data:image/svg+xml;utf8,<svg fill='%23d2bc67' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H5v-2h14v2z'/></svg>");
  }


  @media screen and (min-width:1200px) {
    .faq-item .faq-question:hover h2 {
        color: var(--color-1);
    }

    .faq-item .faq-question h2:hover::before {
        content: url("data:image/svg+xml;utf8,<svg fill='%23d2bc67' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>");
      }
  }