.page-faqs {
	background: var(--white);
	padding: 100px 0 100px
}

.page-faqs-images figure {
	display: block
}

.page-faqs-images img {
	width: 100%;
	aspect-ratio: 1 / 1.31;
	object-fit: cover;
	border-radius: 10px
}

.about-faq-section .accordion-item {
	border-radius: 10px;
	margin-bottom: 30px;
	padding: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden
}

.accordion-header {
	margin-bottom: 0
}

.about-faq-section .accordion-header .accordion-button {
	font-size: 20px;
	line-height: 1.2em;
	background-color: #e5eaec;
	color: var(--color-3);
	padding: 20px 50px 20px 20px;
	transition: all 0.3s ease-in-out
}

.about-faq-section .accordion-button:not(.collapsed) {
	background-color: var(--color-3);
	color: var(--white);
	/*border-bottom: 1px solid #fff3*/
}

.about-faq-section .accordion-item .accordion-button::after,
.about-faq-section .accordion-item .accordion-button.collapsed::after {
	content: '\f077';
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 20px;
	top: 50%;
	bottom: auto;
	transform: translate(0, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	font-size: 20px;
	width: 20px;
	height: 20px;
	padding: 5px;
	color: var(--white-color);
	transition: all 0.3s ease-in-out
}

.about-faq-section.our-faqs-section .accordion-item .accordion-button::after,
.about-faq-section.our-faqs-section .accordion-item .accordion-button.collapsed::after {
	content: '\f062'
}

.about-faq-section .accordion-item .accordion-body {
	background-color: var(--color-3);
	padding: 20px 50px 20px 20px
}

.about-faq-section.our-faqs-section .accordion-item .accordion-body {
	background-color: #e5eaec
}

.about-faq-section .accordion-item .accordion-body p {
	color: var(--white);
	margin: 0
}

.about-faq-section.our-faqs-section .accordion-item .accordion-body p {
	color: #606778
}

.about-faq-section .accordion-header .accordion-button.collapsed {
	background-color: #e5eaec;
	color: var(--color-4)
}

.about-faq-section .accordion-item .accordion-button.collapsed::after {
	transform: translate(0, -50%) rotate(-180deg);
	color: var(--color-3);
	background-image: none !important
}