.accordion { margin: 10px; border-radius: 5px; overflow: hidden; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5); } .accordion-label { display: flex; justify-content: space-between; padding: 1em; font-weight: bold; cursor: pointer; background: #333; color: #fff; } .accordion-content { max-height: 0; padding: 0 1em; background: white; transition: all 0.35s; } input:checked ~ .accordion-content { max-height: 100vh; padding: 1em; } .accordion1 { margin: 10px 0px; border-radius: 5px; overflow: hidden; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5); } .accordion-label1 { display: flex; justify-content: space-between; padding: 1em; font-weight: bold; cursor: pointer; background: #333; color: #fff; } .accordion-content1 { max-height: 0; padding: 0 1em; background: white; transition: all 0.35s; } input:checked ~ .accordion-content1 { max-height: 100vh; padding: 1em; }