.content-drop-down-wrapper { margin-bottom: 0; }
.content-drop-down-wrapper > input { display:none; }
.content-drop-down { border: 1px solid; border-radius:.35em; }

.content-drop-down-title { position: relative; font-size:1rem; }
.content-drop-down-title h1,
.content-drop-down-title h2,
.content-drop-down-title h3,
.content-drop-down-title h4,
.content-drop-down-title h5,
.content-drop-down-title h6,
.content-drop-down-title p { margin-bottom: 0; }
.content-drop-down-title div { margin: 0; width: 100%; }
.content-drop-down-title div label { margin:0; width:100%; padding:1rem 1.25rem 1rem 2.75rem; position: relative; cursor: pointer; display: flex; align-items: center; }
.content-drop-down-title div label:before { content: "\f054"; font-family: FontAwesome; color: var(--color4); position:absolute; width:3.25rem; text-align: center; left:0; transform-origin: center; transition: all .4s ease; }

.content-drop-down-content > div { padding:0 1.4rem 1.4rem 2.75rem; }
.content-drop-down-wrapper .content-drop-down-content { max-height:0; overflow: hidden; transition:max-height .5s ease; }

.content-drop-down-wrapper input:checked 
+ .content-drop-down .content-drop-down-title h4 label:before { transform: rotate(90deg); }
.content-drop-down-wrapper input:checked + .content-drop-down .content-drop-down-content { max-height:1600px; }

.content-drop-down-wrapper input:checked + .content-drop-down .content-drop-down-title div label:before { transform: rotate(90deg); }


.content-drop-down-title div label:before { 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}