/*
|--------------------------------------------------------------------------
| Material Theme
|--------------------------------------------------------------------------
*/

.hk-faq-theme-material {
  background: color-mix(in srgb, var(--c-elementor-primary, #0f6dbf) 6%, white);
}

.hk-faq-theme-material .hk-faq__header h2 {
  color: var(--c-theme-primary, #173f8a) !important ;
}

/* .hk-faq-theme-material .hk-faq__header p,
.hk-faq-theme-material .hk-faqmgmt-description {
  color: #555 !important;
} */

.hk-faq-theme-material .hk-faq__item {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.3s;
  margin-bottom: 10px;
}

.hk-faq-theme-material .hk-faq__item:hover {
  border-color: #d7d7d7;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.hk-faq-theme-material .hk-faq__item.active {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.hk-faq-theme-material .hk-faq__question {
  background: #fff !important;
  color: #111 !important;
  padding: 18px 22px !important;
  font-weight: 600 !important;
  display: flex !important;
  flex-direction: row !important;
  align-content: center !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  font-family: "Google Sans", sans-serif !important;
  text-align: left !important;
}

.hk-faq-theme-material .hk-faq__icon {
  font-size: 34px;
}

.hk-faq-theme-material .hk-faq__content {
  padding: 0 22px 22px;
  font-family: "Google Sans", sans-serif !important;
  color: #666;
}

.hk-faq-theme-material .hk-faq-side__cta {
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  font-family: "Google Sans", sans-serif !important;
}

.hk-faq-theme-material .hk-faq-side__button {
  background: #000 !important;
  color: #fff !important;
}

.hk-faq-theme-material .hk-faq-side__button:hover {
  background: #000;
}

/* .hk-faq-theme-material:has(.hk-faq-side__overlay, .hk-faq-normal__overlay)
  .hk-faq__question {
  color: #fff !important;
}
.hk-faq-theme-material:has(.hk-faq-side__overlay, .hk-faq-normal__overlay)
  .hk-faq__content {
  color: #d5d5d5 !important;
} */