.accordion-section{
  max-width:900px;
  margin:50px auto;
  padding:0 15px;
}

.accordion-section h2{
  text-align:center;
  margin-bottom:25px;
  color:#0d6efd;
}

.acc-item{
  background:#fff;
  border-radius:12px;
  margin-bottom:15px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.acc-btn{
  width:100%;
  padding:16px 18px;
  background:none;
  border:none;
  font-size:16px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}

.acc-btn .icon{
  font-size:18px;
  transition:transform .3s ease;
}

.acc-content{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  padding:0 18px;
}

.acc-content p{
  padding:15px 0;
  color:#555;
  font-size:15px;
}

/* Active State */
.acc-item.active .acc-content{
  max-height:200px;
}
.acc-item.active .icon{
  transform:rotate(180deg);
}

/* Mobile */
@media(max-width:600px){
  .acc-btn{font-size:15px}
}