/* CSS Style */
.sc-section-faq {
	max-width: 800px;
	margin: auto;
}

.sc-section-faq .vcex-toggle-group--w-borders .vcex-toggle {
	border: none;
}

.sc-section-faq .vcex-toggle-group--w-borders .vcex-toggle__trigger {
	padding: 0;
}

.sc-section-faq .sc-section-faq-toggle {
	padding: 0 16px;
	border-radius: var(--sc-br-8);
	background-color: var(--sc-colorbg-dark-mode-alt-1);
}

.sc-section-faq .sc-section-faq-toggle * {
	margin: 0;
	padding: 0;
	border: none;
	color: var(--sc-color-dark-mode-80);
	font-size: 22px;
	font-family: var(--sc-font-family-body);
}

.sc-section-faq .sc-section-faq-toggle .vcex-toggle + .vcex-toggle {
	border-top: 1px solid var(--sc-color-dark-mode-30);
}

.sc-section-faq .sc-section-faq-toggle .vcex-toggle {
	min-height: 64px;
	padding: 16px 0;
}

.sc-section-faq .vcex-toggle__trigger {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.sc-section-faq .sc-section-faq-toggle .vcex-toggle__title {
	margin-right: auto;
}

.sc-section-faq .vcex-toggle__content {
	color: var(--sc-colorbg-dark-mode-alt-1);
	font-size: 18px;
}

.sc-section-faq .sc-section-faq-toggle .vcex-toggle--active {
	height: auto;
	color: var(--sc-color-dark-mode);
}

.sc-section-faq
	.sc-section-faq-toggle
	.vcex-toggle--active
	.vcex-toggle__title {
	color: var(--sc-color-primary);
}

.sc-section-faq .vcex-toggle--active .vcex-toggle__content {
	padding-top: 16px;
	padding-bottom: 16px;
	color: var(--sc-color-dark-mode);
	font-size: 18px;
}

.sc-section-faq .vcex-toggle__trigger {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.sc-section-faq .sc-section-faq-toggle .vcex-toggle__title {
	margin-right: auto;
}

.sc-section-faq .vcex-toggle__content {
	color: var(--sc-colorbg-dark-mode-alt-1);
	font-size: 18px;
}

.sc-section-faq .sc-section-faq-toggle .vcex-toggle--active {
	height: auto;
	color: var(--sc-color-dark-mode);
}

.sc-section-faq
	.sc-section-faq-toggle
	.vcex-toggle--active
	.vcex-toggle__title {
	color: var(--sc-color-primary);
}

.sc-section-faq .vcex-toggle--active .vcex-toggle__content {
	padding-top: 16px;
	padding-bottom: 16px;
	color: var(--sc-color-dark-mode);
	font-size: 18px;
}

.sc-section-faq .sc-section-faq-toggle p {
	color: var(--sc-color-dark-mode);
	font-size: 18px;
	line-height: 1.4;
}

.sc-section-faq .sc-section-faq-toggle p + p {
	padding-top: 16px;
}

.sc-section-faq .sc-section-faq-toggle b,
.sc-section-faq .sc-section-faq-toggle strong {
	color: var(--sc-color-dark-mode);
	font-weight: var(--sc-font-weight-bold);
	font-size: inherit;
}

.sc-section-faq .sc-section-faq-toggle i {
	color: var(--sc-color-dark-mode);
	font-size: 18px;
}

.sc-section-faq .sc-section-faq-toggle p a,
.sc-section-faq .vcex-toggle__content a {
	z-index: 10;
	position: relative;
	padding: 0 2px;
	background: linear-gradient(
		0deg,
		var(--sc-color-primary) 10%,
		rgba(255, 255, 255, 0) 10%
	);
	background: linear-gradient(
		0deg,
		var(--sc-color-primary-50) 10%,
		rgba(255, 255, 255, 0) 10%
	);
	color: var(--sc-color-dark-mode);
	font-weight: var(--sc-font-weight-bold);
	font-size: inherit;
	text-decoration: none;
	text-decoration-color: var(--sc-color-primary);
	transition: linear-gradient 1s ease-in-out;
}

.sc-section-faq .sc-section-faq-toggle p a:hover,
.sc-section-faq .vcex-toggle__content a:hover {
	background: linear-gradient(
		0deg,
		var(--sc-color-primary) 100%,
		rgba(255, 255, 255, 0) 10%
	);
	background: linear-gradient(
		0deg,
		var(--sc-color-primary-50) 100%,
		rgba(255, 255, 255, 0) 10%
	);
	color: var(--sc-primary-button-color-text);
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.sc-section-faq {
		margin-top: 0;
		margin-bottom: 0;
	}

	.sc-section-faq .sc-section-faq-toggle * {
		font-size: 18px;
	}

	.sc-section-faq .vcex-toggle--active .vcex-toggle__content {
		font-size: 16px;
	}
}

/* Media Query for Tablets Ipads portrait mode */
@media (max-width: 1024px) {
	.sc-section-faq .vc_row {
		max-width: 100%;
	}
}

/* Media Query for low resolution  Tablets, Ipads */
@media (max-width: 768px) {
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.sc-section.sc-section-faq .vc_row {
		max-width: 100%;
	}
}
