.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:none;transition:background-color .3s ease,color .3s ease;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;font-weight:500}.accordion:hover{background-color:#ccc}.accordion.active{background-color:#cc7336;color:#fff}.accordion i{color:#273d2c;font-size:16px;transition:transform .3s ease,color .3s ease;margin-left:10px}.accordion.active i{color:#fff;transform:rotate(180deg)}.accordion-title{display:flex;align-items:center;gap:8px}.step-number{color:#fff;font-weight:600;transition:color .3s ease}.accordion:hover .step-number{color:#cc7336}.panel{border-radius:30px;max-height:0;overflow:hidden;opacity:0;padding:0 18px;transition:max-height .5s ease,opacity .4s ease,padding .4s ease}.panel.open{opacity:1;padding:18px}.accordion.active>.accordion-title>.step-number{color:black!important}