.faq {
    display: grid;
    grid-template-columns: 1fr minmax(300px, 370px);
	gap: 25px;
}

.faq .faq-container {
    flex-grow: 1;
}

.faq h3 {
	color: var(--main-purple);
	font-weight: 600;
	font-size: 22px;
	margin: 10px 0;
	letter-spacing: 0.3px;
}

.faq strong {
	color: var(--main-purple);
	font-weight: 600;
}

details {
	background: #fff;
	border-radius: 8px;
	padding: 0px 20px;
}

.faq-type {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.faq-type details>summary {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 14px 0px;
	list-style: none;
	color: #222;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.6px;
}

.faq-type details>summary:hover {
	cursor: pointer;
}

.faq-type details>summary .question {
	padding-right: 16px;
	   word-break: break-word;
}

.faq-type details>summary::after {
	content: "";
	display: block;
	position: absolute;
	top: 21px;
	right: 6px;
	transform: rotate(45deg);
	transform-origin: right;
	width: 5px;
	height: 5px;
	border-radius: 0px;
	border-right: 2px solid var(--main-purple);
	border-bottom: 2px solid var(--main-purple);
}

.faq-type details[open]>summary::after {
	transform: rotate(-135deg);
	top: 19px;
	right: 11px;
}

.faq-type input[type=checkbox] {
	display: none;
}

.faq-type label {
	min-height: 32px;
}

.faq-type label>span {
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 22px;
	height: 100%;
	padding: 5px 15px;
	color: #424242;
	box-shadow: rgba(0, 0, 0, 0.11) 0px 0.636953px 0.636953px;
	border-radius: 4px;
	cursor: pointer;
	transition: 0.3s ease;
	background: #fff;
}

.faq-type .details-content {
	padding: 0 0px 20px 0px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}

.faq-box {
	max-width: 370px;
    width: 100%;
	padding: 20px;
	height: fit-content;
	box-sizing: border-box;
}

.faq-box .fast-links {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.faq-box .fast-links a {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 13px;
}

@media (max-width: 767px) {
	.faq {
		grid-template-columns: 1fr;
	}
	
}