.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* gap: clamp(50px, 2vw, 70px); */

	width: 100%;
	max-width: var(--mx-width);
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.container-section:not(.welcome-section, .social-section) {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;

	width: 100%;
	max-width: var(--mx-width);

	margin: 0 auto;
	margin-top: 50px;
	box-sizing: border-box;
}

.container-section__header {
	width: 100%;
}

.container-section__box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-self: stretch;
    gap: 100px;
    width: 100%;
}

.container-section__form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	width: 100%;
}

.container-section__title {
	font-size: clamp(1.5em, 3vw, 2em);
	font-weight: 700;
	line-height: 120%;
	font-style: normal;

	color: var(--main-color);

	width: 100%;
}

.container-section__title .accent {
	color: var(--accent-color);
}

.container-section__action {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;

	margin-top: 10px;
	padding: 10px 15px 12px 18px;
	box-sizing: border-box;

	border-radius: 100px;
	border: 1px solid var(--accent-color);

	color: var(--accent-color);

	transition: all .2s ease;
}

.container-section__action:hover {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.container-section__action:hover .fa-solid {
	color: var(--white-color);
}





.faq-section {
	width: 100%;

	padding: 50px 200px;
	padding-bottom: 60px;
	box-sizing: border-box;

	border-radius: clamp(20px, 2vw, 32px);
	background: var(--bg-color);
}

.faq-filling-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: clamp(30px, 2vw, 50px);

	max-width: 800px;
	margin: 0 auto;
}

.faq-items-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(20px, 2vw, 30px);

	width: 100%;
}

.faq-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;

	width: 100%;
}

.faq-question-arrow-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;

	width: 100%;
}

.faq-item-question {
	font-size: clamp(1em, 2vw, 1.25em);
	font-weight: 500;
	line-height: 130%;
	font-style: normal;

	color: var(--main-color);

	transition: color .2s ease;

	cursor: pointer;
}

.faq-item-question.accent,
.faq-item-question:hover {
	color: var(--accent-color);
}

.faq-item-answer {
	font-size: clamp(0.875em, 2vw, 1em);
	font-weight: 400;
	line-height: 150%;
	font-style: normal;

	color: var(--main-color);

	display: none;
	max-width: 90%;
}

.faq-question-arrow-block .fa-solid {
	font-size: 1.25em;
    transition: transform 0.3s ease;
}
.faq-question-arrow-block.open .fa-solid {
    transform: rotate(180deg);
}




@media screen and (max-width: 950px) {
	.faq-section {
		padding: 20px 20px 30px 20px;
	}
}

@media screen and (max-width: 550px) {
	.faq-question-arrow-block {
		align-items: flex-start;
	}
	.faq-item-answer {
		max-width: 100%;
	}
}