.accordion{color:#2d1d4e;cursor:pointer;padding:18px;position:relative;width:100%;border:none;text-align:left;outline:0;font-size:1.125rem;transition:.4s;background-color:#fff;display:flex;align-items:center;justify-content:space-between}.accordion .garis{flex-grow:1;border-bottom:1px dotted gray;margin:0 10px;border-style:dashed}.accordion:hover{background-color:#ccc}.chevron-icon{transition:transform .3s ease}.accordion.active .chevron-icon{transform:rotate(180deg)}.panel{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.expand-panel{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease-out}@media (min-width:640px){.panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.panel{grid-template-columns:repeat(4,minmax(0,1fr))}.expand-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel>div{display:flex;align-items:center;gap:10px}