.seo-faq-accordion-block {
	--main_green: #037291;
	--text_primary: #101828;
	--text-tertiary: #000;
	--font_cent_got_400: "Century Gothic";


	padding-top: 70px;
	padding-bottom: 70px;

	.block-header {
		padding-bottom: 8px;

		.block-subtitle {
			color: var(--main_green, #000);
			font-family: var(--font_cent_got_400, "Century Gothic");
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 120%;
		}

		.block-title {
			color: var(--text_primary, #000);
			;
			font-family: var(--font_cent_got_400, "Century Gothic");
			font-size: 20px;
			font-style: normal;
			font-weight: 700;
			line-height: 140%;
			/* 140% */
		}
	}

	.seo-text-wrapper {
		display: flex;
		flex-direction: row;
		gap: 30px;

		.single-seo-text {
			flex: 1;

			color: var(--text-tertiary, #000);
			font-family: var(--font_cent_got_400, "Century Gothic");
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%;

			&.typo-text {
				font-family: var(--font_cent_got_400, "Century Gothic");
				font-size: 16px;
				line-height: 1.2;
				font-weight: 400;

				p {
					margin-bottom: 20px;
				}

				a {
					color: var(--main_green, #037291);
					text-decoration: none;

					&:hover {
						font-weight: 700;
					}
				}

				ul {
					margin-left: 20px;
					margin-bottom: 10px;
				}

				blockquote {
					padding: 10px;
					padding-left: 10px 20px;
					margin: 24px 0;
					border-left: 2px solid var(--main_green, #000);
				}

				h1,
				h2,
				h3,
				h4,
				h5,
				h6 {
					margin-bottom: 8px;
					margin-top: 8px;
				}

			}


			ul {
				margin-left: 15px;
			}
		}

		.faq-accordion {
			flex: 1;

			color: var(--text-tertiary, #000);
			;
			font-family: var(--font_cent_got_400, "Century Gothic");
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 140%;

			.faq-accordion__title {
				font-size: 20px;
				margin-bottom: 1rem;
				color: var(--text_primary, #000);
				;
			}

			.faq-accordion__item {
				border-bottom: 1px solid #ddd;
				padding: 0.5rem 0;

				&.is-active .faq-accordion__answer {
					display: block;
				}
			}

			.faq-accordion__question {
				display: flex;
				justify-content: space-between;
				align-items: center;

				width: 100%;
				padding: 8px 0;

				background: none;

				font-size: 18px;
				font-weight: 700;
				text-align: left;

				border: none;
				cursor: pointer;
				color: var(--text-tertiary, #000);
				;

				&::after {
					font-size: 25px;
					content: '+';
					transition: transform 0.3s ease;
				}

				&[aria-expanded="true"]::after {
					transform: rotate(45deg);
				}
			}

			.faq-accordion__answer {
				display: none;
				color: var(--text_primary, #000);
				;
			}
		}
	}

}


@media screen and (max-width: 768px) {
	.seo-faq-accordion-block {
		.seo-text-wrapper {
			flex-direction: column;
		}
	}
}