.sec-faq{
  margin: 6.4rem 0 13.8rem;
}
.sec-faq .title{
  margin-bottom: 4.2rem;
}
.sec-faq .title .h3 strong{
  margin-left: 5.4rem;
}
.faq-item{
  background: var(--white);
  margin-bottom: 1.6rem;
  border-radius: 0.7rem;
  color: var(--black);
  border: 2px solid var(--gray);
}
.faq-item:last-child{
  margin-bottom: 0;
}
.faq-head{
  position: relative;
  min-height: 5.6rem;
  display: flex;
  align-items: center;
  font-size: 1.7rem;
  font-weight: bold;
  color: var(--dark-black);
  padding: 0.5rem 5rem 0.5rem 1.2rem;
  cursor: pointer;
}
.faq-head::after{
  position: absolute;
  content: "";
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/icon-faq-arrow.png);
  background-size: cover;
  background-position: center;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.faq-item.collapse .faq-head::after{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.faq-body{
  display: none;
}
.faq-inner{
  padding: 0 1.2rem 1.6rem;
}
.faq-inner p{
  margin-bottom: 2rem;
}
.faq-inner ul > li:after{
  background: var(--black);
}
@media(min-width:1200px) and (max-width:1259.98px){
  .sec-faq {
    margin: 6.4rem 0 10.8rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .sec-faq {
    margin: 6.4rem 0 10.8rem;
  }
  .faq-item br{
    display: none;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-faq {
    margin: 5.6rem 0 8rem;
  }
  .faq-list .col-lg-6 + .col-lg-6{
    margin-top: 1.6rem;
  }
}
@media(max-width:767.98px){
  .sec-faq {
    margin: 4.8rem 0 6.4rem;
  }
  .faq-item {
    margin-bottom: 1.2rem;
  }
  .faq-item br{
    display: none;
  }
  .faq-list .col-lg-6 + .col-lg-6{
    margin-top: 1.2rem;
  }
  .faq-head {
    font-size: 1.5rem;
  }
}