:root {
	--vbmm-green: #008f49;
	--vbmm-green-dark: #00763d;
	--vbmm-ink: #07111f;
	--vbmm-muted: #5e6978;
	--vbmm-line: #e4e9ef;
	--vbmm-soft: #f7f9fb;
	--vbmm-shadow: 0 28px 70px rgba(7, 17, 31, 0.16);
}

.vbmm-standalone__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.vbmm-panel {
	color: var(--vbmm-ink);
	font-family: inherit;
	line-height: 1.45;
}

.vbmm-panel * {
	box-sizing: border-box;
}

.vbmm-panel__inner {
	background: #fff;
	border: 1px solid var(--vbmm-line);
	border-radius: 8px;
	box-shadow: var(--vbmm-shadow);
	overflow: hidden;
	padding: 28px 20px 18px;
}

.vbmm-panel__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vbmm-service-card {
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
	padding: 8px 20px 0;
	text-decoration: none;
}

.vbmm-service-card + .vbmm-service-card {
	border-left: 1px solid var(--vbmm-line);
}

.vbmm-service-card__head {
	align-items: flex-start;
	display: flex;
	gap: 14px;
	min-height: 112px;
}

.vbmm-service-card__icon {
	align-items: center;
	color: var(--vbmm-green);
	display: inline-flex;
	flex: 0 0 auto;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.vbmm-service-card__icon svg {
	display: block;
	fill: currentColor;
	height: 30px;
	width: 30px;
}

.vbmm-service-card__copy {
	display: block;
	min-width: 0;
}

.vbmm-service-card__title {
	color: var(--vbmm-ink);
	display: block;
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.24;
	margin: 2px 0 8px;
	text-decoration: none;
}

.vbmm-service-card__description {
	color: var(--vbmm-muted);
	display: block;
	font-size: 13.5px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.42;
}

.vbmm-preview {
	background: #fff;
	border: 1px solid var(--vbmm-line);
	border-radius: 8px;
	display: block;
	aspect-ratio: 1 / 1;
	height: auto;
	min-height: 0;
	overflow: hidden;
	padding: 14px;
	width: 100%;
}

.vbmm-preview--image {
	background: #fff;
	padding: 0;
}

.vbmm-preview--image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.vbmm-preview--lead-form {
	aspect-ratio: 1 / 1;
	background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
	overflow: hidden;
	padding: 10px;
}

.vbmm-lead-form__steps {
	align-items: center;
	color: #667085;
	display: flex;
	font-size: 9px;
	font-weight: 700;
	gap: 5px;
	line-height: 1;
	margin: 0 0 8px;
	white-space: nowrap;
}

.vbmm-lead-form__steps strong,
.vbmm-lead-form__steps em {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 9px;
	font-style: normal;
	height: 17px;
	justify-content: center;
	width: 17px;
}

.vbmm-lead-form__steps strong {
	background: var(--vbmm-green);
	color: #fff;
}

.vbmm-lead-form__steps em {
	background: #eef2f6;
	color: #667085;
}

.vbmm-lead-form__embed,
.vbmm-preview--lead-form .fluentform,
.vbmm-preview--lead-form form {
	margin: 0 !important;
}

.vbmm-preview--lead-form .ff-el-group {
	margin: 0 0 6px !important;
}

.vbmm-preview--lead-form .vbmm-hidden-employee-group {
	display: none !important;
}

.vbmm-preview--lead-form .ff-el-input--label,
.vbmm-preview--lead-form .ff-el-input--content {
	margin: 0 !important;
}

.vbmm-preview--lead-form label,
.vbmm-preview--lead-form .ff-el-input--label label {
	color: #344054 !important;
	display: block;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	margin: 0 0 3px !important;
}

.vbmm-preview--lead-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.vbmm-preview--lead-form select,
.vbmm-preview--lead-form textarea {
	background: #fff !important;
	border: 1px solid #d9e2ea !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	color: #344054 !important;
	font-size: 10.5px !important;
	height: 29px !important;
	line-height: 1.2 !important;
	min-height: 29px !important;
	padding: 5px 8px !important;
	width: 100% !important;
}

.vbmm-preview--lead-form textarea {
	height: 46px !important;
	min-height: 46px !important;
	resize: none;
}

.vbmm-preview--lead-form .ff-btn-submit,
.vbmm-preview--lead-form button[type="submit"],
.vbmm-preview--lead-form input[type="submit"] {
	align-items: center !important;
	background: var(--vbmm-green) !important;
	border: 0 !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	display: inline-flex !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	justify-content: center !important;
	line-height: 1.2 !important;
	min-height: 31px !important;
	padding: 7px 10px !important;
	width: 100% !important;
}

.vbmm-preview--lead-form .ff-btn-submit:hover,
.vbmm-preview--lead-form button[type="submit"]:hover,
.vbmm-preview--lead-form input[type="submit"]:hover {
	background: var(--vbmm-green-dark) !important;
}

.vbmm-preview--lead-form .ff-el-is-error input,
.vbmm-preview--lead-form .ff-el-is-error textarea,
.vbmm-preview--lead-form .ff-el-is-error select {
	border-color: #ef4444 !important;
}

.vbmm-preview--lead-form .error,
.vbmm-preview--lead-form .ff-el-is-error .text-danger,
.vbmm-preview--lead-form .ff-message-success {
	font-size: 10px !important;
	line-height: 1.35 !important;
	margin: 5px 0 0 !important;
}

.vbmm-preview__topline,
.vbmm-preview__steps {
	align-items: center;
	color: var(--vbmm-ink);
	display: flex;
	font-size: 11px;
	gap: 8px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.vbmm-preview__topline strong,
.vbmm-preview__steps strong {
	color: var(--vbmm-green);
	font-size: 11px;
}

.vbmm-preview__product {
	background:
		linear-gradient(90deg, rgba(7, 17, 31, 0.06) 1px, transparent 1px) 0 0 / 18px 18px,
		linear-gradient(#ccd3db, #aeb8c3);
	border-radius: 6px;
	display: block;
	height: 82px;
	margin-bottom: 12px;
	position: relative;
}

.vbmm-preview__product::before,
.vbmm-preview__product::after {
	background: #5e6978;
	content: "";
	display: block;
	position: absolute;
}

.vbmm-preview__product::before {
	height: 10px;
	left: 22px;
	right: 22px;
	top: 26px;
}

.vbmm-preview__product::after {
	bottom: 18px;
	height: 8px;
	left: 42px;
	right: 42px;
}

.vbmm-preview__options {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vbmm-preview__options span,
.vbmm-preview__field {
	background: #fff;
	border: 1px solid var(--vbmm-line);
	border-radius: 6px;
	color: #364152;
	display: block;
	font-size: 11px;
	min-width: 0;
	padding: 8px 10px;
}

.vbmm-preview__options span:first-child {
	border-color: var(--vbmm-green);
	box-shadow: 0 0 0 1px rgba(0, 143, 73, 0.16);
}

.vbmm-preview__steps {
	justify-content: flex-start;
}

.vbmm-preview__steps strong,
.vbmm-preview__steps em {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-style: normal;
	height: 18px;
	justify-content: center;
	width: 18px;
}

.vbmm-preview__steps strong {
	background: var(--vbmm-green);
	color: #fff;
}

.vbmm-preview__steps em {
	background: #eef2f6;
	color: #667085;
}

.vbmm-preview__field {
	margin-bottom: 9px;
}

.vbmm-preview__button {
	align-items: center;
	background: var(--vbmm-green);
	border-radius: 6px;
	color: #fff;
	display: flex;
	font-size: 11px;
	font-weight: 700;
	justify-content: center;
	padding: 10px;
}

.vbmm-preview__event {
	align-items: center;
	color: #344054;
	display: flex;
	font-size: 11px;
	gap: 8px;
	margin-bottom: 10px;
}

.vbmm-preview__event i {
	background: var(--vbmm-green);
	border-radius: 999px;
	display: inline-block;
	height: 8px;
	width: 8px;
}

.vbmm-preview__chart {
	background:
		linear-gradient(90deg, transparent 24%, var(--vbmm-line) 24% 25%, transparent 25% 49%, var(--vbmm-line) 49% 50%, transparent 50% 74%, var(--vbmm-line) 74% 75%, transparent 75%),
		linear-gradient(0deg, transparent 32%, var(--vbmm-line) 32% 33%, transparent 33% 65%, var(--vbmm-line) 65% 66%, transparent 66%);
	border: 1px solid var(--vbmm-line);
	border-radius: 8px;
	display: block;
	height: 88px;
	margin-top: 12px;
	position: relative;
}

.vbmm-preview__chart i,
.vbmm-preview__chart b {
	border-radius: 999px;
	display: block;
	height: 3px;
	position: absolute;
	transform-origin: left center;
}

.vbmm-preview__chart i {
	background: var(--vbmm-green);
	left: 18px;
	top: 58px;
	transform: rotate(-24deg);
	width: 118px;
}

.vbmm-preview__chart b {
	background: #339dff;
	left: 18px;
	top: 68px;
	transform: rotate(-15deg);
	width: 104px;
}

.vbmm-preview--integrations {
	display: flex;
	flex-direction: column;
	gap: 6px;
	height: 100%;
}

.vbmm-integration-pill {
	align-items: center;
	background: #fff;
	border: 1px solid var(--vbmm-line);
	border-radius: 7px;
	color: #344054;
	display: flex;
	font-size: 12px;
	gap: 10px;
	min-height: 29px;
	padding: 5px 10px;
	text-decoration: none;
}

.vbmm-integration-pill__icon {
	align-items: center;
	border-radius: 6px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 800;
	height: 22px;
	justify-content: center;
	width: 22px;
}

.vbmm-integration-pill__icon--ads {
	background: #1a73e8;
}

.vbmm-integration-pill__icon--meta {
	background: #0866ff;
}

.vbmm-integration-pill__icon--analytics {
	background: #f59e0b;
}

.vbmm-integration-pill__icon--crm {
	background: var(--vbmm-green);
}

.vbmm-integration-pill__icon--shop {
	background: #7f3fbf;
}

.vbmm-integration-pill__icon--visualbuy {
	background: linear-gradient(135deg, #07111f 0%, #008f49 100%);
}

.vbmm-panel__footer {
	align-items: center;
	border-top: 1px solid var(--vbmm-line);
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	padding-top: 18px;
}

.vbmm-panel__footer--single {
	justify-content: center;
}

.vbmm-panel__all,
.vbmm-panel__cta {
	align-items: center;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
	text-decoration: none;
}

.vbmm-panel__all {
	background: var(--vbmm-green);
	border: 1px solid var(--vbmm-green);
	border-radius: 7px;
	color: #fff;
	justify-content: center;
	min-height: 54px;
	padding: 13px 18px;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.vbmm-panel__all--wide {
	font-size: 15px;
	max-width: 680px;
	width: min(680px, 100%);
}

.vbmm-panel__all span {
	color: currentColor;
	font-size: 22px;
	line-height: 1;
}

.vbmm-panel__all:hover,
.vbmm-panel__all:focus-visible {
	background: var(--vbmm-green-dark);
	border-color: var(--vbmm-green-dark);
	color: #fff;
}

.vbmm-panel__cta {
	background: var(--vbmm-green);
	border-radius: 7px;
	color: #fff;
	min-height: 46px;
	padding: 11px 16px;
}

.vbmm-panel__cta:hover,
.vbmm-panel__cta:focus-visible {
	background: var(--vbmm-green-dark);
	color: #fff;
}

@media (min-width: 1025px) {
	.vbmm-menu-item {
		position: relative;
	}

	.vbmm-menu-item > .sub-menu {
		display: none;
	}

	.vbmm-menu-item > .vbmm-trigger-link {
		align-items: center;
		display: inline-flex;
		gap: 9px;
		text-decoration: none;
	}

	.vbmm-menu-item > .vbmm-trigger-link::after {
		content: none !important;
		display: none !important;
	}

	.vbmm-trigger-chevron {
		border-bottom: 2px solid currentColor;
		border-right: 2px solid currentColor;
		display: inline-block;
		flex: 0 0 auto;
		height: 6px;
		margin-left: 1px;
		margin-top: -3px;
		opacity: .95;
		position: static;
		transform: rotate(45deg);
		transition: transform 180ms ease, margin 180ms ease;
		width: 6px;
	}

	.vbmm-menu-item:hover > .vbmm-trigger-link .vbmm-trigger-chevron,
	.vbmm-menu-item:focus-within > .vbmm-trigger-link .vbmm-trigger-chevron,
	.vbmm-menu-item.vbmm-open > .vbmm-trigger-link .vbmm-trigger-chevron {
		margin-top: 3px;
		transform: rotate(-135deg);
	}

	.vbmm-panel {
		--vbmm-panel-arrow-x: 50%;
		--vbmm-panel-left: 12px;
		--vbmm-panel-top: 120px;
		left: var(--vbmm-panel-left);
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: var(--vbmm-panel-top);
		transform: translate3d(0, 6px, 0);
		transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
		visibility: hidden;
		width: min(1100px, calc(100vw - 24px));
		z-index: 999999;
	}

	.vbmm-panel::after {
		content: "";
		height: 26px;
		left: 0;
		position: absolute;
		right: 0;
		top: -26px;
	}

	.vbmm-panel::before {
		background: #fff;
		border-left: 1px solid var(--vbmm-line);
		border-top: 1px solid var(--vbmm-line);
		content: "";
		height: 18px;
		left: var(--vbmm-panel-arrow-x);
		position: absolute;
		top: -8px;
		transform: translateX(-50%) rotate(45deg);
		width: 18px;
		z-index: 1;
	}

	.vbmm-panel.vbmm-panel-open {
		opacity: 1;
		pointer-events: auto;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

}

@media (max-width: 1180px) and (min-width: 1025px) {
	.vbmm-service-card {
		padding-left: 16px;
		padding-right: 16px;
	}

	.vbmm-service-card__head {
		gap: 10px;
	}
}

@media (max-width: 1024px) {
	.vbmm-trigger-chevron,
	.vbmm-panel,
	.vbmm-menu-item > .vbmm-panel {
		display: none !important;
	}
}