.elementor-2556 .elementor-element.elementor-element-ea493a7{--display:flex;}.elementor-2556 .elementor-element.elementor-element-78ef206{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e51b1b7 *//* ---------- Accordion ---------- */

.faq-item {
  border-bottom: 1px solid var(--rule, #e4e6ec);
}

.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 4px;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--ink, #14161c);
  transition: color 0.18s ease;
}

.faq-q:hover { color: var(--accent, #d4462c); }

.faq-q:focus-visible {
  outline: 2px solid var(--accent, #d4462c);
  outline-offset: -2px;
  border-radius: 4px;
}

/* Plus icon 45° ghoom kar cross ban jata hai */
.faq-toggle {
  flex: none;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--shell, #f4f5f8);
  color: var(--ink, #14161c);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
              background 0.2s ease, color 0.2s ease;
}

.faq-item.is-open .faq-toggle {
  transform: rotate(45deg);
  background: var(--accent, #d4462c);
  color: #fff;
}

/* ---------- Answer ----------
   height: 0 se auto animate nahi hoti, isliye JS pixel value set
   karta hai. Inner wrapper padding sambhalta hai taake collapse
   ke waqt padding bhi 0 ho jaye. */

.faq-a {
  height: 0;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-a-inner {
  padding: 0 4px 22px;
  font-size: 0.97rem;
  line-height: 1.7;
  color: var(--muted, #5a6070);
}

.faq-a-inner p { margin: 0 0 12px; }
.faq-a-inner p:last-child { margin-bottom: 0; }
.faq-a-inner a { color: var(--accent, #d4462c); text-decoration: underline; text-underline-offset: 2px; }

/* Motion off — instant open/close */
@media (prefers-reduced-motion: reduce) {
  .faq-a, .faq-toggle { transition: none; }
}

/* JS na chale to sab jawab khule rakhein — content phir bhi
   accessible aur Google ke liye readable rehta hai */
.no-js .faq-a { height: auto; }/* End custom CSS */