.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{
background: linear-gradient(90deg, #a4d200, #9f9203, #2f3f01);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.faq-section .faq-head h1::after {
    content: "";
    position: absolute;
    right: -619px;
    bottom: 0px;
    background-image: url(../images/growth.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 57px;
}

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

.faq-section .faq{
  max-width:1000px;
  margin:auto;
  background-color: #000;
  padding: 10px 20px;
}

.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;
        color: #fff;
}

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

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

.faq-section .faq-answer p{
  padding-bottom:20px;
     color: #dafe5c;
  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);
}
.faq-section img{
    width: 100%;
}
@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;
  }

}
@media (min-width:1200px) and (max-width:1399px){
.faq-section .faq-head h1 {
    font-size: 35px;
}
.faq-section .faq-question {
    font-size: 16px;
}
.faq-section .faq-head h1::after{
    right: -586px;
}
}

@media (min-width:1900px) and (max-width:2500px){
  .faq-section .faq-head h1 {
    font-size: 48px;
}
.faq-section .faq-head h1::after {
    right: -667px;
}
.faq-section .faq-head p {
    color: #6b7280;
    font-size: 22px;
}
.faq-section .faq {
    max-width: 1400px;
}
.faq-section .faq-question {
    font-size: 22px;
}
.faq-section .faq-answer p{
  font-size: 22px;
}

}