@font-face {
	font-family: "Geist";
	src: url("../../assets/fonts/Geist-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geist";
	src: url("../../assets/fonts/Geist-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

.directorist-pricing-trust-bar {
	width: 100%;
	margin: 0;
	font-family: "Geist", sans-serif;
	box-sizing: border-box;
}

.directorist-pricing-trust-bar *,
.directorist-pricing-trust-bar *::before,
.directorist-pricing-trust-bar *::after {
	box-sizing: border-box;
}

.directorist-pricing-trust-bar__inner {
	display: flex;
	width: var(--directorist-pricing-trust-bar-section-max, 1224px);
	max-width: calc(100vw - 48px);
	min-height: 154.403px;
	margin: 0 auto;
	padding: var(--directorist-pricing-trust-bar-section-padding, 0 32px);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--directorist-pricing-trust-bar-section-gap, 32px);
	border-radius: var(--directorist-pricing-trust-bar-section-radius, 12px);
}

.directorist-pricing-trust-bar__badge {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	gap: var(--directorist-pricing-trust-bar-badge-gap, 6px);
	margin: var(--directorist-pricing-trust-bar-badge-margin, 0);
	padding: var(--directorist-pricing-trust-bar-badge-padding, 12px 24px);
	border: var(--directorist-pricing-trust-bar-badge-border-width, 1px) solid
		var(--directorist-pricing-trust-bar-badge-border, #abefc6);
	border-radius: var(--directorist-pricing-trust-bar-badge-radius, 6px);
	background: var(--directorist-pricing-trust-bar-badge-bg, #ecfdf3);
}

.directorist-pricing-trust-bar__badge-icon {
	display: block;
	width: var(--directorist-pricing-trust-bar-badge-icon, 24px);
	height: var(--directorist-pricing-trust-bar-badge-icon, 24px);
	flex: 0 0 var(--directorist-pricing-trust-bar-badge-icon, 24px);
	object-fit: contain;
}

.directorist-pricing-trust-bar__badge-text {
	margin: 0;
	color: var(--directorist-pricing-trust-bar-badge-color, #079455);
	font-family: "Geist", sans-serif;
	font-size: var(--directorist-pricing-trust-bar-badge-size, 16px);
	font-weight: var(--directorist-pricing-trust-bar-badge-weight, 700);
	line-height: var(--directorist-pricing-trust-bar-badge-line, 1.6);
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	word-break: break-word;
}

.directorist-pricing-trust-bar__awards {
	display: flex;
	width: 100%;
	min-height: 72.403px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--directorist-pricing-trust-bar-awards-gap, 25.84px);
	margin: var(--directorist-pricing-trust-bar-awards-margin-top, 0) 0 0;
	padding: var(--directorist-pricing-trust-bar-awards-padding, 0);
	list-style: none;
}

@media (max-width: 1199.98px) {
	.directorist-pricing-trust-bar__inner {
		width: var(--directorist-pricing-trust-bar-section-max-tablet, var(--directorist-pricing-trust-bar-section-max, 1224px));
		padding: var(--directorist-pricing-trust-bar-section-padding-tablet, var(--directorist-pricing-trust-bar-section-padding, 0 32px));
		gap: var(--directorist-pricing-trust-bar-section-gap-tablet, var(--directorist-pricing-trust-bar-section-gap, 32px));
		border-radius: var(--directorist-pricing-trust-bar-section-radius-tablet, var(--directorist-pricing-trust-bar-section-radius, 12px));
	}

	.directorist-pricing-trust-bar__badge {
		gap: var(--directorist-pricing-trust-bar-badge-gap-tablet, var(--directorist-pricing-trust-bar-badge-gap, 6px));
		margin: var(--directorist-pricing-trust-bar-badge-margin-tablet, var(--directorist-pricing-trust-bar-badge-margin, 0));
		padding: var(--directorist-pricing-trust-bar-badge-padding-tablet, var(--directorist-pricing-trust-bar-badge-padding, 12px 24px));
		border-width: var(--directorist-pricing-trust-bar-badge-border-width-tablet, var(--directorist-pricing-trust-bar-badge-border-width, 1px));
		border-radius: var(--directorist-pricing-trust-bar-badge-radius-tablet, var(--directorist-pricing-trust-bar-badge-radius, 6px));
	}

	.directorist-pricing-trust-bar__badge-icon {
		width: var(--directorist-pricing-trust-bar-badge-icon-tablet, var(--directorist-pricing-trust-bar-badge-icon, 24px));
		height: var(--directorist-pricing-trust-bar-badge-icon-tablet, var(--directorist-pricing-trust-bar-badge-icon, 24px));
		flex-basis: var(--directorist-pricing-trust-bar-badge-icon-tablet, var(--directorist-pricing-trust-bar-badge-icon, 24px));
	}

	.directorist-pricing-trust-bar__badge-text {
		color: var(--directorist-pricing-trust-bar-badge-color-tablet, var(--directorist-pricing-trust-bar-badge-color, #079455));
		font-size: var(--directorist-pricing-trust-bar-badge-size-tablet, var(--directorist-pricing-trust-bar-badge-size, 16px));
		font-weight: var(--directorist-pricing-trust-bar-badge-weight-tablet, var(--directorist-pricing-trust-bar-badge-weight, 700));
		line-height: var(--directorist-pricing-trust-bar-badge-line-tablet, var(--directorist-pricing-trust-bar-badge-line, 1.6));
	}

	.directorist-pricing-trust-bar__awards {
		gap: var(--directorist-pricing-trust-bar-awards-gap-tablet, var(--directorist-pricing-trust-bar-awards-gap, 25.84px));
		margin-top: var(--directorist-pricing-trust-bar-awards-margin-top-tablet, var(--directorist-pricing-trust-bar-awards-margin-top, 0));
		padding: var(--directorist-pricing-trust-bar-awards-padding-tablet, var(--directorist-pricing-trust-bar-awards-padding, 0));
	}
}

.directorist-pricing-trust-bar__award {
	position: relative;
	display: block;
	width: var(--directorist-pricing-trust-bar-award-width, 120px);
	height: var(--directorist-pricing-trust-bar-award-height, 48px);
	flex: 0 0 var(--directorist-pricing-trust-bar-award-width, 120px);
	overflow: hidden;
}

.directorist-pricing-trust-bar__award-img,
.directorist-pricing-trust-bar__award-bg,
.directorist-pricing-trust-bar__award-overlay {
	display: block;
	max-width: none;
}

.directorist-pricing-trust-bar__award-img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.directorist-pricing-trust-bar__award--support2025:not(.directorist-pricing-trust-bar__award--custom-upload)
	.directorist-pricing-trust-bar__award-img {
	position: absolute;
	top: -7.22%;
	left: -7.46%;
	width: 113.17%;
	height: 114.13%;
}

.directorist-pricing-trust-bar__award-composite {
	position: absolute;
	inset: 0;
	display: block;
}

.directorist-pricing-trust-bar__award-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.directorist-pricing-trust-bar__award-overlay {
	position: absolute;
	top: 13.83%;
	left: 2.55%;
	width: 94.04%;
	height: 74.47%;
	object-fit: fill;
}

@media (max-width: 767px) {
	.directorist-pricing-trust-bar__inner {
		width: var(--directorist-pricing-trust-bar-section-max-mobile, var(--directorist-pricing-trust-bar-section-max-tablet, var(--directorist-pricing-trust-bar-section-max, 1224px)));
		max-width: calc(100vw - 32px);
		min-height: auto;
		padding: var(--directorist-pricing-trust-bar-section-padding-mobile, var(--directorist-pricing-trust-bar-section-padding-tablet, var(--directorist-pricing-trust-bar-section-padding, 0 32px)));
		gap: var(--directorist-pricing-trust-bar-section-gap-mobile, var(--directorist-pricing-trust-bar-section-gap-tablet, var(--directorist-pricing-trust-bar-section-gap, 32px)));
		border-radius: var(--directorist-pricing-trust-bar-section-radius-mobile, var(--directorist-pricing-trust-bar-section-radius-tablet, var(--directorist-pricing-trust-bar-section-radius, 12px)));
	}

	.directorist-pricing-trust-bar__badge {
		width: 100%;
		max-width: 324px;
		gap: var(--directorist-pricing-trust-bar-badge-gap-mobile, var(--directorist-pricing-trust-bar-badge-gap-tablet, var(--directorist-pricing-trust-bar-badge-gap, 6px)));
		margin: var(--directorist-pricing-trust-bar-badge-margin-mobile, var(--directorist-pricing-trust-bar-badge-margin-tablet, var(--directorist-pricing-trust-bar-badge-margin, 0)));
		padding: var(--directorist-pricing-trust-bar-badge-padding-mobile, var(--directorist-pricing-trust-bar-badge-padding-tablet, var(--directorist-pricing-trust-bar-badge-padding, 12px 24px)));
		border-width: var(--directorist-pricing-trust-bar-badge-border-width-mobile, var(--directorist-pricing-trust-bar-badge-border-width-tablet, var(--directorist-pricing-trust-bar-badge-border-width, 1px)));
		border-radius: var(--directorist-pricing-trust-bar-badge-radius-mobile, var(--directorist-pricing-trust-bar-badge-radius-tablet, var(--directorist-pricing-trust-bar-badge-radius, 6px)));
	}

	.directorist-pricing-trust-bar__badge-icon {
		width: var(--directorist-pricing-trust-bar-badge-icon-mobile, var(--directorist-pricing-trust-bar-badge-icon-tablet, var(--directorist-pricing-trust-bar-badge-icon, 24px)));
		height: var(--directorist-pricing-trust-bar-badge-icon-mobile, var(--directorist-pricing-trust-bar-badge-icon-tablet, var(--directorist-pricing-trust-bar-badge-icon, 24px)));
		flex-basis: var(--directorist-pricing-trust-bar-badge-icon-mobile, var(--directorist-pricing-trust-bar-badge-icon-tablet, var(--directorist-pricing-trust-bar-badge-icon, 24px)));
	}

	.directorist-pricing-trust-bar__badge-text {
		color: var(--directorist-pricing-trust-bar-badge-color-mobile, var(--directorist-pricing-trust-bar-badge-color-tablet, var(--directorist-pricing-trust-bar-badge-color, #079455)));
		font-size: var(--directorist-pricing-trust-bar-badge-size-mobile, var(--directorist-pricing-trust-bar-badge-size-tablet, var(--directorist-pricing-trust-bar-badge-size, 16px)));
		font-weight: var(--directorist-pricing-trust-bar-badge-weight-mobile, var(--directorist-pricing-trust-bar-badge-weight-tablet, var(--directorist-pricing-trust-bar-badge-weight, 700)));
		line-height: var(--directorist-pricing-trust-bar-badge-line-mobile, var(--directorist-pricing-trust-bar-badge-line-tablet, var(--directorist-pricing-trust-bar-badge-line, 1.6)));
		white-space: normal;
	}

	.directorist-pricing-trust-bar__awards {
		flex-wrap: wrap;
		gap: var(--directorist-pricing-trust-bar-awards-gap-mobile, var(--directorist-pricing-trust-bar-awards-gap-tablet, var(--directorist-pricing-trust-bar-awards-gap, 25.84px)));
		margin-top: var(--directorist-pricing-trust-bar-awards-margin-top-mobile, var(--directorist-pricing-trust-bar-awards-margin-top-tablet, var(--directorist-pricing-trust-bar-awards-margin-top, 0)));
		padding: var(--directorist-pricing-trust-bar-awards-padding-mobile, var(--directorist-pricing-trust-bar-awards-padding-tablet, var(--directorist-pricing-trust-bar-awards-padding, 0)));
	}
}