.title { text-align: center; font-family: Arial; margin-top: 50px; margin-bottom: 50px }

.accordion__item { margin-bottom: 40px }

.accordion__item__header { background-color: #606060; padding: 15px 55px 15px 15px; cursor: pointer; position: relative; color: #fff; font-family: Arial; font-weight: 400; font-size: 20px; margin-top: 10px; }

.accordion__item__header:first-child { margin: 0; }

.accordion__item__header p { margin: 0; }

.accordion__item__header::before { height: 15px; width: 15px; content: ""; position: absolute; right: 15px; top: 15px; transition: .5s all; transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff }

.accordion__item__header.active { background-color: #606060; color: #fff; transition: .4s }

.accordion__item__header.active::before { transform: rotate(-135deg); top: 23px }

.accordion__item__content { overflow-y: hidden; padding: 10px; display: none; border: 2px solid #606060; }