/**
 * Legacy page-id hero overrides. U Elementor-first rezimu se ne ucitava.
 */
/* O nama hero: vizuelno poravnanje sa poÄŤetnom, uz Elementor-editabilan sadrĹľaj. */
body.page-id-85 .mozaikod-editable-hero,
body.page-id-85 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-85 .mozaikod-editable-hero::after,
body.page-id-85 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-85 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-85 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(17px);
}

body.page-id-85 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-85 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-85 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 5.7vw, 72px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-85 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-85 .mozaikod-editable-hero,
body.page-id-85 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-85 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-85 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-85 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-85 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
}

.mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: "";
	position: absolute;
	right: 22px;
	bottom: -20px;
	width: 112px;
	height: 112px;
	border: 1px solid rgba(250, 185, 5, 0.45);
	border-radius: 10px;
}

body.page-id-85 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

@media (max-width: 767px) {
	body.page-id-85 .mozaikod-editable-hero {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}

	body.page-id-85 .mozaikod-editable-hero > .elementor-widget-wrap {
		min-height: auto;
		transform: none;
	}

	body.page-id-85 .mozaikod-editable-hero__title .elementor-heading-title {
		max-width: min(340px, calc(100vw - 40px));
		font-size: clamp(34px, 9vw, 42px);
		line-height: 1.05;
		overflow-wrap: break-word;
		word-break: normal;
	}
}

/* Portfolio hero: isti vizuelni sistem kao poÄŤetna/O nama, uz Elementor-editabilan sadrĹľaj. */
body.page-id-10403 .mozaikod-editable-hero,
body.page-id-10403 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-10403 .mozaikod-editable-hero::after,
body.page-id-10403 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-10403 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-10403 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(-11px);
}

body.page-id-10403 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-10403 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-10403 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 5.7vw, 72px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-10403 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-10403 .mozaikod-editable-hero,
body.page-id-10403 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-10403 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-10403 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-10403 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-10403 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	box-shadow: none;
}

body.page-id-10403 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-10403 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

/* Usluge hero: isti vizuelni sistem kao poÄŤetna/O nama/Portfolio, uz Elementor-editabilan sadrĹľaj. */
body.page-id-3712 .mozaikod-editable-hero,
body.page-id-3712 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-3712 .mozaikod-editable-hero::after,
body.page-id-3712 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-3712 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 0;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(34px, 4vw, 64px);
}

body.page-id-3712 .mozaikod-editable-hero__copy > .elementor-widget-wrap {
	align-content: flex-start;
	max-width: none;
	padding: 0;
	transform: none;
}

body.page-id-3712 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-3712 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-3712 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 4.7vw, 58px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-3712 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-3712 .mozaikod-editable-hero,
body.page-id-3712 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-3712 .mozaikod-editable-hero__visual {
	width: 42%;
	flex: 0 1 42%;
}

body.page-id-3712 .mozaikod-editable-hero__copy {
	width: 58%;
	flex: 0 1 58%;
}

body.page-id-3712 .mozaikod-editable-hero__visual > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: flex-start;
	min-height: 0;
	height: auto;
	padding: 0;
}

body.page-id-3712 .mozaikod-editable-hero__image,
body.page-id-3712 .mozaikod-editable-hero__visual .elementor-widget-image {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

body.page-id-3712 .mozaikod-editable-hero__image img,
body.page-id-3712 .mozaikod-editable-hero__visual img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	object-fit: contain;
	object-position: center top;
	box-shadow: none;
}

body.page-id-3712 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-3712 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

/* AI edukacija hero: isti vizuelni sistem kao prethodne Elementor hero stranice. */
body.page-id-10438 .mozaikod-editable-hero,
body.page-id-10438 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-10438 .mozaikod-editable-hero::after,
body.page-id-10438 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-10438 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-10438 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(10px);
}

body.page-id-10438 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-10438 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-10438 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-10438 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-10438 .mozaikod-editable-hero,
body.page-id-10438 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-10438 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-10438 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-10438 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-10438 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	box-shadow: none;
}

body.page-id-10438 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-10438 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after,
body.page-id-10438 .elementor-column.dbre-ai-hero-visual::before {
	content: none;
	display: none;
}

/* AI kursevi hero: isti vizuelni sistem kao ostale hero stranice. */
body.page-id-10578 .mozaikod-editable-hero,
body.page-id-10578 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-10578 .mozaikod-editable-hero::after,
body.page-id-10578 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-10578 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-10578 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(10px);
}

body.page-id-10578 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-10578 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-10578 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-10578 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-10578 .mozaikod-editable-hero,
body.page-id-10578 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-10578 .mozaikod-editable-hero,
body.page-id-10578 .mozaikod-editable-hero {
	display: inline-flex;
	width: auto;
	max-width: none;
	margin-right: 14px;
	vertical-align: top;
}

body.page-id-10578 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-10578 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-10578 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-10578 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	box-shadow: none;
}

body.page-id-10578 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-10578 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

/* AI PDF tutorijali hero: isti vizuelni sistem kao ostale hero stranice. */
body.page-id-10577 .mozaikod-editable-hero,
body.page-id-10577 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-10577 .mozaikod-editable-hero::after,
body.page-id-10577 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-10577 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-10577 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(10px);
}

body.page-id-10577 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-10577 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-10577 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-10577 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-10577 .mozaikod-editable-hero,
body.page-id-10577 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-10577 .mozaikod-editable-hero,
body.page-id-10577 .mozaikod-editable-hero {
	display: inline-flex;
	width: auto;
	max-width: none;
	margin-right: 14px;
	vertical-align: top;
}

body.page-id-10577 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-10577 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-10577 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-10577 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	box-shadow: none;
}

body.page-id-10577 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-10577 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

/* AI video tutorijali hero: isti vizuelni sistem kao ostale hero stranice. */
body.page-id-10576 .mozaikod-editable-hero,
body.page-id-10576 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-10576 .mozaikod-editable-hero::after,
body.page-id-10576 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-10576 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-10576 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(10px);
}

body.page-id-10576 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-10576 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-10576 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-10576 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-10576 .mozaikod-editable-hero,
body.page-id-10576 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-10576 .mozaikod-editable-hero,
body.page-id-10576 .mozaikod-editable-hero {
	display: inline-flex;
	width: auto;
	max-width: none;
	margin-right: 14px;
	vertical-align: top;
}

body.page-id-10576 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-10576 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-10576 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-10576 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	box-shadow: none;
}

body.page-id-10576 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-10576 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

/* Kontakt hero: isti vizuelni sistem kao ostale hero stranice. */
body.page-id-83 .mozaikod-editable-hero,
body.page-id-83 .mozaikod-editable-hero {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 0 0 49px;
	border-bottom: 0;
	position: relative;
}

body.page-id-83 .mozaikod-editable-hero::after,
body.page-id-83 .mozaikod-editable-hero::after {
	content: "";
	position: absolute;
	right: auto;
	bottom: 0;
	left: 50%;
	width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	height: 1px;
	border: 0;
	background: var(--color-border);
	transform: translateX(-50%);
}

body.page-id-83 .mozaikod-editable-hero > .elementor-container {
	box-sizing: border-box;
	align-items: center;
	max-width: var(--mozaikod-layout-width, min(1220px, calc(100% - 56px)));
	min-height: 492px;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	padding-right: var(--mozaikod-layout-gutter, clamp(20px, 4vw, 32px));
	gap: clamp(42px, 6vw, 86px);
}

body.page-id-83 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: center;
	max-width: 546px;
	padding: 0;
	transform: translateY(10px);
}

body.page-id-83 .mozaikod-editable-hero__label {
	margin: 0 0 14px;
}

body.page-id-83 .mozaikod-editable-hero .elementor-heading-title {
	font-family: Manrope, sans-serif;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.14em;
	color: var(--color-heading);
}

body.page-id-83 .mozaikod-editable-hero .elementor-heading-title {
	max-width: 546px;
	font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
	font-size: clamp(42px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

body.page-id-83 .mozaikod-editable-hero__text {
	max-width: 546px;
	margin-top: 12px;
}

body.page-id-83 .mozaikod-editable-hero,
body.page-id-83 .mozaikod-editable-hero p {
	font-family: "Manrope", Inter, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-ink);
}

body.page-id-83 .mozaikod-editable-hero,
body.page-id-83 .mozaikod-editable-hero {
	display: inline-flex;
	width: auto;
	max-width: none;
	margin-right: 14px;
	vertical-align: top;
}

body.page-id-83 .mozaikod-editable-hero .elementor-button,
body.page-id-83 .mozaikod-editable-hero .elementor-button {
	white-space: nowrap;
}

body.page-id-83 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	flex: 0 0 484px;
}

body.page-id-83 .mozaikod-editable-hero > .elementor-widget-wrap {
	align-content: flex-start;
	justify-content: center;
	min-height: 492px;
	padding: 0;
}

body.page-id-83 .mozaikod-editable-hero {
	width: 484px;
	max-width: 484px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-83 .mozaikod-editable-hero img {
	display: block;
	width: min(484px, 100%);
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	box-shadow: none;
}

body.page-id-83 .mozaikod-editable-hero__visual > .elementor-widget-wrap::before,
body.page-id-83 .mozaikod-editable-hero__visual > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

.mozaikod-editable-hero__image {
	position: relative;
	z-index: 1;
	width: 100%;
}

.mozaikod-editable-hero__image img {
	display: block;
	width: 100%;
	height: 420px;
	border-radius: 10px;
	object-fit: cover;
	box-shadow: 0 24px 58px rgba(17, 17, 17, 0.12);
}

.mozaikod-section-intro {
	background: var(--color-bg);
}

.mozaikod-section-title .elementor-heading-title {
	max-width: 820px;
	font-size: clamp(30px, 3.6vw, 48px);
	line-height: 1.05;
}

.mozaikod-services-native {
	background: var(--color-bg);
}

.mozaikod-services-native > .elementor-container {
	gap: 22px;
}

.mozaikod-service-card > .elementor-widget-wrap,
.mozaikod-info-card > .elementor-widget-wrap {
	height: 100%;
	padding: 28px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-bg);
	box-shadow: 0 18px 42px rgba(17, 17, 17, 0.055);
}

.mozaikod-service-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	margin-bottom: 24px;
	padding: 8px;
	border-radius: 18px;
	background: rgba(250, 185, 5, 0.12);
}

.mozaikod-service-card__icon .elementor-widget-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.mozaikod-service-card__icon img {
	display: block;
	width: 70px;
	height: 70px;
	object-fit: contain;
}

.mozaikod-service-card h3,
.mozaikod-info-card h2 {
	color: var(--color-ink);
	font-family: "Space Grotesk", "Manrope", Inter, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

.mozaikod-service-card h3 {
	font-size: 24px;
	line-height: 1.15;
}

.mozaikod-service-card p,
.mozaikod-info-card p {
	color: var(--color-ink-muted);
	font-size: 16px;
	line-height: 1.62;
}

