/* kosh-blog-sections.css — the contact form, FAQs and final CTA under every
   blog post (lib/blog.mjs). The contact block and CTA are the industry pages'
   components (kosh-home.css, kosh-industries.css, linked before this file).
   The FAQ accordion's rules live in the product and home pages' captured CSS,
   which blog pages do not load, so the ones it needs are repeated here, scoped
   to .kh-post-faq. */

.kh-post-contact {
  margin-top: 3rem;
}

.kh-post-faq {
  padding: 4.5rem 0;
}
.kh-post-faq h2 {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-transform: none;
  color: #1e1e1e;
}
.kh-post-faq .accordion {
  display: flex;
  flex-direction: column;
}
.kh-post-faq .accordion-section {
  padding: 1.5rem 0;
  border-bottom: 2px solid #c1c1c1;
}
.kh-post-faq .accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  text-align: left;
}
.kh-post-faq .accordion-title .accordion-title-inner {
  margin-bottom: 0;
  padding-right: 3rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  text-transform: none;
  color: #1e1e1e;
}
.kh-post-faq .acrdn-cntnt {
  display: none;
}
.kh-post-faq .accordion-section.active .acrdn-cntnt {
  display: block;
  color: #1e1e1e;
}
.kh-post-faq .acrdn-cntnt p,
.kh-post-faq .acrdn-cntnt li {
  margin-bottom: 0;
  padding-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
}
.kh-post-faq .acrdn-cntnt ul,
.kh-post-faq .acrdn-cntnt ol {
  margin: 0 0 0 1.5rem;
}
.kh-post-faq .acrdn-cntnt li {
  padding-top: 0.5rem;
}
.kh-post-faq .acrdn-cntnt a {
  font-weight: 600;
}
/* the +/− marker: site.css draws it as bars on the disc; it only needs placing */
.kh-post-faq .icon {
  font-size: 40px;
}
.kh-post-faq .accordion-section .icon:before {
  position: absolute;
}
.kh-post-faq .iconpp:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -23.5px;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  background: url('/assets/img/cdn.highradius.com/wp-content/uploads/2024/07/faq-bg.svg') no-repeat;
  background-size: contain;
}
.kh-post-faq .accordion-section.active .iconpp:before {
  background-image: url('/assets/img/cdn.highradius.com/wp-content/uploads/2024/07/faq-bg-1.svg');
}

/* the CTA's two buttons on blog pages' Bootstrap 4 base */
.kh-cta .button.button-banner {
  display: inline-block;
}