:root{
    --text:#222;
    --muted:#6b7280;
    --line:#e5e7eb;
    --accent:#111827;
  }
  
  /* Header (contact) */
  .contact-head{text-align:center;margin-bottom:36px}
  .contact-head h2{
    font-size:14px; letter-spacing:.12em; text-transform:uppercase;
    margin:0 0 6px; font-weight:700;
  }
  .contact-head p.top{margin:0 0 18px; font-size:13px; color:var(--muted); letter-spacing:.08em}
  .contact-head a{color:var(--accent); text-decoration:none; font-weight:500}
  .contact-head a:hover{text-decoration:underline}
  .hrs{margin-top:14px; font-size:14px; color:var(--muted); line-height:1.9}
  .hrs span{display:block}

  /* Section title */
  .sec-title{font-size:18px; font-weight:700; letter-spacing:.04em; margin:34px 0 8px}
  hr.rule{border:0;border-top:1px solid var(--line);margin:0 0 8px}

  /* Accordion */
  .faq{border-top:1px solid var(--line)}
  .item-faq{border-bottom:1px solid var(--line)}
  .q{
    width:100%; background:#fff; border:0; text-align:left;
    padding:18px 48px 18px 0; cursor:pointer; position:relative;
    font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#374151;
    font-weight:700;
  }
  
  .q[aria-expanded="true"] .chev{transform:translateY(-50%) rotate(180deg)}
  .a{
    max-height:0; overflow:hidden; transition:max-height .25s ease, opacity .2s ease;
    opacity:.0;
  }
  .a.open{opacity:1; padding:0 0 18px}
  .a p{margin:0; color:#4b5563; line-height:1.8; font-size:19px}
  .a p + p{margin-top:14px}

  /* Responsive tweaks */
  @media (min-width:768px){
    .contact-head h2{font-size:16px}
    .sec-title{font-size:30px}
  }
  .faq-order {
  width: 100%;
  display: flex;
  justify-content: center; /* horizontally center */
}
.item-faq .q {
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap;
  background: none;
  border: none;
  padding: 12px 0;
  text-align: left;
  cursor: pointer;
letter-spacing: 0px;
  font-size: 1.2rem;
  font-weight: 600;
}

.item-faq .chev {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-left: 10px;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

.item-faq .q[aria-expanded="true"] .chev {
  transform: rotate(180deg);
}
/* Fix icon alignment in FAQ */
.q, .item-faq .q {
  position: static !important; /* remove absolute behavior */
}

.q .chev, .item-faq .chev {
  position: static !important;
  transform: none !important;
  margin-left: auto; /* push icon to right */
}