.faq-area {  }
.faq-area .faq-group { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; margin-bottom: 20px; padding: 10px; background: #eee; border-radius: 5px; line-height: 24px; font-size: 12px; }
.faq-area .faq-group li { margin-right: 10px; padding-right: 10px; border-right: solid 1px #ddd; }
.faq-area .faq-group li a {  }
.faq-area .faq-group li a:hover {  }
.faq-area .faq-group-area {  }
.faq-area .faq-group-area .faq-group-inside {  }
.faq-area .faq-group-area h5 { position: relative; margin: 0; padding: 10px 10px 10px 25px; background-color: #1e90cc; border-radius: 5px 5px 0 0; color: #fff; }
.faq-area .faq-group-area h5::before { position: absolute; top: 50%; left: 10px; content:""; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.faq-area .accordion { margin-bottom: 20px; padding: 0; border: solid 1px #1e90cc; border-radius: 0 0 5px 5px; }
.faq-area .card { margin-bottom: 0; background-color: transparent; border: none; border-top: dashed 1px #ddd; }
.faq-area .accordion .card:first-child { border-top: none; }
.faq-area .card-header { padding: 0; background-color: transparent; border-bottom: none; }
.faq-area .card-header h6 { position: relative; margin-top: 0; margin-bottom: 0; padding: 10px 25px 10px 44px; cursor: pointer; font-size: 14px; font-weight: 400; color: #525263; }
.faq-area .card-header h6::before { position: absolute; top: 50%; left: 10px; content: "Q"; width: 24px; height: 24px; background-color: #eee; border-radius: 99999px; color: #525263; text-align: center; line-height: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.faq-area .card-header h6::after { position: absolute; top: 50%; right: 10px; content: "\f106"; font-family: 'FontAwesome'; font-weight: 700; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.faq-area .card-header h6.collapsed::after { content: "\f107"; }
.faq-area .card-header h6:hover { color: #1e90cc; }
.faq-area .card-body { position: relative; margin: 0 10px 10px 44px; padding: 10px 10px 10px 44px; min-height: 44px; background-color: #eee; border-radius: 6px; font-size: 14px; line-height: normal; }
.faq-area .card-body::before { position: absolute; top: 10px; left: 10px; content: "A"; width: 24px; height: 24px; background-color: #ccc; border-radius: 99999px; color: #525263; text-align: center; line-height: 24px; }

.faq-area .message {
  line-height: 150%;
  font-weight: bold;
  font-size: 110%;
  text-align: left;
}