.faq-section {
	background: #e6f4ff;
	display: flex;
	padding: 120px 0px;
	justify-content: space-between;
	align-items: flex-start;
}
.faq-section__container {
	width: min(1240px, 100%);
	margin: 0 auto;
	padding: 0 80px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 60px;
}

.faq-title {
	color: #000;
	font-feature-settings: "liga" off;
	font-family:
		Rubik,
		system-ui,
		-apple-system,
		Segoe UI,
		Roboto,
		Arial,
		sans-serif;
	font-size: 64px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	margin: 0;
	white-space: nowrap;
}

.accordion-items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.accordion-item {
	display: flex;
	width: 900px;
	padding: 26px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	border-radius: 16px;
	border: 1px solid #d9dbe9;
	background: #fff;
	box-shadow: 0 5px 15px 0 rgba(25, 33, 61, 0.06);
}
.accordion-item.active {
	padding: 26px 32px 40px 32px;
	gap: 16px;
}
.accordion-item button {
	padding: 0;
	margin: 0;
}
.accordion-item [type="button"]:focus,
.accordion-item [type="button"]:hover,
.accordion-item [type="submit"]:focus,
.accordion-item [type="submit"]:hover,
.accordion-item button:focus,
.accordion-item button:hover {
	background: none;
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.head-acc {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-align: left;
}
.head-acc h3 {
	margin: 0;
	color: #000;
	font-family:
		Rubik,
		system-ui,
		-apple-system,
		Segoe UI,
		Roboto,
		Arial,
		sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 135%;
	text-wrap: auto;
}
.head-acc .acc-icon {
	display: flex;
	padding: 7px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 100px;
	background: #bed0ff;
	box-shadow:
		0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset,
		0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset,
		0 2px 6px 0 rgba(74, 58, 255, 0.1);
	transition:
		transform 0.2s ease,
		background 0.2s ease;
}
.head-acc .icon {
	display: block;
}

.accordion-item p {
	color: #000;
	font-feature-settings:
		"liga" off,
		"clig" off;
	font-family:
		Rubik,
		system-ui,
		-apple-system,
		Segoe UI,
		Roboto,
		Arial,
		sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}
.accordion-item .acc-body *:last-child{
	margin: 0;
}
/* body animation */
.acc-body {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.25s ease;
}

/* Active state */
.accordion-item.active .head-acc .acc-icon {
	background: linear-gradient(266deg, #9ab7ff -33.31%, #174cd0 40.71%, #103590 97.89%);
	transform: rotate(90deg);
}
.accordion-item.active .acc-body {
	max-height: 500px;
}

/* Responsive */
@media (max-width: 1200px) {
	.faq-section__container {
		padding: 0 24px;
		flex-direction: column;
		gap: 32px;
	}
	.accordion-item {
		width: 100%;
	}
	.faq-title {
		white-space: normal;
	}
}
@media (max-width: 980px) {
	.faq-section {
		padding: 40px 15px;
	}
	.faq-section__container {
		padding: 0px;
		gap: 16px;
	}
	.faq-title {
		font-size: 24px;
	}
	.accordion-items {
		width: 100%;
	}
	.head-acc h3 {
		font-size: 18px;
	}
} /*# sourceMappingURL=style.css.map */