div.faq-list {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 24px;
}
div.faq-list .faq-item {
	background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 18px 20px;
    
}
div.faq-list .faq-text {
	display: none;
	padding: 20px;
    color: #696969;
}
div.faq-list .faq-name {
	color: #000;
	position: relative;
	padding: 0 30px 0 0;
    cursor: pointer;
    font-weight: 900;
}
div.faq-list .faq-button-open {
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 1;
	top: 0;
	right: 0;
	width:26px;
	height:26px;
	background:linear-gradient(var(--red), var(--red)), linear-gradient(var(--red), var(--red));
	background-position:center;
	background-size: 70% 2px, 2px 70%;
	background-repeat:no-repeat;
}
div.faq-list .faq-item.active .faq-text {
	display: block;
}
div.faq-list .faq-item.active .faq-button-open {
	background-size: 70% 2px,0px 00%;
}
@media(max-width:640px){
	div.faq-list {grid-template-columns: 1fr;}
}