input[type='checkbox'] 
{ display: none; } 

.wrap-collabsible { margin: 1px 0; } 

.lbl-toggle { 
    
display: block; 
font-weight: bold; 
font-family: arial; 
font-size: 14px;
text-transform: 
text-align: center;
padding: 1rem;
color: #242424; background: #ABB8C3; cursor: pointer; border-radius: 5px; 
transition: all 0.25s ease-out; } 

.lbl-toggle:hover { color: #232323; } .lbl-toggle::before { content: ' '; 
display: inline-block; 
border-top: 5px solid transparent; 
border-bottom: 5px solid transparent; 
border-left: 5px solid currentColor; 
vertical-align: middle; 
margin-right: 10px; 
transform: translateY(-2px); 
transition: transform .2s ease-out; 
    
} 

.toggle:checked+.lbl-toggle::before { 
transform: rotate(90deg) translateX(-3px); } 

.collapsible-content { max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out;
} 

.toggle:checked + .lbl-toggle + .collapsible-content { max-height: 1250px; } 

.toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } 

.collapsible-content .content-inner { background: #fff; 
border-bottom: 1px solid rgba(0, 105, 255, .45); border-bottom-left-radius: 7px; 
border-bottom-right-radius: 7px; padding: 1px; } 

.collapsible-content p { margin-bottom: 0; }