.outflow-faq-section{
  padding: 90px 0 80px;
  background: #fff;
}

.outflow-faq-heading{
  margin-bottom: 36px;
}

.outflow-faq-heading .h-title{
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  color: #183153;
  letter-spacing: -0.02em;
}

.outflow-faq-heading .h-desc{
  max-width: 720px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.85;
  color: #64748b;
}

.outflow-faq-list{
  border-top: 1px solid #e6edf7;
}

.outflow-faq-list .faq{
  border-bottom: 1px solid #e6edf7;
}

.outflow-faq-list .faq .title{
  position: relative;
  margin: 0;
  padding: 28px 54px 28px 0;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  color: #142b48;
  letter-spacing: -0.02em;
  transition: color .2s ease;
  text-transform: capitalize;
}

.outflow-faq-list .faq .title::before,
.outflow-faq-list .faq .title::after{
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: #183153;
  transform: translateY(-50%);
  transition: all .25s ease;
}

.outflow-faq-list .faq .title::after{
  transform: translateY(-50%) rotate(90deg);
}

.outflow-faq-list .faq .title[aria-expanded="true"]::after{
  opacity: 0;
  transform: translateY(-50%) rotate(90deg) scaleX(.2);
}

.outflow-faq-list .faq .title[aria-expanded="true"]::before{
  background: #2f5aa6;
}

.outflow-faq-list .collapse__detail{
  padding: 0;
}

.outflow-faq-list .collapse__detail > div{
  padding: 0 0 28px;
  font-size: 9px;
  line-height: 1.5;
  font-weight: 300;
  color: #4F5964;
}

.outflow-faq-list .collapse__detail p{
  margin: 0;
  line-height: 1.9;
}

@media (max-width: 991px){
  .outflow-faq-section{
    padding: 70px 0 60px;
  }

  .outflow-faq-heading .h-title{
    font-size: 34px;
  }

  .outflow-faq-list .faq .title{
    font-size: 22px;
    padding: 24px 44px 24px 0;
  }

  .outflow-faq-list .collapse__detail p{
    font-size: 16px;
    line-height: 1.8;
  }
}

@media (max-width: 575px){
  .outflow-faq-heading .h-title{
    font-size: 28px;
  }

  .outflow-faq-heading .h-desc{
    font-size: 15px;
    line-height: 1.75;
  }

  .outflow-faq-list .faq .title{
    font-size: 19px;
    line-height: 1.45;
    padding: 20px 38px 20px 0;
  }

  .outflow-faq-list .collapse__detail > div{
    padding-bottom: 22px;
  }

  .outflow-faq-list .collapse__detail p{
    font-size: 15px;
    line-height: 1.8;
  }
}