/* ================================
   FAQ SECTION
================================ */

.astroFAQ{
  padding:100px 20px;
  background:#f7eeee;
}

.astroFAQ__container{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:center;
}

/* Title */

.astroFAQ__title{
  font-size:40px;
  font-weight:900;
  color:#111;
  margin-bottom:10px;
}

.astroFAQ__title span{
  color:#b10000;
}

.astroFAQ__subtitle{
  color:#555;
  margin-bottom:35px;
  line-height:1.7;
}

/* Accordion */

.astroFAQ__accordion{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.astroFAQ__item{
  background:#fff;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.astroFAQ__question{
  width:100%;
  padding:18px 20px;
  text-align:left;
  font-size:16px;
  font-weight:700;
  border:none;
  background:none;
  cursor:pointer;
}

.astroFAQ__answer{
  max-height:0;
  overflow:hidden;
  padding:0 20px;
  transition:max-height .4s ease;
  color:#555;
  line-height:1.6;
}

.astroFAQ__item.active .astroFAQ__answer{
  padding:15px 20px 20px;
  max-height:200px;
}

/* Image */

.astroFAQ__image img{
  width:100%;
  border-radius:20px;
  box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* Responsive */

@media(max-width:900px){
  .astroFAQ__container{
    grid-template-columns:1fr;
  }
}