@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700;800&display=swap");

.hk-faq {
  margin: 0;
  padding: 30px 20px !important;
  position: relative !important;
}

.hk-faqmgmt-header {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}
.hk-faqmgmt-title {
  margin: 0 0 10px !important;
  font-size: 36px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center !important;
  font-family: "Google Sans", sans-serif !important;

  color: var(--hk-faq-heading-color, #173f8a) !important;
}

.hk-faqmgmt-description {
  color: var(--hk-faq-description-color, #555) !important;

  margin-bottom: 25px !important;
  text-align: center !important;
  font-family: "Google Sans", sans-serif !important;
}

.hk-faqmgmt-items {
  display: grid !important;
  gap: 20px !important;
}

.columns-1 {
  grid-template-columns: 1fr;
}

.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {
  .hk-faqmgmt-items {
    grid-template-columns: 1fr !important;
  }
}