/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 11:37:05 */
.blog__faq {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 40px 0;
}

.blog__faq .faq-item {
  position: relative;
  border: 1px solid #e3e3e3;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}

/* Header (h3) */
.blog__faq .faq-item > h3 {
  position: relative;
  margin: 0;
  padding: 28px 70px 28px 30px;
  font-size: 24px;
  line-height: 1.3;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.blog__faq .faq-item > h3:focus-visible {
  outline: 2px solid #111;
  outline-offset: -4px;
  border-radius: 20px;
}

/* Plus / minus icon */
.blog__faq .faq-item > h3::before,
.blog__faq .faq-item > h3::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 18px;
  height: 2px;
  background: #111;
  transform: translateY(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.blog__faq .faq-item > h3::after {
  transform: translateY(-50%) rotate(90deg);
}

.blog__faq .faq-item.is-open > h3::after {
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}

/* Content: smooth height animation */
.blog__faq .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.blog__faq .faq-item.is-open .faq-content {
  grid-template-rows: 1fr;
}

.blog__faq .faq-content-inner {
  min-height: 0;
  overflow: hidden;
  padding: 0 30px;
/*   color: #555; */
}

.blog__faq .faq-item.is-open .faq-content-inner {
  padding-bottom: 28px;
}

.blog__faq .faq-content-inner > *:first-child { margin-top: 0; }
.blog__faq .faq-content-inner > *:last-child  { margin-bottom: 0; }

/* Spans (TOC anchors) must not take space */
.blog__faq .faq-item > .elementor-menu-anchor {
  position: absolute;
  top: 0;
}

@media (max-width: 767px) {
  .blog__faq .faq-item > h3 { padding: 22px 56px 22px 20px; font-size: 18px; }
  .blog__faq .faq-item > h3::before,
  .blog__faq .faq-item > h3::after { right: 20px; }
  .blog__faq .faq-content-inner { padding: 0 20px; }
  .blog__faq .faq-item.is-open .faq-content-inner { padding-bottom: 22px; }
}