.icon svg,
.icon svg path,
.icon rect {
	fill: currentColor;
}
.spinner-wrapper {
	position: relative;
	display: flex;
	align-self: center;
	justify-self: center;
	height: var(--spinner-size, 20px);
	width: var(--spinner-size, 20px);

	.spinner-bars {
		position: relative;
		top: 50%;
		left: 50%;
		height: var(--spinner-size, 20px);
		width: var(--spinner-size, 20px);
		transform: translate(-50%, -50%);
	}

	.bar {
		animation: spinner-spin 1.2s linear infinite;
	}

	.bar {
		position: absolute;
	}

	.bar {
		left: 20%;
	}

	.bar {
		top: 20%;
	}

	.bar {
		height: 8%;
	}

	.bar {
		width: 24%;
	}

	.bar {
		border-radius: 6px;
	}

	.bar:nth-child(1) {
		animation-delay: -1.2s;
		transform: rotate(0.0001deg) translate(146%);
	}

	.bar:nth-child(2) {
		animation-delay: -1.1s;
		transform: rotate(30deg) translate(146%);
	}

	.bar:nth-child(3) {
		animation-delay: -1s;
		transform: rotate(60deg) translate(146%);
	}

	.bar:nth-child(4) {
		animation-delay: -0.9s;
		transform: rotate(90deg) translate(146%);
	}

	.bar:nth-child(5) {
		animation-delay: -0.8s;
		transform: rotate(120deg) translate(146%);
	}

	.bar:nth-child(6) {
		animation-delay: -0.7s;
		transform: rotate(150deg) translate(146%);
	}

	.bar:nth-child(7) {
		animation-delay: -0.6s;
		transform: rotate(180deg) translate(146%);
	}

	.bar:nth-child(8) {
		animation-delay: -0.5s;
		transform: rotate(210deg) translate(146%);
	}

	.bar:nth-child(9) {
		animation-delay: -0.4s;
		transform: rotate(240deg) translate(146%);
	}

	.bar:nth-child(10) {
		animation-delay: -0.3s;
		transform: rotate(270deg) translate(146%);
	}

	.bar:nth-child(11) {
		animation-delay: -0.2s;
		transform: rotate(300deg) translate(146%);
	}

	.bar:nth-child(12) {
		animation-delay: -0.1s;
		transform: rotate(330deg) translate(146%);
	}
}

@keyframes spinner-spin {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.15;
	}
}
.editor-text {
	strong {
		color: rgb(var(--white) / 1);
	}

	:is(h1, h2, h3, h4, h5, h6) {
		margin-top: 4rem;
	}

	:is(h1, h2, h3, h4, h5, h6) {
		margin-bottom: 1rem;
	}

	:is(h1, h2, h3, h4, h5, h6) {
		color: rgb(var(--white) / 1);
	}

	@media (min-width: 1024px) {
		:is(h1, h2, h3, h4, h5, h6) {
			margin-bottom: 1.5rem;
		}
	}

	:is(h1, h2, h3, h4, h5, h6) {

		&:first-child {
			margin-top: 0px;
		}
	}

	:is(p, img, table) {
		margin-top: 1rem;
	}

	@media (min-width: 1024px) {
		:is(p, img, table) {
			margin-top: 1.5rem;
		}
	}

	:is(p, img, table) {

		&:first-child {
			margin-top: 0px;
		}
	}

	img {
		&.alignleft,
		&.alignright,
		&.aligncenter {
			display: block;
		}

		&.alignleft {
			margin-right: auto;
		}

		&.alignright {
			margin-left: auto;
		}

		&.aligncenter {
			margin-left: auto;
			margin-right: auto;
		}
	}

	ul {
		display: flex;
	}

	ul {
		flex-direction: column;
	}

	ul {
		gap: 1.5rem;
	}

	ul {

		li {
			position: relative;
		}

		li {
			padding-left: 1.5rem;
		}

		li {

			&:before {
				position: absolute;
			}

			&:before {
				left: 0.375rem;
			}

			&:before {
				top: 0.75rem;
			}

			&:before {
				height: 5px;
			}

			&:before {
				width: 5px;
			}

			&:before {
				border-radius: 9999px;
			}

			&:before {
				--tw-content: '';
				content: var(--tw-content);
			}

			&:before {
				background-color: rgb(var(--raincloud) / 1);
			}
		}
	}

	a {
		text-decoration-line: underline;
	}

	a {
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

	a {
		transition-duration: 300ms;
	}

	a:hover {
		color: rgb(var(--white) / 1);
	}

	&.no-bold {
		strong {
			font-weight: 400;
		}
	}
}
.consultation-form {
	form {
		display: grid;
	}
	form {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	form {
		gap: 1rem;
	}
	form {

		.form-columns-2,
		.form-columns-1 {
			display: grid;
		}

		.form-columns-2,
		.form-columns-1 {
			width: 100%;
		}

		.form-columns-2,
		.form-columns-1 {
			max-width: 100%;
		}

		.form-columns-2,
		.form-columns-1 {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}

		.form-columns-2,
		.form-columns-1 {
			gap: 1.25rem;
		}

		@media (min-width: 1024px) {
			.form-columns-2,
		.form-columns-1 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}
		}

		.form-columns-2,
		.form-columns-1 {

			.hs-form-field {
				margin: 0px;
			}

			.hs-form-field {
				width: 100% !important;
			}

			.hs-form-field {
				max-width: 100% !important;
			}

			.input {
				margin: 0px !important;
			}

			.input {

				input {
					height: 3rem;
				}

				input {
					width: 100% !important;
				}

				input {
					border-radius: 0.75rem;
				}

				input {
					border-width: 0.5px;
				}

				input {
					border-color: rgb(var(--gray-light) / 1);
				}

				input {
					background-color: transparent !important;
				}

				input {
					padding-left: 1.25rem;
					padding-right: 1.25rem;
				}

				input {
					font-size: 16px !important;
				}

				input {
					font-weight: 500;
				}

				input {
					color: rgb(var(--black-light) / 1);
				}

				.error {
					border-color: rgb(var(--red) / 1);
				}

				.error {
					--tw-bg-opacity: 1;
					background-color: rgb(253 242 241 / var(--tw-bg-opacity, 1));
				}

				.error {
					color: rgb(var(--validation-failed) / 1);
				}
			}

			label {
				margin-bottom: 0.25rem;
			}

			label {
				display: block;
			}

			label {
				font-size: 0.875rem;
				line-height: 1.25rem;
			}

			label {
				color: rgb(var(--black-light) / 1);
			}
		}

		.hs-error-msgs {
			label {
				margin-top: 0.25rem;
			}
			label {
				display: block;
			}
			label {
				letter-spacing: -0.025em;
			}
			label {
				color: rgb(var(--red) / 1);
			}
		}

		.legal-consent-container {
			margin-top: 0px;
		}

		.legal-consent-container {
			margin-bottom: 2.5rem;
		}

		.legal-consent-container {
			display: flex;
		}

		.legal-consent-container {
			flex-direction: column;
		}

		.legal-consent-container {
			gap: 3rem;
		}

		.legal-consent-container {
			font-size: 0.875rem;
			line-height: 1.25rem;
		}

		.legal-consent-container {
			line-height: 1.5;
		}

		.legal-consent-container {
			letter-spacing: -0.02em;
		}

		.legal-consent-container {
			color: rgb(var(--black-light) / 1);
		}

		@media (min-width: 1024px) {
			.legal-consent-container {
				grid-column: span 2 / span 2;
			}
		}

		.hs-form-booleancheckbox-display {
			position: relative;
		}

		.hs-form-booleancheckbox-display {
			display: grid !important;
		}

		.hs-form-booleancheckbox-display {
			grid-template-columns: 58px 1fr;
		}

		.hs-form-booleancheckbox-display {
			gap: 0.75rem;
		}

		.hs-form-booleancheckbox-display {

			&:before {
				content: "";
			}

			&:before {
				position: absolute;
			}

			&:before {
				top: 0px;
			}

			&:before {
				left: 0px;
			}

			&:before {
				height: 32px;
			}

			&:before {
				width: 58px;
			}

			&:before {
				cursor: pointer;
			}

			&:before {
				border-radius: 58px;
			}

			&:before {
				background-color: rgb(var(--gray) / 0.5);
			}

			&:before {
				transition-property: all;
				transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				transition-duration: 150ms;
			}

			&:before {
				transition-duration: 500ms;
			}

			&:after {
				content: "";
			}

			&:after {
				position: absolute;
			}

			&:after {
				top: 2px;
			}

			&:after {
				left: 2px;
			}

			&:after {
				height: 28px;
			}

			&:after {
				width: 28px;
			}

			&:after {
				cursor: pointer;
			}

			&:after {
				border-radius: 28px;
			}

			&:after {
				background-color: rgb(var(--white) / 1);
			}

			&:after {
				transition-property: all;
				transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				transition-duration: 150ms;
			}

			&:after {
				transition-duration: 500ms;
			}

			input {
				pointer-events: none;
			}

			input {
				opacity: 0;
			}

			span {
				margin: 0px;
			}

			span {
				font-size: 0.875rem;
				line-height: 1.25rem;
			}

			span {
				line-height: 1.5;
			}

			span {
				letter-spacing: -0.02em;
			}

			span {
				color: rgb(var(--black-light) / 1);
			}

			&:has(input:checked)::before {
				background-color: rgb(var(--red) / 1);
			}

			&:has(input:checked)::after {
				--tw-translate-x: 26px;
				transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
			}
		}

		.hs-submit {
			text-align: center;
		}

		.hs-submit {

			input {
				height: 3rem;
			}

			input {
				width: 100%;
			}

			input {
				max-width: 508px;
			}

			input {
				cursor: pointer;
			}

			input {
				border-radius: 44px;
			}

			input {
				background-color: rgb(var(--red) / 1);
			}

			input {
				padding-top: 0.25rem;
				padding-bottom: 0.25rem;
			}

			input {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
			}

			input {
				font-size: 1rem;
				line-height: 1.5rem;
			}

			input {
				font-weight: 500;
			}

			input {
				letter-spacing: -0.02em;
			}

			input {
				color: rgb(var(--white) / 1);
			}

			input {
				--tw-shadow: 0px 6px 16px 0px rgb(var(--black) / 0.08);
				--tw-shadow-colored: 0px 6px 16px 0px var(--tw-shadow-color);
				box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
			}

			input {
				transition-property: all;
				transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				transition-duration: 150ms;
			}

			input {
				transition-duration: 300ms;
			}

			input:hover {
				background-color: rgb(var(--red-dark) / 1);
			}
		}

		.hs-dateinput {
			position: relative;
		}

		.hs-dateinput {

			&:before {
				content: "";
			}

			&:before {
				position: absolute;
			}

			&:before {
				top: 0px;
			}

			&:before {
				bottom: 0px;
			}

			&:before {
				right: 1.25rem;
			}

			&:before {
				margin: auto;
			}

			&:before {
				height: 0.75rem;
			}

			&:before {
				width: 0.75rem;
			}

			&:before {
				background:
					url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11.5306 1.53025L6.5306 6.53025C6.46092 6.60017 6.37813 6.65564 6.28696 6.6935C6.1958 6.73135 6.09806 6.75084 5.99935 6.75084C5.90064 6.75084 5.8029 6.73135 5.71173 6.6935C5.62057 6.65564 5.53778 6.60017 5.4681 6.53025L0.468098 1.53025C0.327202 1.38935 0.248047 1.19825 0.248047 0.998996C0.248047 0.799739 0.327202 0.608643 0.468098 0.467746C0.608994 0.32685 0.800091 0.247695 0.999348 0.247695C1.19861 0.247695 1.3897 0.32685 1.5306 0.467746L5.99997 4.93712L10.4693 0.467122C10.6102 0.326225 10.8013 0.24707 11.0006 0.24707C11.1999 0.24707 11.391 0.326225 11.5318 0.467122C11.6727 0.608018 11.7519 0.799114 11.7519 0.998372C11.7519 1.19763 11.6727 1.38873 11.5318 1.52962L11.5306 1.53025Z' fill='%23262626'/%3E%3C/svg%3E")
					no-repeat center / 12px auto;
			}
		}

		.hs-ura,
		.hs-lokacija {
			.input {
				position: relative;
			}
			.input {
				height: 3rem;
			}
			.input {
				width: 100%;
			}
			.input {
				border-radius: 0.75rem;
			}
			.input {
				border-width: 0.5px;
			}
			.input {
				border-color: rgb(var(--gray-light) / 1);
			}
			.input {
				padding-left: 1.25rem;
				padding-right: 1.25rem;
			}
			.input {
				font-weight: 500;
			}
			.input {

				select {
					height: 100%;
				}

				select {
					width: 100%;
				}

				select {
					appearance: none !important;
				}

				select {
					background-color: transparent !important;
				}

				select {
					color: rgb(var(--black-light) / 1);
				}

				select {

					option {
						color: initial;
					}

					option {

						&[disabled] {
							--tw-text-opacity: 1;
							color: rgb(212 212 212 / var(--tw-text-opacity, 1));
						}
					}
				}

				.is-placeholder {
					--tw-text-opacity: 1;
					color: rgb(212 212 212 / var(--tw-text-opacity, 1));
				}

				&:before {
					content: "";
				}

				&:before {
					pointer-events: none;
				}

				&:before {
					position: absolute;
				}

				&:before {
					top: 0px;
				}

				&:before {
					bottom: 0px;
				}

				&:before {
					right: 1.25rem;
				}

				&:before {
					margin: auto;
				}

				&:before {
					height: 0.75rem;
				}

				&:before {
					width: 0.75rem;
				}

				&:before {
					background:
						url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11.5306 1.53025L6.5306 6.53025C6.46092 6.60017 6.37813 6.65564 6.28696 6.6935C6.1958 6.73135 6.09806 6.75084 5.99935 6.75084C5.90064 6.75084 5.8029 6.73135 5.71173 6.6935C5.62057 6.65564 5.53778 6.60017 5.4681 6.53025L0.468098 1.53025C0.327202 1.38935 0.248047 1.19825 0.248047 0.998996C0.248047 0.799739 0.327202 0.608643 0.468098 0.467746C0.608994 0.32685 0.800091 0.247695 0.999348 0.247695C1.19861 0.247695 1.3897 0.32685 1.5306 0.467746L5.99997 4.93712L10.4693 0.467122C10.6102 0.326225 10.8013 0.24707 11.0006 0.24707C11.1999 0.24707 11.391 0.326225 11.5318 0.467122C11.6727 0.608018 11.7519 0.799114 11.7519 0.998372C11.7519 1.19763 11.6727 1.38873 11.5318 1.52962L11.5306 1.53025Z' fill='%23262626'/%3E%3C/svg%3E")
						no-repeat center / 12px auto;
				}
			}
		}
	}

	&.os-type-ios .hs-dateinput input {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
.AccordionContent {
	overflow: hidden;
}
.AccordionContent[data-state="open"] {
	animation: slideDown 400ms ease;
}
.AccordionContent[data-state="closed"] {
	animation: slideUp 400ms ease;
}

@keyframes slideDown {
	from {
		height: 0;
	}
	to {
		height: var(--radix-accordion-content-height);
	}
}

@keyframes slideUp {
	from {
		height: var(--radix-accordion-content-height);
	}
	to {
		height: 0;
	}
}
