.faq_box {
  width: min(1080px, calc(100% - 48px));
  margin: 72px auto 0;
}

.faq_detail {
  margin-top: 30px;
}

.details_box {
  margin-bottom: 14px;
  border: 1px solid rgba(7, 83, 92, 0.08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(8, 50, 57, 0.05);
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.details_box:hover {
  border-color: rgba(0, 169, 183, 0.22);
  box-shadow: 0 18px 34px rgba(8, 50, 57, 0.08);
}

.details_sum {
  min-height: 0;
  display: flex;
  align-items: center;
  padding: 22px 22px;
  background: transparent;
}

.details_sum .iconfont {
  font-size: 14px;
  color: #00a5b4;
  transition: transform 0.2s ease, color 0.2s ease;
}

.details_sum p {
  width: calc(100% - 44px);
  margin-left: 18px;
  color: #0b3c45;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Poppins-Medium";
}

.details_sum:hover {
  background-color: transparent;
}

.details_txt {
  padding: 0 22px 22px 54px;
  font-size: 16px;
  line-height: 1.75;
  color: #47626b;
}

.details_txt a {
  color: #0a8794;
  font-weight: bold;
  text-decoration: underline;
}

.details_box[open] .details_sum .iconfont {
  transform: rotate(-180deg);
  color: #0a8794;
}

@media only screen and (max-width: 830px) {
  .faq_box {
    width: min(100% - 32px, 1080px);
  }
}

@media only screen and (max-width: 550px) {
  .details_sum {
    padding: 18px 18px;
  }

  .details_sum p {
    width: 100%;
    margin-left: 14px;
    font-size: 16px;
  }

  .details_txt {
    padding: 0 18px 18px 46px;
    font-size: 15px;
  }
}