#bantuan .head {
  background: url(bantuan2_h2.webp) no-repeat;
  width: 100%;
  display: table;
  background-size: cover;
  padding: 0 0 10%;
}

#bantuan .head h1 {
  font-size: 45px;
  padding: 3% 0 0;
  text-align: left;
  width: 45%;
}

#bantuan .text-right {
  width: 45%;
  text-align: left;
  float: left;
  padding-bottom: 15.5%;
}

#bantuan .badan {
  display: table;
  width: 100%;
  margin-top: -10%;
}

#bantuan .badan .tentang { background: #199b96; border-radius: 30px; margin-bottom: 5%; padding: 3% 0; }
#bantuan .badan .daftar { background: #17b2c9; border-radius: 30px; margin-bottom: 5%; padding: 3% 0; }
#bantuan .badan .topup { background: #4e48d2; border-radius: 30px; margin-bottom: 5%; padding: 3% 0; }
#bantuan .badan .transfer { background: #b02b5a; border-radius: 30px; margin-bottom: 5%; padding: 3% 0; }
#bantuan .badan .komisi { background: #19449b; border-radius: 30px; margin-bottom: 5%; padding: 3% 0; }

@media screen and (max-width: 1024px) {
  .wraper {
    padding: 0 5% 5%;
  }

  #bantuan .head {
    background: url(bantuan2_h2.webp) no-repeat;
    width: 100%;
    display: table;
    background-size: cover;
  }

  #bantuan .head h1 {
    font-size: 45px;
    padding: 3% 0 0;
    text-align: left;
    width: 100%;
  }

  #bantuan .text-right {
    width: 100%;
    text-align: left;
    float: none;
    padding-bottom: 0;
  }

  #bantuan .panel-heading [data-toggle="collapse"]:before {
    float: right;
    font-size: 20px;
    line-height: 23px;
    margin-right: 10px;
  }

  #bantuan .faqHeader {
    margin: 0 20px 10px 20px;
  }

  #bantuan .badan .tentang,
  #bantuan .badan .daftar,
  #bantuan .badan .topup,
  #bantuan .badan .transfer,
  #bantuan .badan .komisi {
    margin-bottom: 10%;
  }
}