.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;border-radius:10px}.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;flex-wrap:wrap}.step-number{color:#444;font-weight:600;transition:color .3s ease}.accordion.active .step-number{color:#fff!important}.panel{border-radius:20px;max-height:0;overflow:hidden;opacity:0;padding:0 18px;transition:max-height .5s ease,opacity .4s ease,padding .4s ease;background-color:#fafafa}.panel.open{opacity:1;padding:18px}.panel p:last-child{margin-bottom:0}@media (max-width:768px){.accordion{padding:14px;font-size:15px;flex-direction:column;align-items:flex-start}.accordion i{align-self:flex-end;margin-top:8px}.panel{padding:0 14px}.panel.open{padding:14px}}@media (max-width:480px){.accordion{font-size:14px;padding:12px}}