.faq_block .faq_container{
    display: flex;
    gap: var(--px30)
}

.faq_item:last-child {
	border-bottom: 1px solid var(--bg_stroke);
}


.faq.hover {
	background: var(--head);
	color: var(--bg);
    border: 1px solid var(--head);
}

.faqs {
    height: fit-content;
    max-width: 880px;
}

.faq_item {
	background: var(--bg_sec);
	position: relative;
    height: fit-content;
    border-radius: 10px;
    padding: var(--px15) var(--px20);
    border: 1px solid var(--bg_stroke);
}

.faq_item {
    cursor: pointer;
}

.faq_previews {
	position: relative;
	width: 100%;
	height: fit-content;
	/* background: var(--head); */
    max-width: 620px;
}

.faq_preview {
	width: 100%;
	height: fit-content;
	opacity: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: end;
    background: var(--bg_sec);
    display: none;
}

.faq_preview.hover {
	opacity: 1;
    z-index: 11;
    display: flex;
}

@media (max-width:1200px){
	.faq_block .faq_container{
		flex-direction: column;
}
.faq_previews, .faqs {
	max-width: none;
}
.faqs_con {
	gap: var(--px30);
}
}
@media (max-width:550px){
	.faq_item {
		width: 100%;
	}
}

@media (max-width:480px){
.faq_preview {
	min-height: 200px;
}
}