/*
 * Vidrih Tech Center – nova naslovnica (Divi 5).
 * Vsi selektorji so omejeni na body.vt-home in razrede vt-*, ki so v Divi 5
 * nastavljeni prek Advanced → Attributes → class.
 * Opomba: Bootstrap 3 (Divi integracija za ISL) nastavi html{font-size:10px}, zato tu ni enot rem.
 */

/* ikone gumbov in kartic uporabljajo FontAwesome (utež 900); Divi te pisave na tej strani ne vstavi vedno, zato jo deklariramo tukaj */
@font-face {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../../../Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2") format("woff2"),
		url("../../../Divi/core/admin/fonts/fontawesome/fa-solid-900.ttf") format("truetype");
}

.vt-home {
	--vt-bg: #020e23;
	--vt-bg2: #041b3b;
	--vt-card: rgba(5, 34, 72, .85);
	--vt-line: rgba(90, 162, 243, .25);
	--vt-blue: #1262f2;
	--vt-blue-light: #5ca9ff;
	--vt-teal: #0db7a7;
	--vt-text: #f4f8ff;
	--vt-muted: #b8c9e0;
	--vt-hero-ink: #081a36;
	--vt-radius: 16px;
	--vt-gap: 20px;
	--vt-font: "Segoe UI", "Inter", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

	color: var(--vt-text);
	background-color: var(--vt-bg);
	background-image:
		radial-gradient(ellipse at 85% 6%, rgba(16, 82, 190, .30), transparent 42%),
		radial-gradient(ellipse at 6% 48%, rgba(18, 98, 242, .14), transparent 38%),
		linear-gradient(135deg, var(--vt-bg), var(--vt-bg2) 47%, var(--vt-bg));
	background-attachment: fixed;
	font-family: var(--vt-font);
	font-size: 16px;
	line-height: 1.55;
}

/* nežne diagonalne svetlobne črte v ozadju */
.vt-home #page-container::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 0 62%, rgba(92, 169, 255, .10) 62.2%, transparent 62.6%),
		linear-gradient(115deg, transparent 0 70%, rgba(92, 169, 255, .07) 70.15%, transparent 70.5%),
		linear-gradient(115deg, transparent 0 18%, rgba(92, 169, 255, .05) 18.1%, transparent 18.4%);
}

.vt-home #page-container,
.vt-home #et-main-area,
.vt-home #main-content,
.vt-home .et-l--post,
.vt-home .et-l--footer {
	position: relative;
	background: transparent;
}

.vt-home h1, .vt-home h2, .vt-home h3, .vt-home h4,
.vt-home p, .vt-home li, .vt-home a {
	font-family: var(--vt-font);
}

/* ---------- osnovni okvir ---------- */
.vt-home .vt-section {
	position: relative;
	z-index: 1;
	background: transparent;
	padding: 0;
}

.vt-home .vt-container {
	--row-gutter-horizontal: var(--vt-gap);
	--row-gutter-vertical: var(--vt-gap);
	width: min(calc(100% - 48px), 1440px);
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.vt-home .vt-section .et_pb_module,
.vt-home .vt-footer .et_pb_module {
	margin-bottom: 0 !important;
}

.vt-home .vt-section p:last-child,
.vt-home .vt-footer p:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.vt-home .vt-panel {
	background: var(--vt-card);
	border: 1px solid var(--vt-line);
	border-radius: var(--vt-radius);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}

.vt-home .vt-logo-plate img {
	background: #fff;
	border-radius: 10px;
	padding: 8px 12px;
}

/* ---------- gumbi (Divi Button modul) ----------
 * body … #page-container .vt-section je potreben, ker Divi za gumbe z ikono generira\n * pravila ody #page-container .et_pb_section .et_pb_button_N z !important. */
body.vt-home #page-container .vt-section .vt-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 22px 10px 48px !important;
	border: 1px solid transparent;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease;
}

body.vt-home #page-container .vt-section .vt-btn::before {
	position: absolute !important;
	left: 20px !important;
	top: 50% !important;
	margin: 0 !important;
	transform: translateY(-50%);
	font-size: 15px !important;
	line-height: 1 !important;
	opacity: 1 !important;
	color: inherit !important;
}

/* gumbi z ikono desno (puščica) */
body.vt-home #page-container .vt-section .vt-btn--block,
body.vt-home #page-container .vt-section .vt-project-cta .vt-btn,
body.vt-home #page-container .vt-section .vt-location-card .vt-btn,
body.vt-home #page-container .vt-section .vt-contact-card--stranke .vt-btn {
	padding: 10px 46px 10px 22px !important;
}

body.vt-home #page-container .vt-section .vt-btn::after {
	position: absolute !important;
	right: 18px !important;
	left: auto !important;
	top: 50% !important;
	margin: 0 !important;
	transform: translateY(-50%);
	font-size: 15px !important;
	line-height: 1 !important;
	opacity: 1 !important;
	color: inherit !important;
	transition: transform .22s ease;
}

.vt-home .vt-btn:hover::after,
.vt-home .vt-btn:focus-visible::after {
	transform: translate(4px, -50%);
}

/* osnovno pravilo za puščico v .vt-section ima večjo specifičnost, zato premik ob hoverju zapišemo z istim prefiksom */
body.vt-home #page-container .vt-section .vt-btn:hover::after,
body.vt-home #page-container .vt-section .vt-btn:focus-visible::after {
	transform: translate(4px, -50%);
}

body.vt-home #page-container .vt-section .vt-btn--primary {
	background: linear-gradient(180deg, #1a6dff, var(--vt-blue));
	border-color: rgba(120, 178, 255, .55);
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(18, 98, 242, .35);
}

body.vt-home #page-container .vt-section .vt-btn--primary:hover {
	background: linear-gradient(180deg, #2a78ff, #0f58da);
	border-color: rgba(160, 205, 255, .8);
}

body.vt-home #page-container .vt-section .vt-btn--ghost {
	background: rgba(255, 255, 255, .55);
	border-color: rgba(8, 26, 54, .45);
	color: var(--vt-hero-ink) !important;
}

body.vt-home #page-container .vt-section .vt-btn--ghost:hover {
	background: rgba(255, 255, 255, .85);
	border-color: var(--vt-hero-ink);
}

body.vt-home #page-container .vt-section .vt-btn--block {
	width: 100%;
}

.vt-home .vt-action {
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.vt-home #page-container .vt-section .vt-action:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, .22);
}

.vt-home a:focus-visible,
.vt-home button:focus-visible,
.vt-home input:focus-visible {
	outline: 3px solid #a2d7ff;
	outline-offset: 3px;
}

/* ---------- 01 kontaktni trak ---------- */
.vt-home .vt-contact-section {
	padding: 16px 0 18px;
}

.vt-home .vt-contact-strip {
	--row-gutter-horizontal: 0px;
	--row-gutter-vertical: 0px;
	flex-wrap: wrap !important;
	justify-content: center;
	width: fit-content;
	max-width: calc(100% - 32px);
	padding: 4px 10px;
	background: rgba(10, 42, 88, .72);
	border: 1px solid var(--vt-line);
	border-radius: 26px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06);
	backdrop-filter: blur(6px);
}

.vt-home .vt-contact-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 6px;
	width: auto !important;
}

.vt-home .vt-contact-group > * {
	flex: 0 0 auto;
	width: auto;
}

/* računovodstvo v zelenem odtenku, enako kot kartica računovodstva spodaj */
.vt-home .vt-contact-group--acc {
	margin-left: 6px;
	padding: 0 6px;
	border: 1px solid rgba(13, 183, 167, .35);
	border-radius: 999px;
	background: linear-gradient(110deg, #022b33, #083a3c);
}

body.vt-home #page-container .vt-section .vt-contact-group--acc .vt-contact-link::before {
	color: #3fe0cf !important;
}

body.vt-home #page-container .vt-section .vt-contact-group--acc .vt-contact-link:hover {
	background: rgba(63, 224, 207, .14) !important;
}

body.vt-home #page-container .vt-section .vt-contact-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 12px 8px 36px !important;
	border: 0 !important;
	border-radius: 999px;
	background: transparent !important;
	color: var(--vt-text) !important;
	font-size: 14px !important;
	font-weight: 500;
	line-height: 1.2 !important;
	white-space: nowrap;
	text-decoration: none;
}

body.vt-home #page-container .vt-section .vt-contact-link::before {
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	margin: 0 !important;
	transform: translateY(-50%);
	font-size: 13px !important;
	line-height: 1 !important;
	opacity: 1 !important;
	color: var(--vt-blue-light) !important;
}

.vt-home .vt-contact-link:hover {
	background: rgba(92, 169, 255, .14) !important;
}

/* VSTOP ZA STRANKE v traku: svetla kapsula, kot kartica spodaj */
.vt-home .vt-contact-group--stranke {
	margin-left: 6px;
	padding: 0 6px;
	border: 1px solid rgba(120, 178, 255, .6);
	border-radius: 999px;
	background: linear-gradient(135deg, #f7fbff, #dcebfc);
}

body.vt-home #page-container .vt-section .vt-contact-group--stranke .vt-contact-link {
	color: var(--vt-hero-ink) !important;
	font-weight: 700;
}

body.vt-home #page-container .vt-section .vt-contact-group--stranke .vt-contact-link::before {
	color: var(--vt-blue) !important;
}

/* hover enak kot pri karticah TeamViewer in ISL: dvig 2 px, senca, svetlejši rob in ozadje, ikona zdrsne 4 px */
body.vt-home #page-container .vt-section .vt-contact-group--stranke {
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.vt-home #page-container .vt-section .vt-contact-group--stranke:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, .22);
	border-color: rgba(160, 205, 255, .8);
	background: linear-gradient(135deg, #ffffff, #d2e6ff);
}

body.vt-home #page-container .vt-section .vt-contact-group--stranke .vt-contact-link::before {
	transition: transform .22s ease;
}

body.vt-home #page-container .vt-section .vt-contact-group--stranke:hover .vt-contact-link::before,
body.vt-home #page-container .vt-section .vt-contact-group--stranke .vt-contact-link:focus-visible::before {
	transform: translate(4px, -50%);
}

/* tablica (768–980 px): trije deli v eni vrsti (podpora, računovodstvo, VSTOP); kontakti v skupini so drug pod drugim */
@media (min-width: 768px) and (max-width: 980px) {
	.vt-home .vt-contact-strip {
		flex-wrap: nowrap !important;
		justify-content: space-between;
		width: calc(100% - 32px);
		max-width: none;
		padding: 8px 14px;
	}

	.vt-home .vt-contact-group {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 2px;
	}

	.vt-home .vt-contact-group--acc,
	.vt-home .vt-contact-group--stranke {
		margin-left: 0;
	}

	.vt-home .vt-contact-group--stranke {
		align-self: center;
	}

	.vt-home .vt-contact-group--acc {
		padding: 4px 6px;
		border-radius: 18px;
	}
}

/* ---------- 02 hero 7/12 | 5/12 ---------- */
.vt-home .vt-hero-section {
	padding-bottom: var(--vt-gap);
}

/* ozadje heroja: svetlo nebo z oblaki; fotografija je položena čez desno stran z diagonalo */
.vt-home .vt-hero {
	--row-gutter-horizontal: 0px;
	--row-gutter-vertical: 0px;
	position: relative;
	align-items: stretch;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgba(160, 205, 255, .35);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
	min-height: 440px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 700' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cfilter id='b' x='-30%25' y='-50%25' width='160%25' height='200%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='3' seed='5' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='60' xChannelSelector='R' yChannelSelector='G' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='5'/%3E%3C/filter%3E%3Cfilter id='t' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .012' numOctaves='4' seed='8'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2.6 0 0 0 -1.2'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23b)' fill='%23fff'%3E%3Ccircle cx='90' cy='150' r='70'/%3E%3Ccircle cx='160' cy='120' r='90'/%3E%3Ccircle cx='240' cy='150' r='75'/%3E%3Ccircle cx='320' cy='130' r='85'/%3E%3Ccircle cx='400' cy='165' r='60'/%3E%3Cellipse cx='240' cy='190' rx='200' ry='45'/%3E%3Ccircle cx='40' cy='330' r='50'/%3E%3Ccircle cx='110' cy='300' r='60'/%3E%3Ccircle cx='170' cy='340' r='45'/%3E%3Ccircle cx='80' cy='540' r='70'/%3E%3Ccircle cx='170' cy='520' r='90'/%3E%3Ccircle cx='270' cy='550' r='75'/%3E%3Ccircle cx='350' cy='575' r='55'/%3E%3Cellipse cx='200' cy='590' rx='230' ry='36'/%3E%3Ccircle cx='540' cy='450' r='55'/%3E%3Ccircle cx='610' cy='430' r='65'/%3E%3Ccircle cx='690' cy='460' r='50'/%3E%3Ccircle cx='760' cy='130' r='80'/%3E%3Ccircle cx='840' cy='110' r='95'/%3E%3Ccircle cx='920' cy='150' r='70'/%3E%3Ccircle cx='220' cy='400' r='75'/%3E%3Ccircle cx='330' cy='425' r='65'/%3E%3Ccircle cx='430' cy='372' r='60'/%3E%3C/g%3E%3Crect width='1600' height='700' filter='url(%23t)' opacity='.25'/%3E%3C/svg%3E") center / cover no-repeat,
		linear-gradient(160deg, #b3dcf8 0%, #d5ebfc 45%, #eef8fe 100%);
}

.vt-home .vt-hero-copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	gap: 12px 14px;
	min-width: 0;
	padding: clamp(24px, 2.8vw, 44px) clamp(24px, 4vw, 64px);
	color: var(--vt-hero-ink);
	background: none;
}

.vt-home .vt-hero-copy > :not(:has(> .vt-btn)) {
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	z-index: 1;
}

/* vodoravni logotip je v svoji vrsti nad naslovom; naslov in podnaslov sta pod njim */
.vt-home .vt-hero-copy > .vt-hero-logo {
	flex: 0 0 100%;
}

.vt-home .vt-hero-copy > .vt-hero-title {
	flex: 0 0 100%;
	min-width: 0;
}

.vt-home .vt-hero-logo img {
	display: block;
	width: clamp(240px, 34vw, 400px);
	max-width: 100%;
	height: auto;
}

.vt-home .vt-hero-title h1 {
	margin: 4px 0 0;
	padding: 0;
	color: var(--vt-hero-ink);
	font-size: clamp(30px, 3.4vw, 50px);
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -.01em;
	text-wrap: balance;
}

.vt-home .vt-hero-lead p {
	margin: 0;
	padding: 0;
	color: #213a5c;
	font-size: clamp(17px, 1.65vw, 25px);
	line-height: 1.4;
	max-width: 35ch;
	text-wrap: balance;
}

/* fotografija sega čez desno polovico; spodnji levi rob je poševen (diagonala) */
body.vt-home #page-container .vt-section .vt-hero-photo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 48%;
	width: auto;
	min-width: 0;
	min-height: 0;
	background: #0b2547;
	clip-path: polygon(15.4% 0, 100% 0, 100% 100%, 0 100%);
}

.vt-home .vt-hero-image,
.vt-home .vt-hero-image .et_pb_image_wrap {
	position: absolute !important;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.vt-home .vt-hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 40% 0%;
	display: block;
}

/* ---------- 03 hitri dostop ---------- */
.vt-home .vt-quick-section {
	padding-bottom: clamp(32px, 4vw, 56px);
}

.vt-home .vt-quick-access {
	align-items: stretch;
}

/* kartica: ikona levo zgoraj, naslov in besedilo ob ikoni, zip grafika na desni */
.vt-home .vt-quick-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	padding: 22px 24px;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(18, 98, 242, .22), transparent 55%),
		var(--vt-card);
}

.vt-home .vt-quick-card:hover {
	border-color: rgba(120, 178, 255, .55);
}

/* zip grafika brez ikon; levi rob se mehko izgubi v ozadje kartice */
.vt-home .vt-quick-card::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60%;
	background: no-repeat right center / contain;
	opacity: .6;
	-webkit-mask-image: linear-gradient(90deg, transparent 26%, #000 76%);
	mask-image: linear-gradient(90deg, transparent 26%, #000 76%);
	pointer-events: none;
	z-index: 0;
}

.vt-home .vt-quick-card--tv::after {
	background-image: url("../img/vt-qk-tv-bg.png");
}

.vt-home .vt-quick-card--isl::after {
	background-image: url("../img/vt-qk-isl-bg.png");
}

.vt-home .vt-quick-card--used::after {
	background-image: url("../img/vt-qk-used-bg.png");
}

/* vsebina je nad grafiko; razmike določa gap */
.vt-home .vt-quick-card > * {
	position: relative;
	z-index: 1;
	margin: 0;
}

/* majhna kvadratna ikona levo zgoraj (TeamViewer, ISL, računalnik) */
.vt-home .vt-quick-card > .vt-quick-mark,
.vt-home .vt-quick-card > .vt-quick-icon {
	position: absolute;
	top: 22px;
	left: 24px;
	z-index: 2;
	width: 52px;
	height: 52px;
	margin: 0 !important;
}

.vt-home .vt-quick-mark {
	text-align: left;
}

.vt-home .vt-quick-mark img {
	display: block;
	width: 52px !important;
	height: 52px !important;
	max-width: none;
	object-fit: contain;
}

.vt-home .vt-quick-icon {
	text-align: left !important;
}

.vt-home .vt-quick-icon .et-pb-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: linear-gradient(160deg, #1a6dff, #0b3f9e);
	color: #fff !important;
	font-size: 22px !important;
	box-shadow: 0 8px 20px rgba(18, 98, 242, .35);
}

/* naslov in besedilo začneta desno od ikone */
.vt-home .vt-quick-card .vt-card-title,
.vt-home .vt-quick-card .vt-card-text {
	padding-left: 68px;
}

.vt-home .vt-quick-card .vt-card-title h3 {
	margin: 0;
	padding: 0;
	color: var(--vt-text);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.vt-home .vt-quick-card .vt-card-text p {
	margin: 0 0 4px;
	padding: 0;
	color: var(--vt-muted);
	font-size: 14px;
	line-height: 1.45;
}

.vt-home .vt-quick-card .vt-card-text p:last-child {
	margin-bottom: 0;
}

.vt-home .vt-quick-card .vt-card-text .vt-kicker {
	color: var(--vt-blue-light);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .02em;
}

/* gumb ali obrazec spodaj levo */
.vt-home .vt-quick-card > :has(> .vt-btn),
.vt-home .vt-quick-card > .vt-isl-join {
	margin-top: auto;
}

body.vt-home #page-container .vt-section .vt-quick-card .vt-btn {
	padding: 10px 46px 10px 22px !important;
}

/* deljena pravila za logotipe (partnerji, Minimax, financiranje) */
.vt-home .vt-partner-logo,
.vt-home .vt-minimax-logo,
.vt-home .vt-funding-logo {
	text-align: left;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.vt-home .vt-partner-logo a,
.vt-home .vt-minimax-logo a {
	display: inline-block;
	border-radius: 10px;
}

/* ISL Online: originalni vtičnik, samo oblikovan (vnosno polje in gumb v eni vrstici) */
.vt-home .vt-isl-join #isl-connectbox .container-sm,
.vt-home .vt-isl-join #isl-connectbox .container {
	width: auto;
	max-width: none;
	margin: 0 !important;
	padding: 0;
}

.vt-home .vt-isl-join #isl-connectbox #view-join {
	margin: 0 !important;
	text-align: left;
}

/* Stara stilska datoteka vtičnika (css/ISLstyles.css, naložena prek Divi nastavitve za glavo) doda
   kontejnerju svetel logotip, okvir in višino 110 px. Kartica ostane v temnem slogu brez njih. */
.vt-home .vt-isl-join #isl-connectbox .container-sm {
	background: none;
	box-shadow: none;
	border: 0;
	min-height: 0;
}

.vt-home .vt-isl-join #isl-connectbox .input-join {
	text-align: left;
}

.vt-home .vt-isl-join #isl-connectbox .session-title,
.vt-home .vt-isl-join #isl-connectbox .m-b-100:empty {
	display: none;
}

.vt-home .vt-isl-join #isl-connectbox form,
.vt-home .vt-isl-join #isl-connectbox .form-content {
	margin: 0;
}

.vt-home .vt-isl-join #isl-connectbox #join-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
}

.vt-home .vt-isl-join #isl-connectbox #join-content > .alert,
.vt-home .vt-isl-join #isl-connectbox #join-content > #session-info-box {
	flex: 0 0 100%;
}

.vt-home .vt-isl-join #isl-connectbox .form-group {
	margin: 0;
}

.vt-home .vt-isl-join #isl-connectbox .form-input-wrapper {
	position: relative;
	flex: 1 1 0;
	min-width: 110px;
}

.vt-home .vt-isl-join #isl-connectbox .form-input-wrapper > label {
	display: none;
}

.vt-home .vt-isl-join #isl-connectbox .form-group:not(.form-input-wrapper) {
	flex: 0 0 auto;
}

.vt-home .vt-isl-join input[type="tel"],
.vt-home .vt-isl-join input[type="text"],
.vt-home .vt-isl-join input.form-control {
	height: 46px;
	margin: 0;
	border-radius: 10px;
	border: 1px solid rgba(120, 178, 255, .45);
	background: rgba(2, 14, 35, .55);
	color: var(--vt-text);
	font-size: 15px;
	box-shadow: none;
	padding: 0 14px !important;
	width: 100%;
	box-sizing: border-box;
}

.vt-home .vt-isl-join input::placeholder {
	color: var(--vt-muted);
	opacity: 1;
}

.vt-home .vt-isl-join a.btn-success.btn-block,
.vt-home .vt-isl-join a.btn-success {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 150px;
	min-height: 46px;
	margin: 0;
	padding: 0 22px;
	border-radius: 10px;
	border: 1px solid rgba(120, 178, 255, .55);
	background: linear-gradient(180deg, #1a6dff, var(--vt-blue));
	box-shadow: 0 8px 20px rgba(18, 98, 242, .35);
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.vt-home .vt-isl-join a.btn-success:hover,
.vt-home .vt-isl-join a.btn-success:focus-visible {
	background: linear-gradient(180deg, #2a78ff, #0f58da);
	border-color: rgba(160, 205, 255, .8);
}

/* opozorilo vtičnika (npr. prazna številka seje) v temnem slogu kartice */
.vt-home .vt-isl-join #isl-connectbox #join-content > .alert-danger {
	margin: 0 0 4px;
	padding: 10px 14px;
	border: 1px solid rgba(255, 140, 140, .45);
	border-radius: 10px;
	background: rgba(255, 107, 107, .12);
	color: #ffc2c2;
	font-size: 14px;
	line-height: 1.4;
}

/* vidna oznaka fokusa za tipkovnico (box-shadow je v vnosnem polju onemogočen) */
.vt-home .vt-isl-join input:focus-visible,
.vt-home .vt-isl-join a.btn-success:focus-visible {
	outline: 2px solid var(--vt-blue-light);
	outline-offset: 2px;
}

/* tablica: grafika manjša, da ne prekriva besedila kartice čez vso širino */
@media (min-width: 768px) and (max-width: 980px) {
	.vt-home .vt-quick-card::after {
		width: 42%;
		opacity: .5;
	}
}

/* tri kartice v ožjem namiznem pogledu: manjši odmiki, ISL vnos in gumb v eni vrsti */
@media (min-width: 981px) and (max-width: 1200px) {
	.vt-home .vt-quick-card {
		padding: 22px 20px;
	}

	.vt-home .vt-quick-card > .vt-quick-mark,
	.vt-home .vt-quick-card > .vt-quick-icon {
		left: 20px;
	}

	.vt-home .vt-quick-card .vt-card-title,
	.vt-home .vt-quick-card .vt-card-text {
		padding-left: 64px;
	}

	.vt-home .vt-quick-card::after {
		opacity: .45;
	}

	.vt-home .vt-isl-join input[type="tel"],
	.vt-home .vt-isl-join input[type="text"],
	.vt-home .vt-isl-join input.form-control {
		padding: 0 10px !important;
		font-size: 14px;
	}

	.vt-home .vt-isl-join a.btn-success.btn-block,
	.vt-home .vt-isl-join a.btn-success {
		min-width: 0;
		padding: 0 14px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.vt-home .vt-quick-card::after {
		width: 46%;
		opacity: .35;
	}
}

/* tablica (768–1199 px): TeamViewer in ISL sta v dveh stolpcih, Rabljeni poslovni računalniki je čez celo širino */
@media (min-width: 768px) and (max-width: 1199px) {
	.vt-home .vt-quick-access {
		flex-wrap: wrap;
	}

	.vt-home .vt-quick-access > .vt-quick-card {
		flex: 0 0 calc(50% - 10px);
		width: calc(50% - 10px);
		max-width: calc(50% - 10px);
		margin: 0;
	}

	.vt-home .vt-quick-access > .vt-quick-card:last-child {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
}

/* ---------- 04 / 05 storitveni sklopi ---------- */
.vt-home .vt-services {
	padding: clamp(40px, 5vw, 72px) 0;
	overflow: hidden;
	isolation: isolate;
	border-top: 1px solid var(--vt-line);
}

.vt-home .vt-it-services {
	background:
		radial-gradient(ellipse at 78% 40%, rgba(40, 120, 255, .30), transparent 50%),
		linear-gradient(110deg, #051a39, #06234a);
}

.vt-home .vt-accounting-services {
	--vt-accent: var(--vt-teal);
	background:
		radial-gradient(ellipse at 78% 40%, rgba(13, 183, 167, .24), transparent 50%),
		linear-gradient(110deg, #022b33, #083a3c);
	border-top-color: rgba(13, 183, 167, .35);
}

.vt-home .vt-services-layout {
	align-items: center;
}

.vt-home .vt-services-copy {
	display: flex;
	flex-direction: column;
	gap: 28px;
	min-width: 0;
}

.vt-home .vt-section-title h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(30px, 3vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.vt-home .vt-service-grid {
	--row-gutter-horizontal: 18px;
	--row-gutter-vertical: 18px;
}

.vt-home .vt-service {
	min-width: 0;
	padding: 18px 16px;
	background: rgba(4, 27, 59, .55);
	border: 1px solid var(--vt-line);
	border-radius: 14px;
}

.vt-home .vt-accounting-services .vt-service {
	background: rgba(2, 43, 51, .55);
	border-color: rgba(13, 183, 167, .30);
}

.vt-home .vt-service-blurb .et_pb_blurb_content {
	max-width: none;
	text-align: left;
}

.vt-home .vt-service-blurb .et_pb_main_blurb_image,
.vt-home .vt-contact-item .et_pb_main_blurb_image {
	margin-bottom: 0;
}

.vt-home .vt-service-blurb .et-pb-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	border: 1px solid rgba(120, 178, 255, .5);
	background: rgba(18, 98, 242, .18);
	color: var(--vt-blue-light) !important;
	font-size: 20px !important;
}

.vt-home .vt-accounting-services .vt-service-blurb .et-pb-icon {
	border-color: rgba(13, 183, 167, .55);
	background: rgba(13, 183, 167, .14);
	color: #3fe0cf !important;
}

.vt-home .vt-service-blurb .et_pb_blurb_container {
	padding-left: 14px;
}

.vt-home .vt-service-blurb h3 {
	margin: 0 0 8px;
	padding: 10px 0 0;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .02em;
}

.vt-home .vt-service-blurb .et_pb_blurb_description,
.vt-home .vt-service-blurb .et_pb_blurb_description p,
.vt-home .vt-service-blurb li {
	color: var(--vt-muted);
	font-size: 15px;
	line-height: 1.45;
}

.vt-home .vt-service-blurb ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: disc;
}

.vt-home .vt-service-blurb li {
	padding: 2px 0;
}

.vt-home .vt-service-blurb li::marker {
	color: var(--vt-blue-light);
}

.vt-home .vt-accounting-services .vt-service-blurb li::marker {
	color: var(--vt-teal);
}

/* storitvene ikone nad naslovom, ko so stolpci ozki */
.vt-home .vt-service-blurb.et_pb_blurb_position_left .et_pb_blurb_content {
	display: block;
}

.vt-home .vt-service-blurb.et_pb_blurb_position_left .et_pb_main_blurb_image {
	display: block;
	width: auto;
	text-align: left;
}

.vt-home .vt-service-blurb.et_pb_blurb_position_left .et_pb_blurb_container {
	display: block;
	padding-left: 0;
}

/* partnerji v računalniškem sklopu */
.vt-home .vt-partners {
	--row-gutter-horizontal: 14px;
	align-items: center;
	padding-top: 18px;
	border-top: 1px solid var(--vt-line);
}

.vt-home .vt-partner {
	width: auto !important;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
}

.vt-home .vt-partner-logo img {
	display: block;
	height: auto;
	max-height: 64px;
	width: auto;
	max-width: 100%;
	border-radius: 10px;
}

.vt-home .vt-partner-logo.vt-logo-plate img {
	padding: 2px 8px;
}

/* vizual desno */
.vt-home .vt-services-visual {
	min-width: 0;
	position: relative;
	align-self: stretch;
	min-height: 360px;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--vt-line);
	box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.vt-home .vt-accounting-services .vt-services-visual {
	border-color: rgba(13, 183, 167, .35);
}

.vt-home .vt-services-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(5, 26, 57, .55), transparent 40%);
}

.vt-home .vt-accounting-services .vt-services-visual::after {
	background:
		linear-gradient(90deg, rgba(2, 43, 51, .6), transparent 45%),
		linear-gradient(0deg, rgba(13, 183, 167, .22), rgba(13, 183, 167, .22));
	mix-blend-mode: normal;
}

.vt-home .vt-visual-image,
.vt-home .vt-visual-image .et_pb_image_wrap {
	position: absolute !important;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.vt-home .vt-visual-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% 50%;
	display: block;
}

.vt-home .vt-accounting-services .vt-visual-image img {
	object-position: 30% 50%;
	filter: hue-rotate(-28deg) saturate(.85);
}

/* Minimax pas */
.vt-home .vt-minimax-bar {
	margin-top: 28px;
}

.vt-home .vt-minimax {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px 22px;
	padding: 14px 22px;
	background: rgba(2, 43, 51, .65);
	border: 1px solid rgba(13, 183, 167, .35);
	border-radius: 14px;
}

.vt-home .vt-minimax > .et_pb_module {
	flex: 0 1 auto;
	width: auto;
}

.vt-home .vt-minimax-logo img {
	display: block;
	height: 52px;
	width: auto;
	padding: 4px 8px;
}

.vt-home .vt-minimax-text p {
	color: var(--vt-text);
	font-size: 16px;
}

.vt-home .vt-minimax-text a {
	color: #5fe7d8;
	font-weight: 600;
}

/* ---------- 06 projekt ---------- */
.vt-home .vt-project-section {
	padding: clamp(32px, 4vw, 56px) 0 var(--vt-gap);
}

.vt-home .vt-project {
	--row-gutter-horizontal: 28px;
	align-items: center;
	padding: 22px 28px;
	background: linear-gradient(180deg, #f6f9fd, #e6eef8);
	border-radius: var(--vt-radius);
	border: 1px solid rgba(160, 205, 255, .6);
	box-shadow: 0 16px 40px rgba(0, 0, 0, .28);
	color: var(--vt-hero-ink);
}

.vt-home .vt-project-copy {
	min-width: 0;
}

.vt-home .vt-project-title h2 {
	margin: 0 0 6px;
	padding: 0;
	color: var(--vt-hero-ink);
	font-size: clamp(18px, 1.45vw, 22px);
	font-weight: 700;
	line-height: 1.25;
}

.vt-home .vt-project-text p {
	color: #304866;
	font-size: 15px;
	line-height: 1.5;
}

.vt-home .vt-project-logos {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 14px 18px;
	min-width: 0;
}

.vt-home .vt-funding-logo {
	flex: 0 1 auto;
	min-width: 0;
}

.vt-home .vt-funding-logo img {
	display: block;
	height: 42px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.vt-home .vt-project-cta {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

/* ---------- 07 kontakta ---------- */
.vt-home .vt-contacts-section {
	padding: var(--vt-gap) 0;
}

.vt-home .vt-contacts {
	align-items: stretch;
}

.vt-home .vt-contact-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
	padding: clamp(22px, 2.6vw, 34px);
	border-radius: var(--vt-radius);
	border: 1px solid var(--vt-line);
	overflow: hidden;
	background:
		radial-gradient(ellipse at 100% 100%, rgba(40, 120, 255, .35), transparent 55%),
		linear-gradient(135deg, #062452, #0a3570);
}

.vt-home .vt-contact-card--acc {
	border-color: rgba(13, 183, 167, .35);
	background:
		radial-gradient(ellipse at 78% 40%, rgba(13, 183, 167, .24), transparent 50%),
		linear-gradient(110deg, #022b33, #083a3c);
}

.vt-home .vt-contact-card::after {
	content: "\f095";
	position: absolute;
	right: 26px;
	bottom: 10px;
	font-family: FontAwesome;
	font-weight: 900;
	font-size: 120px;
	line-height: 1;
	color: rgba(255, 255, 255, .05);
	pointer-events: none;
}

.vt-home .vt-contact-card--acc::after {
	content: "\f1ec";
}

.vt-home .vt-contact-title h3 {
	margin: 0 0 4px;
	padding: 0;
	color: #fff;
	font-size: clamp(20px, 1.8vw, 26px);
	font-weight: 700;
}

.vt-home .vt-contact-item .et_pb_blurb_content {
	max-width: none;
	display: flex;
	align-items: center;
	text-align: left;
}

.vt-home .vt-contact-item .et_pb_main_blurb_image {
	flex: 0 0 auto;
	width: auto;
	display: block;
}

.vt-home .vt-contact-item .et_pb_main_blurb_image a {
	display: inline-flex;
}

.vt-home .vt-contact-item .et-pb-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	color: var(--vt-blue-light) !important;
	font-size: 17px !important;
}

.vt-home .vt-contact-card--acc .vt-contact-item .et-pb-icon {
	color: #3fe0cf !important;
}

.vt-home .vt-contact-item .et_pb_blurb_container {
	display: block;
	padding-left: 14px;
	min-width: 0;
}

.vt-home .vt-contact-item h4,
.vt-home .vt-contact-item h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(17px, 1.5vw, 21px);
	font-weight: 600;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.vt-home .vt-contact-item h4 a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #fff;
	text-decoration: none;
}

.vt-home .vt-contact-item h4 a:hover {
	color: var(--vt-blue-light);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.vt-home .vt-contact-card--acc .vt-contact-item h4 a:hover {
	color: #5fe7d8;
}

.vt-home .vt-contact-item .et_pb_blurb_description p {
	color: var(--vt-muted);
	font-size: 14px;
}

/* VSTOP ZA STRANKE: svetla kartica (IT je modra, računovodstvo turkizna) */
.vt-home .vt-contact-card--stranke {
	border-color: rgba(120, 178, 255, .6);
	background:
		radial-gradient(ellipse at 100% 0%, rgba(92, 169, 255, .30), transparent 55%),
		linear-gradient(135deg, #f7fbff, #dcebfc);
}

.vt-home .vt-contact-card--stranke .vt-contact-title h3 {
	color: var(--vt-hero-ink);
}

.vt-home .vt-contact-card--stranke > :last-child {
	margin-top: auto;
}

/* med 981 in 1200 px sta kartici IT in računovodstvo v vrsti, VSTOP ZA STRANKE je čez celo širino */
@media (min-width: 981px) and (max-width: 1200px) {
	.vt-home .vt-contacts {
		flex-wrap: wrap !important;
	}

	.vt-home .vt-contacts .vt-contact-card {
		width: calc(50% - 10px) !important;
		flex: 0 0 calc(50% - 10px) !important;
	}

	.vt-home .vt-contacts .vt-contact-card--stranke {
		width: 100% !important;
		flex: 0 0 100% !important;
	}
}

/* ---------- 08 kako do nas ---------- */
.vt-home .vt-location-section {
	padding: 0 0 clamp(32px, 4vw, 56px);
}

.vt-home .vt-location {
	--row-gutter-horizontal: 0px;
	align-items: stretch;
	overflow: hidden;
}

.vt-home .vt-location-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	padding: clamp(22px, 2.6vw, 34px);
}

.vt-home .vt-location-title h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(22px, 2vw, 30px);
	font-weight: 700;
}

.vt-home .vt-location-address h3 {
	min-height: 0;
}

.vt-home .vt-location-map {
	min-width: 0;
	min-height: 300px;
	position: relative;
}

.vt-home .vt-map,
.vt-home .vt-map .et_pb_code_inner {
	position: absolute;
	inset: 0;
}

.vt-home .vt-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	filter: saturate(.9);
}

/* ---------- 09 noga ---------- */
.vt-home .vt-footer {
	padding: 22px 0 26px;
	background: rgba(1, 8, 22, .85);
	border-top: 1px solid var(--vt-line);
}

.vt-home .vt-footer-row {
	--row-gutter-horizontal: 28px;
	align-items: flex-start;
}

.vt-home .vt-footer-text p {
	color: var(--vt-muted);
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 8px;
}

.vt-home .vt-footer-text strong {
	color: var(--vt-text);
}

.vt-home .vt-footer-text a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--vt-text);
	text-decoration: none;
}

.vt-home .vt-footer-text a:hover {
	text-decoration: underline;
}

.vt-home .vt-footer-meta {
	text-align: right;
}

/* ---------- animacije (vsebina je vidna tudi brez JS) ---------- */
@media (prefers-reduced-motion: no-preference) {
	.vt-motion-ready .vt-home .vt-reveal {
		opacity: 0;
		transform: translateY(18px);
		transition: opacity .55s ease, transform .55s ease;
	}

	.vt-motion-ready .vt-home .vt-reveal.vt-visible {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vt-home *,
	.vt-home *::before,
	.vt-home *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- odzivnost ---------- */
@media (max-width: 1439px) {
	.vt-home .vt-service-grid--4 .vt-service-blurb li,
	.vt-home .vt-service-grid--4 .vt-service-blurb p {
		font-size: 14px;
	}
}

@media (max-width: 1200px) {
	.vt-home .vt-service-grid--4 .vt-service {
		padding: 16px 12px;
	}
}

@media (max-width: 980px) {
	.vt-home .vt-container {
		width: calc(100% - 32px);
	}

	.vt-home .vt-hero {
		min-height: 360px;
	}

	.vt-home .vt-services-visual {
		min-height: 260px;
		order: -1;
	}

	.vt-home .vt-project-cta {
		justify-content: flex-start;
	}

	.vt-home .vt-project-logos {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.vt-home .vt-funding-logo img {
		height: 34px;
	}

	.vt-home .vt-footer-meta {
		text-align: left;
	}
}

/* tablica (768–1199 px): naslov je omejen, da ne sega čez diagonalo */
@media (min-width: 768px) and (max-width: 1199px) {
	.vt-home .vt-hero-title h1 {
		font-size: clamp(26px, 2.9vw, 32px);
		max-width: 11.4em;
	}
}

/* tablica: fotografija se začne nekoliko bolj desno, da podnapis ostane stran od diagonale */
@media (min-width: 768px) and (max-width: 980px) {
	body.vt-home #page-container .vt-section .vt-hero-photo {
		left: 54%;
		clip-path: polygon(17.4% 0, 100% 0, 100% 100%, 0 100%);
	}
}

@media (max-width: 767px) {
	.vt-home {
		font-size: 15px;
	}

	.vt-home .vt-contact-strip {
		width: calc(100% - 32px);
		border-radius: 18px;
		padding: 6px 8px;
	}

	.vt-home .vt-contact-group {
		width: 100% !important;
		justify-content: center;
	}

	.vt-home .vt-contact-group--acc,
	.vt-home .vt-contact-group--stranke {
		margin: 4px 0 0;
	}

	body.vt-home #page-container .vt-section .vt-contact-link {
		padding: 8px 8px 8px 30px !important;
		font-size: 13px !important;
	}

	body.vt-home #page-container .vt-section .vt-contact-link::before {
		left: 10px !important;
	}

	.vt-home .vt-hero {
		min-height: 0;
	}

	.vt-home .vt-hero-copy {
		padding: 28px 22px;
	}

	.vt-home .vt-hero-copy > .vt-hero-logo {
		flex: 0 0 100%;
	}

	.vt-home .vt-hero-logo img {
		width: 100%;
	}

	body.vt-home #page-container .vt-section .vt-hero-photo {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		min-height: 0;
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
	}

	.vt-home .vt-hero-image,
	.vt-home .vt-hero-image .et_pb_image_wrap {
		position: static !important;
	}

	.vt-home .vt-hero-image img {
		height: auto;
		aspect-ratio: 4 / 3;
		max-height: 320px;
	}

	.vt-home .vt-services-visual {
		min-height: 200px;
	}

	.vt-home .vt-project {
		padding: 20px;
	}

	.vt-home .vt-funding-logo img {
		max-height: 40px;
	}

	.vt-home .vt-location-map {
		min-height: 260px;
	}

	.vt-home .vt-contact-card::after {
		font-size: 90px;
	}
}

@media (max-width: 389px) {
	.vt-home .vt-btn {
		width: 100%;
	}
}

/* ---------- grafike (CSS/SVG, brez novih fotografij) ---------- */
.vt-home .vt-services-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='%2358b8ff' stroke-width='1.4' opacity='.6'%3E%3Cpath d='M0 58H118L148 88H262L292 58H400'/%3E%3Cpath d='M0 176H92L122 206H232V244H400'/%3E%3Cpath d='M64 0V40L94 70V128'/%3E%3Cpath d='M336 0V112L306 142V300'/%3E%3Cpath d='M200 300V258L220 238'/%3E%3C/g%3E%3Cg fill='%2358b8ff'%3E%3Ccircle cx='118' cy='58' r='3.5'/%3E%3Ccircle cx='292' cy='58' r='3.5'/%3E%3Ccircle cx='92' cy='176' r='3.5'/%3E%3Ccircle cx='232' cy='244' r='3.5'/%3E%3Ccircle cx='94' cy='128' r='3'/%3E%3Ccircle cx='306' cy='142' r='3'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
	background-position: center;
	opacity: .55;
}

.vt-home .vt-accounting-services .vt-services-visual::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='xMidYMid slice'%3E%3Cg stroke='%235fe7d8' stroke-width='1' opacity='.5'%3E%3Cpath d='M0 60H400M0 120H400M0 180H400M0 240H400'/%3E%3Cpath d='M60 0V300M140 0V300M220 0V300M300 0V300' opacity='.5'/%3E%3C/g%3E%3Cpath d='M30 230L100 180L170 196L240 130L310 150L380 84' fill='none' stroke='%235fe7d8' stroke-width='2.4' stroke-linejoin='round' opacity='.8'/%3E%3Cg fill='%235fe7d8' opacity='.85'%3E%3Ccircle cx='30' cy='230' r='4'/%3E%3Ccircle cx='100' cy='180' r='4'/%3E%3Ccircle cx='170' cy='196' r='4'/%3E%3Ccircle cx='240' cy='130' r='4'/%3E%3Ccircle cx='310' cy='150' r='4'/%3E%3Ccircle cx='380' cy='84' r='4'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
	opacity: .6;
}

/* Minimax pas: svetleča črta zgoraj in desno */
.vt-home .vt-minimax-bar {
	position: relative;
}

.vt-home .vt-minimax-bar::before {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	top: -1px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #5fe7d8, #2f7bff, transparent);
	border-radius: 2px;
	pointer-events: none;
}

/* Projekt: svetel poudarek z mrežo na desni */
.vt-home .vt-project {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.vt-home .vt-project::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='xMaxYMid slice'%3E%3Cg fill='none' stroke='%232f7bff' stroke-width='1' opacity='.35'%3E%3Cpath d='M380 0L460 80L600 80'/%3E%3Cpath d='M420 200L500 120L600 120'/%3E%3Cpath d='M0 170H120L160 130H260'/%3E%3C/g%3E%3Cg fill='%232f7bff' opacity='.45'%3E%3Ccircle cx='460' cy='80' r='3'/%3E%3Ccircle cx='500' cy='120' r='3'/%3E%3Ccircle cx='260' cy='130' r='3'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
	background-position: right center;
}

@media (max-width: 767px) {
	.vt-home .vt-services-visual::before,
	.vt-home .vt-accounting-services .vt-services-visual::before {
		opacity: .4;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.vt-home .vt-services-visual::before {
		animation: vt-circuit-pulse 6s ease-in-out infinite alternate;
	}
}

@keyframes vt-circuit-pulse {
	from { opacity: .45; }
	to { opacity: .7; }
}

/* ---------- grafike iz Vidrih_Divi5_grafike (prozorna PNG) ---------- */
/* vizual IT: infrastruktura (zamenja fotografijo, ki je ostala v img) */
.vt-home .vt-services-visual .vt-visual-image .et_pb_image_wrap {
	background: url("../img/vt-it-infrastruktura.png") center / contain no-repeat;
}

.vt-home .vt-services-visual .vt-visual-image img {
	opacity: 0;
}

.vt-home .vt-services-visual::before {
	display: none;
}

/* vizual računovodstvo: grafikoni */
.vt-home .vt-accounting-services .vt-visual-image .et_pb_image_wrap {
	background: url("../img/vt-racunovodstvo-grafikoni.png") center / contain no-repeat;
}

.vt-home .vt-accounting-services .vt-visual-image img {
	opacity: 0;
}

.vt-home .vt-accounting-services .vt-services-visual::before {
	display: none;
}

/* kontaktne kartice: grafike namesto majhnih ikon */
.vt-home .vt-contact-card::after {
	content: "";
	right: 14px;
	bottom: 8px;
	width: 180px;
	height: 180px;
	font-size: 0;
	background: url("../img/vt-podpora-slusalka.png") center / contain no-repeat;
	opacity: .55;
}

.vt-home .vt-contact-card--acc::after {
	content: "";
	background-image: url("../img/vt-racunovodstvo-dokumenti.png");
}

/* VSTOP ZA STRANKE: diskreten Font Awesome znak (sign-in) namesto slike */
.vt-home .vt-contact-card--stranke::after {
	content: "\f2f6";
	right: 26px;
	bottom: 10px;
	width: auto;
	height: auto;
	font-family: FontAwesome;
	font-weight: 900;
	font-size: 120px;
	line-height: 1;
	background: none;
	opacity: 1;
	color: rgba(8, 26, 54, .07);
}

@media (max-width: 767px) {
	.vt-home .vt-contact-card::after {
		width: 120px;
		height: 120px;
	}
}

/* ---------- IT odsek: postavitev po predlogi (brez okvirjev, grafika čez desno stran) ---------- */
.vt-home .vt-it-services {
	background:
		radial-gradient(ellipse 55% 75% at 82% 45%, rgba(40, 120, 255, .38), transparent 70%),
		radial-gradient(ellipse 40% 60% at 10% 100%, rgba(20, 90, 220, .18), transparent 70%),
		linear-gradient(105deg, #041634 0%, #06224a 60%, #0a2c5e 100%);
}

.vt-home .vt-it-services .vt-services-layout {
	align-items: center;
}

.vt-home .vt-it-services .vt-services-visual {
	min-height: 380px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	overflow: visible;
}

.vt-home .vt-it-services .vt-services-visual::after {
	background: linear-gradient(90deg, #041634 0%, rgba(4, 22, 52, .4) 22%, transparent 45%);
}

.vt-home .vt-it-services .vt-visual-image .et_pb_image_wrap {
	background-size: contain;
	background-position: right center;
	transform: scale(1.08);
	transform-origin: right center;
}

.vt-home .vt-it-services .vt-service {
	background: transparent;
	border: 0;
	border-left: 1px solid rgba(120, 178, 255, .25);
	border-radius: 0;
	padding: 4px 0 4px 18px;
}

.vt-home .vt-it-services .vt-service-grid > :first-child .vt-service {
	border-left: 0;
	padding-left: 0;
}

.vt-home .vt-it-services .vt-partners {
	border-top: 1px solid rgba(120, 178, 255, .25);
	padding-top: 22px;
	margin-top: 8px;
}

@media (max-width: 767px) {
	.vt-home .vt-it-services .vt-services-visual {
		min-height: 220px;
	}

	.vt-home .vt-it-services .vt-service {
		border-left: 0;
		padding-left: 0;
	}
}

/* ---------- računovodski odsek: naslov in 4 stolpci levo, grafika desno (brez prekrivanja) ---------- */
.vt-home .vt-accounting-services .vt-services-layout {
	position: relative;
	align-items: center;
	flex-wrap: nowrap;
}

.vt-home .vt-accounting-services .vt-services-copy {
	position: relative;
	z-index: 1;
	width: calc(64% - 14px) !important;
	flex: 0 0 calc(64% - 14px) !important;
	min-width: 0;
}

.vt-home .vt-accounting-services .vt-services-visual {
	position: relative !important;
	width: calc(36% - 14px) !important;
	flex: 0 0 calc(36% - 14px) !important;
	min-height: 300px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	overflow: visible;
}

.vt-home .vt-accounting-services .vt-services-visual::after {
	display: none;
}

.vt-home .vt-accounting-services .vt-visual-image .et_pb_image_wrap {
	background-size: contain;
	background-position: center;
}

.vt-home .vt-accounting-services .vt-service-grid--4 {
	--row-gutter-horizontal: 16px;
	--row-gutter-vertical: 16px;
}

.vt-home .vt-accounting-services .vt-service-grid--4 > .et_pb_column_inner {
	width: calc(25% - 12px) !important;
	flex: 0 0 auto !important;
}

.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service {
	height: 100%;
	padding: 16px 14px;
}

.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service-blurb li,
.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service-blurb p {
	font-size: 13px;
}

@media (min-width: 981px) and (max-width: 1200px) {
	.vt-home .vt-accounting-services .vt-services-copy {
		width: calc(58% - 14px) !important;
		flex: 0 0 calc(58% - 14px) !important;
	}

	.vt-home .vt-accounting-services .vt-services-visual {
		width: calc(42% - 14px) !important;
		flex: 0 0 calc(42% - 14px) !important;
	}

	.vt-home .vt-accounting-services .vt-service-grid--4 > .et_pb_column_inner {
		width: calc(50% - 8px) !important;
	}
}

@media (max-width: 980px) {
	.vt-home .vt-accounting-services .vt-services-layout {
		flex-wrap: wrap;
	}

	.vt-home .vt-accounting-services .vt-services-visual {
		order: -1;
		width: 100% !important;
		flex: 0 0 100% !important;
		min-height: 240px;
		margin-bottom: 18px;
	}

	.vt-home .vt-accounting-services .vt-services-copy {
		width: 100% !important;
		flex: 0 0 100% !important;
	}

	.vt-home .vt-accounting-services .vt-service-grid--4 > .et_pb_column_inner {
		width: calc(50% - 8px) !important;
	}
}

@media (max-width: 560px) {
	.vt-home .vt-accounting-services .vt-service-grid--4 > .et_pb_column_inner {
		width: 100% !important;
	}
}

/* ---------- usklajen izgled IT in računovodskega odseka ---------- */
/* enaka razporeditev: besedilo levo 58 %, grafika desno 42 %, enaka višina vizuala */
.vt-home .vt-it-services .vt-services-layout,
.vt-home .vt-accounting-services .vt-services-layout {
	position: relative;
	align-items: center;
	flex-wrap: nowrap;
}

.vt-home .vt-it-services .vt-services-copy,
.vt-home .vt-accounting-services .vt-services-copy {
	position: relative;
	z-index: 1;
	width: calc(58% - 14px) !important;
	flex: 0 0 calc(58% - 14px) !important;
	min-width: 0;
}

.vt-home .vt-it-services .vt-services-visual,
.vt-home .vt-accounting-services .vt-services-visual {
	position: relative !important;
	width: calc(42% - 14px) !important;
	flex: 0 0 calc(42% - 14px) !important;
	height: 340px;
	min-height: 340px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	overflow: visible;
}

/* brez temnega prekrivanja na grafiki (ni več vidnega pravokotnika) */
.vt-home .vt-it-services .vt-services-visual::after,
.vt-home .vt-accounting-services .vt-services-visual::after {
	display: none;
}

.vt-home .vt-it-services .vt-visual-image .et_pb_image_wrap,
.vt-home .vt-accounting-services .vt-visual-image .et_pb_image_wrap {
	background-size: contain;
	background-position: center;
	transform: none;
}

/* storitve: brez okvirjev, enaka višina, ločilne črte samo med stolpci */
.vt-home .vt-it-services .vt-service-grid,
.vt-home .vt-accounting-services .vt-service-grid {
	align-items: stretch !important;
}

.vt-home .vt-it-services .vt-service-grid .vt-service,
.vt-home .vt-accounting-services .vt-service-grid .vt-service {
	height: auto;
	background: transparent;
	border: 0;
	border-left: 1px solid rgba(120, 178, 255, .25);
	border-radius: 0;
	padding: 4px 0 4px 18px;
}

.vt-home .vt-service-grid > .vt-service:first-child {
	border-left: 0;
	padding-left: 0;
}

.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service-blurb li,
.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service-blurb p {
	font-size: 14px;
}

/* minimax: enak slog kot vrstica partnerjev v IT odseku (ločilna črta, brez okvirja) */
.vt-home .vt-accounting-services .vt-minimax-bar {
	margin-top: 18px;
}

.vt-home .vt-accounting-services .vt-minimax {
	background: transparent;
	border: 0;
	border-radius: 0;
	border-top: 1px solid rgba(120, 178, 255, .25);
	padding: 22px 0 0;
	justify-content: flex-start;
}

@media (max-width: 1200px) and (min-width: 981px) {
	.vt-home .vt-services-copy {
		width: calc(60% - 14px) !important;
		flex: 0 0 calc(60% - 14px) !important;
	}

	.vt-home .vt-services-visual {
		width: calc(40% - 14px) !important;
		flex: 0 0 calc(40% - 14px) !important;
	}

	.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service:nth-child(odd),
	.vt-home .vt-it-services .vt-service-grid--3 .vt-service:nth-child(4) {
		border-left: 0;
		padding-left: 0;
	}

	.vt-home .vt-accounting-services .vt-service-grid--4 > .et_pb_column_inner {
		width: calc(50% - 8px) !important;
	}
}

@media (max-width: 980px) {
	.vt-home .vt-it-services .vt-services-visual,
	.vt-home .vt-accounting-services .vt-services-visual {
		order: -1;
		width: 100% !important;
		flex: 0 0 100% !important;
		height: 240px;
		min-height: 240px;
		margin-bottom: 18px;
	}

	.vt-home .vt-it-services .vt-services-copy,
	.vt-home .vt-accounting-services .vt-services-copy {
		width: 100% !important;
		flex: 0 0 100% !important;
	}

	.vt-home .vt-accounting-services .vt-service-grid--4 .vt-service:nth-child(odd) {
		border-left: 0;
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	.vt-home .vt-it-services .vt-service-grid .vt-service,
	.vt-home .vt-accounting-services .vt-service-grid .vt-service {
		border-left: 0;
		padding-left: 0;
	}

	.vt-home .vt-accounting-services .vt-service-grid--4 > .et_pb_column_inner {
		width: 100% !important;
	}
}

/* telefon/tablica: vrstica se prelomi, grafika je zgoraj */
@media (max-width: 980px) {
	.vt-home .vt-it-services .vt-services-layout,
	.vt-home .vt-accounting-services .vt-services-layout {
		flex-wrap: wrap;
	}
}