.back_faq
{
    background-image: url(../image/faq-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height:55vh;
    background-attachment:fixed;
}
h2 {
  color: #FFF;
  font-weight: 300;
  text-align: center;
  margin: 50px 0 30px;
}

.dropdown1 {
  display: block;
  width: 100%;
 /* max-width: 500px;*/
  margin: auto;
}
.dropdown1 + .dropdown1 {
  margin-top: 15px;
}

.dropdown__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 15px;
  box-sizing: border-box;
  font: 600 14px/22px sans-serif;
  background-color: #db137b;
  cursor: pointer;
  transition: background .3s ease;
  will-change: background;
}
.dropdown__top:hover {
  background: #0490df;
    transition: background-color .5s ease-in;
}
.dropdown__top::after {
  content: '\f13a';
  font: 20px 'FontAwesome';
  transition: transform .5s ease;
  will-change: transform;
}

.open .dropdown__top::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown__btm {
  background: #f2f2f2;
  color: #555;
  font-size: 15px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 15px;
  display: none;
}