.accordion-section{border-radius:8px;margin-bottom:15px;overflow:hidden}.accordion-header{cursor:pointer;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .3s;display:flex}.accordion-header:hover{background:#f0f0f0}.accordion-content{background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;max-height:0;padding:0 20px;transition:max-height .3s ease-out;overflow:hidden}.accordion-content.active{max-height:2000px;padding:20px;transition:max-height .5s ease-in,padding .3s ease-in}.accordion-icon{font-size:20px;transition:transform .3s}.accordion-header.active .accordion-icon{transform:rotate(180deg)}