/* Sual-cavab */

.faq {
  max-width:860px;
  margin:0 auto;
  display:grid;
  gap:12px;
}

.qa {
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  transition:.2s;
}

.qa.open {
  border-color:var(--blue);
  box-shadow:0 14px 34px -18px rgba(24,156,244,.6);
}

.qa button {
  width:100%;
  text-align:left;
  display:flex;
  gap:16px;
  justify-content:space-between;
  align-items:center;
  padding:20px 24px;
  font-weight:800;
  font-size:17px;
  color:var(--navy);
}

.qa button i {
  flex:none;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--mist);
  color:var(--blue);
  display:grid;
  place-items:center;
  transition:.3s;
}

.qa.open button i {
  transform:rotate(45deg);
  background:var(--blue);
  color:#fff;
}

.qa .a {
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}

.qa.open .a {
  max-height:400px;
}

.qa .a p {
  padding:0 24px 22px;
  color:var(--muted);
  font-weight:600;
}

@media (max-width:640px) {
  .qa button {
    padding:16px 18px;
    font-size:16px;
  }
  .qa .a p {
    padding:0 18px 18px;
  }
}