.accordion{background-color:#f0f0f0;color:#444;cursor:pointer;padding:18px;width:100%;border:0;text-align:left;outline:0;font-size:18px;transition:.4s;border-radius:10px;margin-bottom:2px;padding:15px 10px}.active,.accordion:hover{background-color:#ccc}.accordion:before{content:'\2303';transform:rotate(180deg);color:#02acef;font-weight:bold;float:left;margin-left:5px;margin-right:10px;position:relative;top:-4px}.active:before{content:"\2303";transform:rotate(0);color:#000;font-weight:bold;float:left;margin-left:5px;margin-right:10px;position:relative;top:2px}.panel{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height .2s ease-out}