.directorist-gb-integration-listing-card-element-content {
	display: flex;
	align-items: center;
	flex-direction: var(--directorist-gbi-card-content-direction, row);
	gap: var(--directorist-gbi-card-content-gap, 10px);
	margin: 0;
}

.directorist-gb-integration-listing-card-element-content svg {
	fill: var(--directorist-gb-integration-icon-color, #808080);
}

.directorist-gb-integration-listing-card-element-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: var(--directorist-gbi-card-icon-padding);
	margin: var(--directorist-gbi-card-icon-margin);
	color: var(--directorist-gbi-card-icon-text-color, inherit);
	background-color: var(--directorist-gbi-card-icon-bg-color);
	background-image: var(--directorist-gbi-card-icon-bg-gradient);
	border-color: var(--directorist-gbi-card-icon-border-color);
	border-style: var(--directorist-gbi-card-icon-border-style);
	border-width: var(--directorist-gbi-card-icon-border-width);
	border-radius: var(--directorist-gbi-card-icon-border-radius);
	box-shadow: var(--directorist-gbi-card-icon-box-shadow);
	opacity: var(--directorist-gbi-card-icon-opacity);
	transform: translate(
		var(--directorist-gbi-card-icon-translate-x, 0),
		var(--directorist-gbi-card-icon-translate-y, 0)
	) scale(
		var(--directorist-gbi-card-icon-scale-x, 1),
		var(--directorist-gbi-card-icon-scale-y, 1)
	);
}

.directorist-gb-integration-listing-card-element-icon svg {
	fill: var(
		--directorist-gbi-card-icon-text-color,
		var(--directorist-gb-integration-icon-color, #808080)
	);
}

.directorist-gb-integration-listing-card-element-details {
	display: flex;
	flex-direction: var(--directorist-gbi-card-details-direction, row);
	align-items: center;
	flex-wrap: wrap;
	gap: var(--directorist-gbi-card-details-gap, 5px);
}

.directorist-gb-integration-listing-card-element-label {
	display: inline-block;
	padding: var(--directorist-gbi-card-label-padding);
	margin: var(--directorist-gbi-card-label-margin);
	background-color: var(--directorist-gbi-card-label-bg-color);
	background-image: var(--directorist-gbi-card-label-bg-gradient);
	color: var(--directorist-gbi-card-label-text-color);
	border-color: var(--directorist-gbi-card-label-border-color);
	border-style: var(--directorist-gbi-card-label-border-style);
	border-width: var(--directorist-gbi-card-label-border-width);
	border-radius: var(--directorist-gbi-card-label-border-radius);
	font-size: var(--directorist-gbi-card-label-font-size);
	line-height: var(--directorist-gbi-card-label-line-height);
	letter-spacing: var(--directorist-gbi-card-label-letter-spacing);
	font-weight: var(--directorist-gbi-card-label-font-weight);
	font-style: var(--directorist-gbi-card-label-font-style);
	font-family: var(--directorist-gbi-card-label-font-family);
	text-transform: var(--directorist-gbi-card-label-text-transform);
	text-decoration: var(--directorist-gbi-card-label-text-decoration);
	text-align: var(--directorist-gbi-card-label-text-align);
	box-shadow: var(--directorist-gbi-card-label-box-shadow);
	opacity: var(--directorist-gbi-card-label-opacity);
	transform: translate(
		var(--directorist-gbi-card-label-translate-x, 0),
		var(--directorist-gbi-card-label-translate-y, 0)
	) scale(
		var(--directorist-gbi-card-label-scale-x, 1),
		var(--directorist-gbi-card-label-scale-y, 1)
	);
}

.directorist-gb-integration-listing-card-element-value {
	display: inline-block;
	padding: var(--directorist-gbi-card-value-padding);
	margin: var(--directorist-gbi-card-value-margin);
	background-color: var(--directorist-gbi-card-value-bg-color);
	background-image: var(--directorist-gbi-card-value-bg-gradient);
	color: var(--directorist-gbi-card-value-text-color);
	border-color: var(--directorist-gbi-card-value-border-color);
	border-style: var(--directorist-gbi-card-value-border-style);
	border-width: var(--directorist-gbi-card-value-border-width);
	border-radius: var(--directorist-gbi-card-value-border-radius);
	font-size: var(--directorist-gbi-card-value-font-size);
	line-height: var(--directorist-gbi-card-value-line-height);
	letter-spacing: var(--directorist-gbi-card-value-letter-spacing);
	font-weight: var(--directorist-gbi-card-value-font-weight);
	font-style: var(--directorist-gbi-card-value-font-style);
	font-family: var(--directorist-gbi-card-value-font-family);
	text-transform: var(--directorist-gbi-card-value-text-transform);
	text-decoration: var(--directorist-gbi-card-value-text-decoration);
	text-align: var(--directorist-gbi-card-value-text-align);
	box-shadow: var(--directorist-gbi-card-value-box-shadow);
	opacity: var(--directorist-gbi-card-value-opacity);
	transform: translate(
		var(--directorist-gbi-card-value-translate-x, 0),
		var(--directorist-gbi-card-value-translate-y, 0)
	) scale(
		var(--directorist-gbi-card-value-scale-x, 1),
		var(--directorist-gbi-card-value-scale-y, 1)
	);
}

.directorist-gb-integration-listing-card-block {
	font-size: 14px;
	line-height: 1.3;
	color: var(--directorist-color-body);
	min-width: 0;
	max-width: 100%;
}

.directorist-gb-integration-listing-card-block svg {
	width: var(--directorist-gb-integration-icon-size, 16px);
	height: var(--directorist-gb-integration-icon-size, 16px);
}

.directorist-gb-integration-listing-card-block.has-text-align-left
	.directorist-gb-integration-listing-card-element-content {
	justify-content: flex-start;
}

.directorist-gb-integration-listing-card-block.has-text-align-center
	.directorist-gb-integration-listing-card-element-content {
	justify-content: center;
}

.directorist-gb-integration-listing-card-block.has-text-align-right
	.directorist-gb-integration-listing-card-element-content {
	justify-content: flex-end;
}

.directorist-gb-integration-block-width-100 {
	width: 100%;
}

.directorist-gb-integration-block-width-75 {
	width: calc(75% - 12px);
}

.directorist-gb-integration-block-width-67 {
	width: calc(66.67% - 12px);
}

.directorist-gb-integration-block-width-50 {
	width: calc(50% - 12px);
}

.directorist-gb-integration-block-width-33 {
	width: calc(33.33% - 12px);
}

.directorist-gb-integration-block-width-25 {
	width: calc(25% - 12px);
}

.directorist-gb-integration-block-width-inline {
	width: auto;
	flex: 0 0 auto;
}

.directorist-gb-integration-extension-block__icon,
.directorist-gb-integration-job-manager__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.directorist-gb-integration-extension-block__icon svg,
.directorist-gb-integration-job-manager__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}