.is-root-container .rgc-responsive-grid,
.rgc-responsive-grid {
	--rgc-cols-desktop: 2;
	--rgc-cols-tablet: 2;
	--rgc-cols-mobile: 1;
	--rgc-gap-desktop: var(--rgc-gap-default-desktop, 24px);
	--rgc-gap-tablet: var(--rgc-gap-default-tablet, 20px);
	--rgc-gap-mobile: var(--rgc-gap-default-mobile, 16px);
	--rgc-row-gap-desktop: var(--rgc-row-gap-default-desktop, var(--rgc-gap-default-desktop, 24px));
	--rgc-column-gap-desktop: var(--rgc-column-gap-default-desktop, var(--rgc-gap-default-desktop, 24px));
	--rgc-row-gap-tablet: var(--rgc-row-gap-default-tablet, var(--rgc-gap-default-tablet, 20px));
	--rgc-column-gap-tablet: var(--rgc-column-gap-default-tablet, var(--rgc-gap-default-tablet, 20px));
	--rgc-row-gap-mobile: var(--rgc-row-gap-default-mobile, var(--rgc-gap-default-mobile, 16px));
	--rgc-column-gap-mobile: var(--rgc-column-gap-default-mobile, var(--rgc-gap-default-mobile, 16px));
	display: grid !important;
	grid-template-columns: repeat(var(--rgc-cols-desktop, 2), minmax(0, 1fr)) !important;
	row-gap: var(--rgc-row-gap-desktop, var(--rgc-gap-desktop, 24px)) !important;
	column-gap: var(--rgc-column-gap-desktop, var(--rgc-gap-desktop, 24px)) !important;
}

.wp-block-columns.rgc-responsive-columns {
	--rgc-cols-desktop: 2;
	--rgc-cols-tablet: 2;
	--rgc-cols-mobile: 1;
	--rgc-gap-desktop: var(--rgc-gap-default-desktop, 24px);
	--rgc-gap-tablet: var(--rgc-gap-default-tablet, 20px);
	--rgc-gap-mobile: var(--rgc-gap-default-mobile, 16px);
	--rgc-row-gap-desktop: var(--rgc-row-gap-default-desktop, var(--rgc-gap-default-desktop, 24px));
	--rgc-column-gap-desktop: var(--rgc-column-gap-default-desktop, var(--rgc-gap-default-desktop, 24px));
	--rgc-row-gap-tablet: var(--rgc-row-gap-default-tablet, var(--rgc-gap-default-tablet, 20px));
	--rgc-column-gap-tablet: var(--rgc-column-gap-default-tablet, var(--rgc-gap-default-tablet, 20px));
	--rgc-row-gap-mobile: var(--rgc-row-gap-default-mobile, var(--rgc-gap-default-mobile, 16px));
	--rgc-column-gap-mobile: var(--rgc-column-gap-default-mobile, var(--rgc-gap-default-mobile, 16px));
	display: flex !important;
	flex-wrap: wrap !important;
	row-gap: var(--rgc-row-gap-desktop, var(--rgc-gap-desktop, 24px)) !important;
	column-gap: var(--rgc-column-gap-desktop, var(--rgc-gap-desktop, 24px)) !important;
}

.rgc-responsive-columns > .wp-block-column {
	flex: 0 0 calc((100% - ((var(--rgc-cols-desktop, 2) - 1) * var(--rgc-column-gap-desktop, var(--rgc-gap-desktop, 24px)))) / var(--rgc-cols-desktop, 2) - 0.5px) !important;
	max-width: calc((100% - ((var(--rgc-cols-desktop, 2) - 1) * var(--rgc-column-gap-desktop, var(--rgc-gap-desktop, 24px)))) / var(--rgc-cols-desktop, 2) - 0.5px) !important;
}
