#sb-service-widget {
	--sbw-navy: #123f62;
	--sbw-blue: #254ea3;
	--sbw-blue-hover: #1d408a;
	--sbw-green: #4bd095;
	--sbw-text: #18293d;
	--sbw-muted: #78879b;
	--sbw-border: #d6e0ea;
	--sbw-soft: #f5f7fa;

	position: fixed;
	left: 0;
	right: 0;
	bottom: 18px;
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 12px;
	z-index: 999999;
	pointer-events: none;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .18s ease, transform .18s ease;
	font-family: inherit;
}

#sb-service-widget[hidden] {
	display: none !important;
}

#sb-service-widget.is-visible {
	opacity: 1;
	transform: translateY(0);
}

#sb-service-widget,
#sb-service-widget *,
#sb-service-widget *::before,
#sb-service-widget *::after {
	box-sizing: border-box;
}

#sb-service-widget .sbw-card {
	width: min(500px, calc(100vw - 24px));
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(18, 63, 98, .08);
	border-radius: 10px;
	box-shadow:
		0 14px 42px rgba(15, 40, 65, .14),
		0 3px 10px rgba(15, 40, 65, .07);
	pointer-events: auto;
}

#sb-service-widget .sbw-header {
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 9px 0 14px;
	background: var(--sbw-navy);
	color: #fff;
}

#sb-service-widget .sbw-team {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .025em;
}

#sb-service-widget .sbw-online-dot {
	width: 8px;
	height: 8px;
	display: block;
	flex: 0 0 8px;
	border-radius: 50%;
	background: var(--sbw-green);
	box-shadow: 0 0 0 3px rgba(75, 208, 149, .13);
}

#sb-service-widget .sbw-close {
	width: 27px;
	height: 27px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, .09) !important;
	color: #fff !important;
	font-family: Arial, sans-serif !important;
	font-size: 19px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	cursor: pointer;
	box-shadow: none !important;
}

#sb-service-widget .sbw-close:hover {
	background: rgba(255, 255, 255, .17) !important;
}

#sb-service-widget .sbw-content {
	padding: 15px 17px 16px;
	background: #fff;
	color: var(--sbw-text);
}

#sb-service-widget .sbw-step,
#sb-service-widget .sbw-form-container,
#sb-service-widget .wpcf7,
#sb-service-widget .wpcf7-form {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

#sb-service-widget .sbw-step[hidden],
#sb-service-widget .sbw-success[hidden],
#sb-service-widget .sbw-form-container[hidden],
#sb-service-widget .sbw-local-error[hidden] {
	display: none !important;
}

#sb-service-widget p {
	margin: 0 !important;
	padding: 0 !important;
}

#sb-service-widget br {
	display: none !important;
}

#sb-service-widget .sbw-field-row > p,
#sb-service-widget .sbw-answer-preview > p {
	display: contents !important;
}

#sb-service-widget .sbw-title {
	margin: 0 0 3px !important;
	padding: 0 !important;
	color: var(--sbw-text) !important;
	font-family: inherit !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	letter-spacing: -.015em;
}

#sb-service-widget .sbw-description {
	margin: 0 0 11px !important;
	padding: 0 !important;
	color: var(--sbw-muted) !important;
	font-family: inherit !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
}

#sb-service-widget .sbw-description strong {
	color: var(--sbw-text) !important;
	font-weight: 700 !important;
}

#sb-service-widget .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

#sb-service-widget .sbw-field-row {
	width: 100%;
	display: grid;
	align-items: stretch;
	gap: 7px;
	margin: 0 !important;
	padding: 0 !important;
}

#sb-service-widget .sbw-service-row {
	grid-template-columns: minmax(0, 1fr) 105px;
}

#sb-service-widget .sbw-email-row {
	grid-template-columns: minmax(0, 1fr) 155px;
}

#sb-service-widget .sbw-field-row .wpcf7-form-control-wrap {
	width: 100%;
	min-width: 0;
	margin: 0 !important;
}

#sb-service-widget input.sbw-service-input,
#sb-service-widget input.sbw-email {
	display: block !important;
	width: 100% !important;
	height: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid var(--sbw-border) !important;
	border-radius: 7px !important;
	background: #fff !important;
	color: var(--sbw-text) !important;
	font-family: inherit !important;
	font-size: 12px !important;
	line-height: 40px !important;
	font-weight: 400 !important;
	outline: 0 !important;
	box-shadow: none !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}

#sb-service-widget input.sbw-service-input:focus,
#sb-service-widget input.sbw-email:focus {
	border-color: var(--sbw-blue) !important;
	box-shadow: 0 0 0 2px rgba(37, 78, 163, .10) !important;
}

#sb-service-widget input.sbw-service-input.sbw-invalid {
	border-color: #c93838 !important;
	box-shadow: 0 0 0 2px rgba(201, 56, 56, .08) !important;
}

#sb-service-widget input::placeholder {
	color: #9ba8b9 !important;
	opacity: 1;
}

#sb-service-widget .sbw-next-button {
	width: 100% !important;
	height: 42px !important;
	min-width: 0 !important;
	min-height: 42px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 7px !important;
	background: var(--sbw-blue) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 11px !important;
	line-height: 1 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none !important;
	transition: background .15s ease, transform .15s ease;
}

#sb-service-widget .sbw-next-button:hover {
	background: var(--sbw-blue-hover) !important;
	transform: translateY(-1px);
}

#sb-service-widget .sbw-local-error {
	margin: 5px 0 0 !important;
	padding: 0 !important;
	color: #b72e2e;
	font-size: 10px;
	line-height: 1.35;
}

#sb-service-widget .sbw-answer-preview {
	width: 100%;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 9px !important;
	padding: 0 10px !important;
	border: 1px solid #dfe6ee;
	border-radius: 7px;
	background: var(--sbw-soft);
}

#sb-service-widget .sbw-answer-text {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	color: #59697d;
	font-family: inherit !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	font-weight: 400 !important;
	font-style: italic;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#sb-service-widget .sbw-answer-text::before {
	content: "“";
}

#sb-service-widget .sbw-answer-text::after {
	content: "”";
}

#sb-service-widget .sbw-edit {
	flex: 0 0 auto;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--sbw-blue) !important;
	font-family: inherit !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	text-decoration: underline;
	cursor: pointer;
	box-shadow: none !important;
}

#sb-service-widget .sbw-edit:hover {
	color: var(--sbw-blue-hover) !important;
}

#sb-service-widget .sbw-label {
	display: block !important;
	margin: 0 0 5px !important;
	padding: 0 !important;
	color: var(--sbw-text) !important;
	font-family: inherit !important;
	font-size: 11px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
}

#sb-service-widget .sbw-optional {
	color: var(--sbw-muted) !important;
	font-weight: 400 !important;
}

#sb-service-widget input.sbw-submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 42px !important;
	min-width: 0 !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 0 !important;
	border-radius: 7px !important;
	background: var(--sbw-blue) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 11px !important;
	line-height: 1 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none !important;
	transition: background .15s ease, transform .15s ease;
}

#sb-service-widget input.sbw-submit:hover {
	background: var(--sbw-blue-hover) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

#sb-service-widget input.sbw-submit:disabled {
	opacity: .65;
	cursor: default;
	transform: none;
}

#sb-service-widget .wpcf7-not-valid-tip {
	display: block;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	color: #b72e2e !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
}

#sb-service-widget .wpcf7-response-output,
#sb-service-widget .fusion-alert.wpcf7-response-output {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#sb-service-widget .fusion-slider-loading {
	display: none !important;
}

#sb-service-widget .wpcf7-spinner {
	position: absolute;
	width: 16px !important;
	height: 16px !important;
	margin: 13px 0 0 -22px !important;
}

#sb-service-widget .sbw-success {
	margin: 0 !important;
	padding: 7px 3px 6px !important;
	text-align: center;
}

#sb-service-widget .sbw-success-icon {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 7px;
	border-radius: 50%;
	background: #ebfaf3;
	color: #15905b;
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
}

#sb-service-widget .sbw-success-title {
	margin: 0 0 3px !important;
	padding: 0 !important;
	color: var(--sbw-text) !important;
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
}

#sb-service-widget .sbw-success-message {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--sbw-muted) !important;
	font-family: inherit !important;
	font-size: 11px !important;
	line-height: 1.45 !important;
}

@media (max-width: 520px) {
	#sb-service-widget {
		bottom: 8px;
		padding: 0 8px;
	}

	#sb-service-widget .sbw-card {
		width: 100%;
	}

	#sb-service-widget .sbw-content {
		padding: 14px;
	}

	#sb-service-widget .sbw-title {
		font-size: 17px !important;
	}

	#sb-service-widget .sbw-description {
		font-size: 11px !important;
	}

	#sb-service-widget .sbw-service-row {
		grid-template-columns: minmax(0, 1fr) 95px;
	}

	#sb-service-widget .sbw-email-row {
		grid-template-columns: minmax(0, 1fr) 140px;
	}
}

@media (max-width: 390px) {
	#sb-service-widget .sbw-email-row {
		grid-template-columns: 1fr;
	}
}