.faq-list{
	max-width:900px;
	margin:auto;
}

.faq-list ul{
	padding:0;
	margin:0;
	list-style:none;
}

.faq-list li{
	background:#fff;
	border-radius:16px;
	margin-bottom:18px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
	transition:.3s;
}

.faq-list li:hover{
	transform:translateY(-2px);
	box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.faq-list a{
	display:flex;
	align-items:center;
	padding:18px;
	text-decoration:none;
	font-weight:600;
	font-size:16px;
	color:#5A5859;
	gap:12px;
	position:relative;
}

.faq-list a:hover,
.faq-list a:focus{
	color:#7A004B;
}

.faq-icon{
	color:#5A5859;
	flex-shrink:0;
}

.faq-title{
	flex:1;
	line-height:1.5;
}

.faq-arrow{
	color:#5A5859;
	transition:.3s;
}

.faq-list a:not(.collapsed) .faq-arrow{
	transform:rotate(180deg);
}

.faq-list .collapse p{
	padding: 10px 15px 10px 15px;
	margin:0;
	font-size:15px;
	line-height:1.5;
	color:#666;
}

.faq-list .collapse.show{
	border-top:1px solid rgba(0,0,0,.06);
}

/* DESKTOP */
@media(min-width:768px){

	.faq-list a{
		padding:22px;
		font-size:16px;
		gap:16px;
	}

	.faq-list .collapse p{
		padding:0 22px 25px 60px;
		font-size:16px;
	}

}