@charset "UTF-8";
/* breakpoints */
.faq__element .accordion-body, .faqpage .accordion-body {
  --font-clr: var(--white);
  --black: var(--white);
}
.faq__element .accordion-body p, .faq__element .accordion-body p strong, .faq__element .accordion-body p span, .faqpage .accordion-body p, .faqpage .accordion-body p strong, .faqpage .accordion-body p span {
  margin-bottom: 0;
}
.faq__element .accordion-body a, .faqpage .accordion-body a {
  transition: var(--transition-default-duration);
}
.faq__element .accordion-body a:hover, .faqpage .accordion-body a:hover {
  text-decoration: underline;
}
.faq__element .accordion-item, .faqpage .accordion-item {
  background-color: var(--secondary-40);
  border-radius: 24px 0 24px 24px;
  border: none;
  border-top: 0;
  padding: 30px;
  margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
  .faq__element .accordion-item, .faqpage .accordion-item {
    padding: 25px;
  }
}
@media (max-width: 991.98px) {
  .faq__element .accordion-item, .faqpage .accordion-item {
    margin-bottom: 12px;
  }
}
@media (max-width: 767.98px) {
  .faq__element .accordion-item, .faqpage .accordion-item {
    padding: 20px;
  }
}
.faq__element .accordion-item.active, .faqpage .accordion-item.active {
  background-color: var(--primary);
}
.faq__element .accordion-item.active .accordion-button, .faqpage .accordion-item.active .accordion-button {
  color: var(--white);
}
.faq__element .accordion-item.active .accordion-button::after, .faqpage .accordion-item.active .accordion-button::after {
  color: var(--white);
}
.faq__element .faq__category--item, .faqpage .faq__category--item {
  color: var(--primary);
  opacity: 0.5;
  transition: var(--transition-default-duration);
}
.faq__element .faq__category--item:hover, .faqpage .faq__category--item:hover {
  opacity: 1;
}
.faq__element .faq__category--item.active, .faqpage .faq__category--item.active {
  opacity: 1;
  font-weight: 600;
}
.faq__element .category__filter--area, .faqpage .category__filter--area {
  position: fixed;
  bottom: 60px;
  z-index: 199;
  left: 0;
  right: 0;
}
@media (max-width: 767.98px) {
  .faq__element .category__filter--area, .faqpage .category__filter--area {
    bottom: 40px;
  }
}
.faq__element .category__filter--area .dropup .dropdown-toggle, .faqpage .category__filter--area .dropup .dropdown-toggle {
  z-index: 1001;
  background: var(--secondary);
  -webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
  transition: var(--transition-default-duration);
}
.faq__element .category__filter--area .dropup .dropdown-toggle::after, .faqpage .category__filter--area .dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  border: 0;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  content: "";
  color: var(--white);
}
.faq__element .category__filter--area .dropup .dropdown-toggle.show::after, .faqpage .category__filter--area .dropup .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
.faq__element .category__filter--area .dropup .dropdown-toggle.show .category-label, .faqpage .category__filter--area .dropup .dropdown-toggle.show .category-label {
  color: var(--white);
  opacity: 0.6;
}
.faq__element .category__filter--area .dropup .dropdown-toggle.show .selectedCategory, .faqpage .category__filter--area .dropup .dropdown-toggle.show .selectedCategory {
  color: var(--white);
}
.faq__element .category__filter--area .dropup .dropdown-toggle .category-label, .faqpage .category__filter--area .dropup .dropdown-toggle .category-label {
  color: var(--white);
  opacity: 0.6;
}
.faq__element .category__filter--area .dropup .dropdown-toggle .selectedCategory, .faqpage .category__filter--area .dropup .dropdown-toggle .selectedCategory {
  color: var(--white);
}
.faq__element .category__filter--area .dropup .dropdown-menu, .faqpage .category__filter--area .dropup .dropdown-menu {
  width: 100%;
  background: var(--secondary-15);
  border-radius: var(--border-radius-xs) var(--border-radius-xs) 2rem 2rem;
  padding: 20px 20px 60px;
  transform: none !important;
  transition: var(--transition-default-duration);
  cursor: pointer;
}
.faq__element .category__filter--area .dropup .dropdown-menu .dropdown-item, .faqpage .category__filter--area .dropup .dropdown-menu .dropdown-item {
  padding: 0;
  margin-bottom: 10px;
  color: var(--primary);
  transition: var(--transition-default-duration);
}
.faq__element .category__filter--area .dropup .dropdown-menu .dropdown-item:hover, .faqpage .category__filter--area .dropup .dropdown-menu .dropdown-item:hover {
  color: var(--secondary);
  background-color: transparent;
  margin-left: 2px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Frombach%2Fscss%2Fcomponents%2F_faq.scss%22%2C%22%2Fthemes%2Frombach%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACiBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADCE%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAQR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5BE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwCE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */