ul.accordion-list {
	 position: relative;
	 display: block;
	 width: 100%;
	 height: auto; 
	 margin: 0;
	 list-style: none;
   padding: 0;
}
 ul.accordion-list li {
	 position: relative;
	 display: block;
	 width: 100%;
	 height: auto;
   border-radius: 16px;
   background: #FFF;  
	 padding: 20px;
	 margin: 0 auto 20px auto; 
   padding: 16px 24px;
	 cursor: pointer;
   color: var(--title-color);
}
 ul.accordion-list li.active h3:after {
	 transform: rotate(180deg)
}
 ul.accordion-list li h3 {
  color: #485E79;
  font-family: 'Manrope', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
	 position: relative;
	 display: block;
	 width: 100%;
	 height: auto;
	 padding: 0 0 0 0;
	 margin: 0;
	 
}
 ul.accordion-list li h3:after {
	 content: "";
	 background: url(../img/icon-arrow.svg) no-repeat center center;
	 position: absolute;
	 right: 0;
	 top: 0;
	 color: #fcc110;
	 transition: all 0.3s ease-in-out;
	 font-size: 18px;
   width: 28px;
   height: 28px;
}
 ul.accordion-list li div.answer {
	 position: relative;
	 display: block;
	 width: 100%;
	 height: auto;
	 margin: 0;
	 padding: 0px 0 0;
	 cursor: pointer;
}
ul.accordion-list li div.answer p:first-child {
  padding-top: 20px;
}
 ul.accordion-list li div.answer p {
	 position: relative;
	 display: block;
	 font-weight: 300;
	 padding: 10px 0 0 0;
	 cursor: pointer;
	 line-height: 150%;
	 margin: 0 0 0 0;
	 font-size: 14px;
}