.faq-container {
    max-width: 60%;
    margin-top: 42px;
    padding: 70px 0 20px;
    width: 100%;
    display: inline-block;
}

.acc h3 {
    font-size: 25px;
    color: var(--primary);
    padding: 15px;
    margin: 0;
    cursor: pointer;
    letter-spacing: 2px;
    position: relative;
    border-bottom: solid var(--light-gray) 1px;
}

.acc h3:hover {
  background-color: var(--light-gray);
}

.acc h3:after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.acc.active h3:after {
	content: '-';
}

.faq-content-inner {
  padding: 15px;
}

.faq-container .content {
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.8s;
  overflow: hidden;
}

.faq-container * {
    margin-top: 0;
    line-height: 1.5;
}

.acc {
    border-bottom: 1px solid #fff;
}