.faq-section{
  padding:50px 20px;
position: relative;
overflow: hidden;
}

.faq-section .faq-head{
  text-align:center;
  max-width:700px;
  margin:0 auto 60px;
}

.faq-section .faq-head h1{
  font-size:40px;
  font-weight:700;
  margin-bottom:10px;
  position: relative;
}
.faq-section .faq-head h1 span{
color: #f7c920 ;
}
.faq-section .faq-head h1::after {
    content: "";
    position: absolute;
top: calc(50% - -6px);
    transform: translateY(-50%);
    left: calc(50% - -260px);
    margin-left: 12px;
    width: 73px;
    height: 3px;
    background-color: #ffc517;

}
.faq-section .faq-head p{
  color:#6b7280;
  font-size: 18px;
}

.faq-section .faq{
  max-width:800px;
  margin:auto;
}

.faq-section .faq-item{
  border-bottom:1px solid #e5e7eb;
}

.faq-section .faq-question{
  width:100%;
  background:none;
  border:none;
  padding:20px 0;
  font-size:20px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
        font-family: "Jost", sans-serif;
}

.faq-section .faq-question span{
  font-size:26px;
  transition:.3s;
}

.faq-section .faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease;
}

.faq-section .faq-answer p{
  padding-bottom:20px;
  color:#374151;
  line-height:1.6;
  font-size: 18px;
}

.faq-section .faq-item.active .faq-answer{
  max-height:200px;
}

.faq-section .faq-item.active .faq-question span{
  transform:rotate(45deg);
}

@media (min-width:1901px) and (max-width:2000px){
  .faq-section .faq-question{
    font-size: 25px;
  }
  .faq-section .faq-answer p {
    font-size: 20px;
}
}


/******mobile responsive *******/
@media(max-width:990px){
  .faq-section .faq-head h1::after{
    display: none;
  }
  .faq-section .faq-head h1{
    font-size: 30px;
  }

}