.vg-faqs {
	/* Scale between 8px at 799px and 12px at 800px */
	--_gap-between-faqs: clamp(0.5rem, 400vw + -199.25rem, 0.75rem);
	--_gap-between-blocks: 48px;
	/* margin top should be 20px up to 800px and 24px from 800px */
	--_gap-before-first-faq: 20px;
	/* Scale between 24px at 799px and 32px at 800px */
	--_gap-before-subtitle:clamp(1.5rem, 800vw + -398rem, 2rem);
	/* Scale between 24px at 799px and 32px at 800px */
	--_gap-before-cta: clamp(1.5rem, 800vw + -398rem, 2rem);

	--_padding-inline: 16px;
	padding-top: 0;

}

.vg-faqs__container {
	--_padding-block: 56px;
	max-width: var(--wp--custom--width--default);
	padding:
		0
		var(--vg--spacing--inline--default)
		0
		var(--vg--spacing--inline--default);
	padding-block: 0 var(--_padding-block);
	margin: 0 auto;
}

.vg-faqs__title {
	margin: 0;
	color: var(--wp--preset--color--title);
}

.vg-faqs__title--primary,
.vg-faqs__main-title
 {
	color: var(--wp--preset--color--primary);
}

.vg-faqs__section-title {
	margin: var(--_gap-before-subtitle) 0 0;
}

.vg-faqs__section-title--primary {
	color: var(--wp--preset--color--secondary);
}

.vg-faqs + .vg-faqs {
	padding-top: var(--_gap-between-blocks);
}

.vg-faqs__accordion-item {
	display: block;
	margin-bottom: var(--_gap-between-faqs);
}

.vg-faqs__accordion-item:first-of-type {
	margin-top: var(--_gap-before-first-faq);
}

.vg-faqs__accordion-item:last-of-type {
	margin-bottom: 0;
}

.vg-faqs__accordion-heading {
    --_padding-block: 8px;
    --_border-radius: 8px;
	--_bg: var(--wp--preset--color--secondary);

    padding: var( --_padding-block ) var( --_padding-inline );
    border-radius: var( --_border-radius);
    background-color: var(--_bg);
    color: var( --wp--preset--color--white );
	font-size: var(--wp--preset--font-size--body-text);
	font-weight: 600;
}

.vg-faqs__accordion-panel {
	padding: 0 var(--_padding-inline);
}

.vg-faqs--primary .vg-faqs__accordion-heading {
	--_padding-block: 16px;
	--_bg: var(--wp--preset--color--black);
}

.vg-faqs--neutral .vg-faqs__accordion-heading,
.vg-faqs--gym-region .vg-faqs__accordion-heading  {
	--_bg: var(--wp--preset--color--neutral-1);
}

.vg-faqs__accordion-heading:is(:hover, :focus-within) {
	--_bg: var(--wp--preset--color--secondary-hover);
}

.vg-faqs--primary .vg-faqs__accordion-heading:is(:hover, :focus-within) {
	--_bg: var(--wp--preset--color--primary);
}

.vg-faqs--neutral .vg-faqs__accordion-heading:is(:hover, :focus-within),
.vg-faqs--gym-region .vg-faqs__accordion-heading:is(:hover, :focus-within) {
	--_bg: var(--wp--preset--color--neutral-2);
	color: var(--wp--preset--color--neutral-1);
}

.vg-faqs__accordion-heading button {
    --_icon: var(--icon--control-closed);
    --_icon-size: 20px;

    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
	padding: 0;
    border: 0;
    background: transparent;
    color: currentcolor;
	cursor: pointer;
	font: inherit;
    gap: 20px;
	text-align: left;
}

.vg-faqs__accordion-heading button[aria-expanded="true"] {
	--_icon: var(--icon--control-opened);
}

.vg-faqs__accordion-heading button::after {
    --_mask: var(--_icon) center / cover;

    display: block;
    width: var(--_icon-size);
    height: var(--_icon-size);
    background: currentcolor;
    content: "";
	-webkit-mask: var(--_mask);
    mask: var(--_mask);
}

.vg-faqs__accordion-panel {
	margin: 0;
}

/* Avoid FOUC while the component is loading */
vg-disclosure:not(:defined) .vg-faqs__accordion-panel {
	display: none;
}

.vg-faqs__cta {
	margin-top: var(--_gap-before-cta);
	text-align: right;
}

h2, .vg-faqs__main-title.has-h-2-font-size {
  line-height: normal;
}

.vg-faqs__faq + .vg-faqs__faq h2.vg-faqs__main-title.has-h-2-font-size {
	padding: 0;
	margin: 0;
	/*margin-top: 48px;*/
}
.vg-faqs__faq:not(:first-child) {
	padding-top: 32px;
}
.vg-faqs__container.manual .vg-faqs__faq:not(:first-child) {
	padding-top: 0;
}

.vg-faqs--gym-region .vg-faqs__main-title.has-h-2-font-size {
  color: var(--wp--preset--color--title);
  margin-top: 48px;
}

@media (min-width: 800px) {
	.vg-faqs {
		--_gap-between-blocks: 56px;
		--_gap-before-first-faq: 24px;
	}

    /*.vg-faqs__faq + .vg-faqs__faq h2.vg-faqs__main-title.has-h-2-font-size {
        margin-top: 72px;
    }
	*/
	.vg-faqs__faq:not(:first-child) {
		padding-top: 64px;
	}

	.vg-faqs__container.manual .vg-faqs__faq:not(:first-child) {
		padding-top: 4px;
	}

    .vg-faqs__container h3.vg-faqs__section-title {
        margin-top: 32px;
    }

	.vg-faqs--gym-region .vg-faqs__main-title.has-h-2-font-size {
		margin-top: 58px;
	}

	.vg-faqs__cta .ob-button{
		min-width: 268px;
	}
}

@media (min-width: 1200px) {
	.vg-faqs__cta .ob-button{
		min-width: 340px;
	}
}