.faqs h3 {
  margin-top:50px;
}
.faqs .faq {
  height:0;
  opacity:0;
  transition:0s;
  margin-top:0px;
}
.faqs .faq {
  height:auto;
  display:block;
  opacity:1;
  transition:.3s;
  margin-top:10px;
  padding:9px 0px;

  border-bottom:1px solid var(--lightgray);
}
  .faqs .faq h4 {
    padding:10px;
    margin:0px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    padding-left:40px;
    font-size:20px;
    font-weight:700;
  }
  .faqs .faq h4:hover:before, .faqs .faq.opened h4:before {
    color:var(--orange);
  }
  .faqs .faq h4:before {
    content:"+";
    color:rgb(200,200,200);
    font-weight:300;
    width:15px;
    height:15px;
    text-align:center;
    line-height:10px;
    font-size:35px;
    position:absolute;
    left:0px;
    top:10px;
    transition:.3s;

  }
  .faqs .faq.opened h4:before {
    color:var(--orange);
    transform:rotate(45deg);
  }

  .faqs .faq .answer {
    height:0;
    padding-left:40px;
    position:relative;
    overflow:hidden;
    opacity:0;
    transition:.3s;
  }
    .faqs .faq.opened .answer {
      display:block;
      opacity:1;
      height:auto;
      margin:5px 0 5px 0;
    }
    .faqs .faq:last-of-type.opened .answer {
      margin:5px 0px 0px 0px;
    }

    .faqs .faq .answer p {
      margin:0 0 10px 0;
      padding:0;
      color:var(--textgray);
    }