.accordion input {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}
 .accordion {
	 display: flex;
}
 .accordion .accordion-col {
	 flex: 1;
}
 .accordion .accordion-col:last-child {
	 margin-left: 1em;
}
/* Accordion styles */
.accordion .tabs {
	 border-radius: 8px;
	 overflow: hidden;
	 box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.accordion .tab {
	 width: 100%;
	 color: white;
	 overflow: hidden;
}

.accordion .tab p{
  padding-left: 20px;
  margin-bottom: 0px;
  margin-top:5px;
}
 .accordion .tab-label {
	 display: flex;
	 justify-content: space-between;
	 padding: 1em;
	 background: #2c3e50;
	 font-weight: bold;
	 cursor: pointer;
	/* Icon */
}
.accordion .tab-label:hover {
	 background: #1a252f;
}
 .accordion .tab-label::after {
	 content: "\276F";
	 width: 1em;
	 height: 1em;
	 text-align: center;
	 transition: all 0.35s;
}
.accordion .tab-content {
	 max-height: 0;
	 padding: 0 1em;
	 color: #2c3e50;
	 background: white;
	 transition: all 0.35s;
}
.accordion .tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 background: #2c3e50;
	 cursor: pointer;
}
 .accordion .tab-close:hover {
	 background: #1a252f;
}
.accordion input:checked + .tab-label {
	 background: #1a252f;
}
.accordion input:checked + .tab-label::after {
	 transform: rotate(90deg);
}
 .accordion input:checked ~ .tab-content {
	 max-height: 100vh;
	 padding: 2em;
}

.accordion-header{
  background-color: #fec000;
  margin: 5px auto;
  width:15rem;
  text-align: center;
  height:2rem;
  align-items:center;
  border-radius:5px;
  font-weight: 700;
}
  
.tab-content li {
    margin-bottom: 16px;
}



/* Safari BS */

@supports (-webkit-appearance:none) {
        /* Safari-only styles */
        .tab-content {
            display: none;
        }

        input[type="radio"]:checked + .tab-label + .tab-content {
            display: block; /* or your chosen display property */
        }
    }