/* -*- coding: utf-8 -*- */

.section-faq {
  background: rgba(197, 229, 249, 0.3);
  border-radius: 16px;
  border-width: 1px;
  border: 1px solid rgba(197, 229, 249, 1);
  flex-grow: 1;
  gap: 8px;
  padding: 20px 48px;
}

.section-faq .title {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  justify-content: space-between;
  min-height: 50px;
  padding-left: 0px;
  padding-right: 20px;
}
.section-faq.section-open {
  background: #fff;
}
.section-faq.section-open .title {
  color: rgba(9, 118, 223, 1);
}

.section-faq .title::after {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%209L12%2016L5%209%22%20stroke%3D%22%230976DF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 75%;
}

.section-faq.section-open .title::after {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%2015L12%208L19%2015%22%20stroke%3D%22%230976DF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 75%;
}

.section-faq .detail {
  display: none;
  font-size: 16px;
  font-weight: 300;
  padding: 20px;
}

.section-faq.section-open .detail {
  display: revert;
}
.section-faq-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 786px) {
  .section-faq-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    padding: 7px;
  }
  .section-faq {
    width: auto;
    padding: 15px;
  }
}