X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina<\/title>\n<meta name=\"description\" content=\"X Call Tech \u2013 profesionalne usluge call centra, outsourcinga, digitalnog marketinga i razvoja softvera. 5 poslovnica u BiH: Srebrenik, Br\u010dko, Biha\u0107, Sarajevo, Tuzla. Dostupni 24\/7.\">\n<meta name=\"keywords\" content=\"call centar BiH, call center Bosna, outsourcing BiH, korisni\u010dka podr\u0161ka, digitalni marketing, razvoj softvera, web development, posao call centar, X Call Tech, Call Tech, Srebrenik, Tuzla, Sarajevo, Br\u010dko, Biha\u0107\">\n<meta name=\"author\" content=\"Call Tech d.o.o.\">\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n<link rel=\"canonical\" href=\"https:\/\/xcall.ba\/\">\n\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/xcall.ba\/\">\n<meta property=\"og:title\" content=\"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja\">\n<meta property=\"og:description\" content=\"Profesionalne usluge call centra, outsourcinga, digitalnog marketinga i razvoja softvera. 5 poslovnica u BiH. Dostupni 24\/7.\">\n<meta property=\"og:image\" content=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\">\n<meta property=\"og:locale\" content=\"bs_BA\">\n<meta property=\"og:site_name\" content=\"X Call Tech\">\n\n\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja\">\n<meta name=\"twitter:description\" content=\"Profesionalne usluge call centra, outsourcinga i razvoja softvera. 5 poslovnica u BiH. Dostupni 24\/7.\">\n<meta name=\"twitter:image\" content=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\">\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"X Call Tech\",\n \"legalName\": \"Call Tech d.o.o.\",\n \"url\": \"https:\/\/xcall.ba\",\n \"logo\": \"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\",\n \"description\": \"Profesionalne usluge call centra, outsourcinga, digitalnog marketinga i razvoja softvera u Bosni i Hercegovini.\",\n \"email\": \"info@xcall.ba\",\n \"telephone\": \"+38761773130\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Srebrenik\",\n \"addressCountry\": \"BA\"\n },\n \"sameAs\": [\n \"https:\/\/www.facebook.com\/xcall.ba\/\",\n \"https:\/\/www.instagram.com\/xcall.ba\/\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+38761773130\",\n \"contactType\": \"customer service\",\n \"email\": \"info@xcall.ba\",\n \"availableLanguage\": [\"Bosnian\", \"English\", \"German\"]\n }\n}\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"X Call Tech\",\n \"image\": \"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\",\n \"url\": \"https:\/\/xcall.ba\",\n \"telephone\": \"+38761773130\",\n \"email\": \"info@xcall.ba\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Srebrenik\",\n \"addressCountry\": \"BA\"\n },\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\n \"opens\": \"00:00\",\n \"closes\": \"23:59\"\n },\n \"priceRange\": \"$$\"\n}\n<\/script>\n\n\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1678714699880739');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1\"\n\/><\/noscript>\n\n\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-Q27NBG6BWY\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-Q27NBG6BWY');\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --teal: #1E7FA0;\n --teal-dark: #155f78;\n --teal-light: #28A8CC;\n --orange: #F07830;\n --orange-light: #FF9A5C;\n --dark: #0D1117;\n --dark2: #131820;\n --dark3: #1A2230;\n --white: #FFFFFF;\n --white-muted: rgba(255,255,255,0.62);\n --font-display: 'Syne', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n --radius: 16px;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{background:var(--dark);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n NAV \u2014 Creative Capsule Style\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4vw;\n height: 76px;\n background: transparent;\n}\n\n\/* Floating capsule wrapper *\/\n.nav-capsule-wrap {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 12px;\n}\n\n.nav-capsule {\n display: flex;\n align-items: center;\n gap: 2px;\n background: rgba(20, 28, 40, 0.85);\n backdrop-filter: blur(24px);\n -webkit-backdrop-filter: blur(24px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 60px;\n padding: 6px 8px;\n box-shadow:\n 0 8px 32px rgba(0,0,0,0.4),\n 0 0 0 1px rgba(30,127,160,0.08),\n inset 0 1px 0 rgba(255,255,255,0.06);\n list-style: none;\n}\n\n\/* Left connector nub *\/\n.nav-capsule::before {\n content: '';\n display: block;\n width: 14px; height: 28px;\n background: linear-gradient(135deg, rgba(30,127,160,0.6), rgba(21,95,120,0.8));\n border-radius: 4px 0 0 4px;\n margin-right: 4px;\n flex-shrink: 0;\n box-shadow: inset -2px 0 4px rgba(0,0,0,0.3);\n}\n\n.nav-capsule li a {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding: 8px 16px;\n border-radius: 50px;\n text-decoration: none;\n color: rgba(255,255,255,0.55);\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: all .25s ease;\n position: relative;\n white-space: nowrap;\n}\n\n.nav-capsule li a svg {\n width: 16px; height: 16px;\n transition: all .25s;\n stroke: currentColor;\n}\n\n.nav-capsule li a:hover {\n color: var(--white);\n background: rgba(255,255,255,0.07);\n}\n\n.nav-capsule li a.active,\n.nav-capsule li a:focus {\n color: var(--teal-light);\n background: rgba(30,127,160,0.15);\n}\n\n\/* Active indicator dot *\/\n.nav-capsule li a.active::after {\n content: '';\n position: absolute;\n bottom: 4px;\n left: 50%; transform: translateX(-50%);\n width: 4px; height: 4px;\n border-radius: 50%;\n background: var(--teal-light);\n}\n\n\/* CTA pill inside capsule *\/\n.nav-cta-pill {\n display: flex;\n align-items: center;\n gap: 6px;\n background: var(--orange);\n color: var(--white) !important;\n font-size: 0.72rem !important;\n font-weight: 600 !important;\n padding: 9px 18px !important;\n border-radius: 50px !important;\n letter-spacing: 0.04em !important;\n text-transform: uppercase !important;\n transition: background .2s, transform .2s !important;\n box-shadow: 0 4px 14px rgba(240,120,48,0.35);\n flex-direction: row !important;\n gap: 6px !important;\n}\n.nav-cta-pill:hover {\n background: var(--orange-light) !important;\n transform: scale(1.03) !important;\n color: var(--white) !important;\n}\n.nav-cta-pill svg { width: 12px !important; height: 12px !important; }\n\n\/* Logo *\/\n.nav-logo {\n display: flex;\n align-items: center;\n text-decoration: none;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n}\n.nav-logo img { height: 38px; width: auto; display: block; }\n\n\/* Right side *\/\n.nav-right {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n}\n\n\/* MOBILE *\/\n.mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px;\n flex-direction: column;\n gap: 5px;\n position: relative;\n z-index: 2;\n}\n.mobile-menu-btn span {\n display: block;\n width: 24px; height: 2px;\n background: var(--white);\n border-radius: 2px;\n transition: all .3s;\n}\n\n\/* Mobile drawer *\/\n.nav-drawer {\n display: none;\n position: fixed;\n top: 76px; left: 0; right: 0;\n background: rgba(19,24,32,0.97);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255,255,255,0.07);\n padding: 1rem 5vw 1.5rem;\n z-index: 999;\n flex-direction: column;\n}\n.nav-drawer.open { display: flex; }\n.nav-drawer-item {\n display: flex;\n align-items: center;\n gap: 0.85rem;\n color: var(--white-muted);\n text-decoration: none;\n font-size: 0.95rem;\n padding: 0.85rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n transition: color .2s;\n}\n.nav-drawer-item:hover { color: var(--white); }\n.nav-drawer-item svg { opacity: 0.5; flex-shrink: 0; transition: opacity .2s; }\n.nav-drawer-item:hover svg { opacity: 1; }\n.nav-drawer-item:last-of-type { border-bottom: none; }\n.drawer-cta {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--orange);\n color: var(--white) !important;\n padding: 0.85rem 1.5rem;\n border-radius: 50px;\n text-align: center;\n font-weight: 600;\n border-bottom: none !important;\n margin-top: 1rem;\n text-decoration: none;\n transition: background .2s;\n}\n.drawer-cta:hover { background: var(--orange-light) !important; }\n\n\/* BUTTONS *\/\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:var(--white);font-family:var(--font-body);font-weight:500;font-size:0.95rem;padding:0.85rem 1.8rem;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap;}\n.btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(240,120,48,0.35);}\n.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);font-family:var(--font-body);font-weight:400;font-size:0.95rem;padding:0.85rem 1.8rem;border-radius:50px;text-decoration:none;border:1px solid rgba(255,255,255,0.22);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap;}\n.btn-secondary:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.05);}\n\n\/* SECTIONS *\/\nsection{padding:90px 5vw;}\n.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal-light);margin-bottom:1.2rem;}\n.section-tag::before{content:'';width:22px;height:2px;background:var(--teal-light);border-radius:2px;flex-shrink:0;}\n.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:700;letter-spacing:-0.025em;line-height:1.15;margin-bottom:1rem;}\n.section-body{color:var(--white-muted);max-width:520px;font-weight:300;line-height:1.78;font-size:0.97rem;}\n\n\/* HERO *\/\n.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px 5vw 70px;position:relative;overflow:hidden;}\n.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 72% 38%,rgba(30,127,160,0.17) 0%,transparent 70%),radial-gradient(ellipse 45% 45% at 18% 82%,rgba(240,120,48,0.09) 0%,transparent 60%),var(--dark);}\n.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 20%,transparent 100%);}\n.hero-content{position:relative;z-index:2;max-width:860px;}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(240,120,48,0.11);border:1px solid rgba(240,120,48,0.25);border-radius:50px;padding:0.38rem 1rem;font-size:0.75rem;font-weight:500;color:var(--orange-light);letter-spacing:0.07em;text-transform:uppercase;margin-bottom:1.8rem;animation:fadeUp .6s ease both;}\n.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite;}\n@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}\n.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,5.5rem);font-weight:700;line-height:1.13;letter-spacing:-0.025em;margin-bottom:1.5rem;animation:fadeUp .7s .1s ease both;}\n.hero-title .accent{color:var(--teal-light);}\n.hero-title .accent2{color:var(--orange);}\n.hero-sub{font-size:clamp(0.95rem,1.8vw,1.15rem);color:var(--white-muted);max-width:520px;margin-bottom:2.5rem;font-weight:300;line-height:1.75;animation:fadeUp .7s .2s ease both;}\n.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .7s .3s ease both;}\n\/* \u2500\u2500 CODE DECODE ANIMATION \u2500\u2500 *\/\n.code-decode-wrap{\n position:relative;\n z-index:2;\n margin-top:4.5rem;\n padding-top:2.5rem;\n border-top:1px solid rgba(255,255,255,0.07);\n animation:fadeUp .7s .4s ease both;\n width:100%;\n overflow:hidden;\n}\n.code-decode-terminal{\n display:flex;\n align-items:baseline;\n gap:0.7rem;\n width:100%;\n white-space:nowrap;\n}\n.code-prompt{\n font-family:'Courier New',monospace;\n font-size:clamp(1.2rem,2.5vw,2rem);\n color:var(--orange);\n font-weight:700;\n flex-shrink:0;\n animation:promptPulse 2s infinite;\n}\n@keyframes promptPulse{0%,100%{opacity:1}50%{opacity:0.4}}\n.code-decode-text{\n font-family:var(--font-display);\n font-size:clamp(2rem,6.2vw,5.2rem);\n font-weight:800;\n letter-spacing:0.02em;\n line-height:1;\n background:linear-gradient(90deg,var(--white) 0%,var(--teal-light) 55%,var(--orange) 100%);\n -webkit-background-clip:text;\n background-clip:text;\n color:transparent;\n min-height:1em;\n}\n.code-decode-text .scramble{\n font-family:'Courier New',monospace;\n color:var(--teal-light);\n opacity:0.7;\n -webkit-text-fill-color:var(--teal-light);\n}\n.code-cursor{\n font-size:clamp(1.7rem,5vw,4.2rem);\n color:var(--orange);\n animation:cursorBlink .8s step-end infinite;\n line-height:1;\n flex-shrink:0;\n}\n@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}\n.stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--teal-light);letter-spacing:-0.03em;line-height:1;}\n.stat-label{font-size:0.79rem;color:var(--white-muted);margin-top:0.22rem;}\n@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes spin{to{transform:rotate(360deg)}}\n\n\/* ABOUT *\/\n.about{background:var(--dark2);}\n.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1160px;margin:0 auto;}\n.about-visual{position:relative;}\n.about-card{position:absolute;border-radius:var(--radius);padding:1.8rem;}\n.about-card-main{top:0;left:0;right:70px;bottom:70px;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.12));border:1px solid rgba(30,127,160,0.2);display:flex;flex-direction:column;justify-content:flex-end;}\n.about-card-float{bottom:0;right:0;width:190px;background:var(--orange);display:flex;flex-direction:column;gap:0.3rem;}\n.card-big-num{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;letter-spacing:-0.04em;}\n.card-label{font-size:0.82rem;opacity:.85;}\n.about-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;}\n.about-list li{display:flex;align-items:flex-start;gap:1rem;}\n.about-list-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:rgba(30,127,160,0.13);display:flex;align-items:center;justify-content:center;margin-top:2px;}\n.about-list-text strong{display:block;font-weight:500;margin-bottom:0.2rem;}\n.about-list-text span{color:var(--white-muted);font-size:0.86rem;}\n\n\/* FEATURES STRIP *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIVE COMMAND CENTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features-strip{background:linear-gradient(135deg,#0f2f3d 0%,var(--teal-dark) 100%);padding:45px 5vw;position:relative;overflow:hidden;}\n.features-strip::after{content:'';position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(40,168,204,0.08),transparent);animation:scanFx 4s linear infinite;}\n@keyframes scanFx{to{left:130%}}\n.live-bar{max-width:1160px;margin:0 auto 1.6rem;display:flex;align-items:center;gap:0.6rem;font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.75);position:relative;z-index:2;}\n.live-dot{width:9px;height:9px;border-radius:50%;background:#3DDC84;position:relative;flex-shrink:0;}\n.live-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #3DDC84;animation:livePulse 1.6s ease-out infinite;}\n@keyframes livePulse{0%{transform:scale(0.6);opacity:1}100%{transform:scale(1.6);opacity:0}}\n.features-strip-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;z-index:2;}\n.feat-item-c{border-left:2px solid rgba(40,168,204,0.35);padding-left:1.1rem;}\n.feat-num-c{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-0.03em;line-height:1;color:var(--white);display:flex;align-items:baseline;gap:2px;}\n.feat-num-c span{color:var(--orange-light);}\n.feat-lbl-c{color:rgba(255,255,255,0.7);font-size:0.8rem;margin-top:0.35rem;}\n.feat-trend{font-size:0.68rem;color:#3DDC84;margin-top:0.25rem;display:flex;align-items:center;gap:3px;}\n\n\/* Live dashboard (about) *\/\n.live-dash{background:linear-gradient(145deg,var(--dark3),rgba(30,127,160,0.08));border:1px solid rgba(30,127,160,0.25);border-radius:20px;padding:1.8rem;width:100%;position:relative;overflow:hidden;}\n.live-dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;flex-wrap:wrap;gap:0.5rem;}\n.live-dash-title{font-size:0.72rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);display:flex;align-items:center;gap:0.5rem;}\n.call-badge{background:rgba(61,220,132,0.12);border:1px solid rgba(61,220,132,0.3);color:#3DDC84;font-size:0.68rem;font-weight:600;padding:0.28rem 0.7rem;border-radius:20px;display:flex;align-items:center;gap:5px;white-space:nowrap;}\n.live-dash-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;}\n.mini-ring{position:relative;width:130px;height:130px;flex-shrink:0;}\n.mini-ring svg{transform:rotate(-90deg);}\n.mr-bg{fill:none;stroke:rgba(255,255,255,0.07);stroke-width:9;}\n.mr-fg{fill:none;stroke:var(--teal-light);stroke-width:9;stroke-linecap:round;stroke-dasharray:346;stroke-dashoffset:346;transition:stroke-dashoffset 1.5s ease-out;}\n.mr-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n.mr-txt .n{font-family:var(--font-display);font-size:1.7rem;font-weight:800;}\n.mr-txt .l{font-size:0.58rem;color:var(--white-muted);letter-spacing:0.06em;text-transform:uppercase;}\n.wave-wrap{flex:1;min-width:170px;}\n.wave-lbl{font-size:0.7rem;color:var(--white-muted);margin-bottom:0.5rem;display:flex;justify-content:space-between;}\n.wave-lbl b{color:#fff;font-weight:600;}\n.wave{display:flex;align-items:center;gap:3px;height:44px;}\n.wave i{flex:1;background:linear-gradient(180deg,var(--teal-light),var(--teal));border-radius:3px;animation:wvAnim 1.1s ease-in-out infinite;}\n@keyframes wvAnim{0%,100%{height:18%}50%{height:var(--h)}}\n.live-agents{display:flex;align-items:center;gap:0.5rem;margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,0.07);flex-wrap:wrap;}\n.av-stack{display:flex;}\n.av{width:30px;height:30px;border-radius:50%;border:2px solid var(--dark3);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:0.62rem;font-weight:700;font-family:var(--font-display);color:#fff;}\n.av:first-child{margin-left:0;}\n.live-agents>span{font-size:0.75rem;color:var(--white-muted);}\n.live-agents>span b{color:#fff;}\n\/* Team photo (Ideja 1) *\/\n.team-photo{position:relative;border-radius:20px;overflow:hidden;margin-top:1rem;border:1px solid rgba(30,127,160,0.2);}\n.team-photo img{width:100%;height:230px;object-fit:cover;display:block;}\n.team-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,23,0.05) 45%,rgba(13,17,23,0.82) 100%);pointer-events:none;}\n.team-photo-cap{position:absolute;bottom:0.9rem;left:1.1rem;right:1.1rem;z-index:2;display:flex;align-items:center;gap:0.55rem;font-size:0.8rem;font-weight:500;}\n\/* Partner platforme *\/\n.partners{background:var(--dark2);}\n.partners-inner{max-width:1160px;margin:0 auto;}\n.partner-lead{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.08));border:1px solid rgba(30,127,160,0.22);border-radius:16px;padding:1.3rem 1.6rem;margin-bottom:1.5rem;flex-wrap:wrap;}\n.partner-lead-txt{flex:1;min-width:240px;}\n.partner-lead-txt b{font-family:var(--font-display);font-size:1.05rem;}\n.partner-lead-txt span{display:block;color:var(--white-muted);font-size:0.83rem;margin-top:0.2rem;}\n.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}\n.platform-card{background:var(--dark3);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.6rem;transition:border-color .25s,transform .25s;}\n.platform-card:hover{border-color:rgba(30,127,160,0.4);transform:translateY(-4px);}\n.platform-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.7rem;}\n.platform-name{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-0.01em;}\n.platform-live{background:rgba(61,220,132,0.12);border:1px solid rgba(61,220,132,0.35);color:#3DDC84;font-size:0.62rem;font-weight:700;padding:0.18rem 0.6rem;border-radius:20px;letter-spacing:0.05em;}\n.platform-sub{color:var(--white-muted);font-size:0.8rem;line-height:1.6;margin-bottom:1.1rem;min-height:3.8em;}\n.platform-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}\n.pm-box{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:0.65rem 0.5rem;text-align:center;}\n.pm-box .v{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--teal-light);}\n.pm-box .k{font-size:0.6rem;color:var(--white-muted);letter-spacing:0.05em;text-transform:uppercase;margin-top:0.15rem;}\n.platform-tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:1rem;}\n.platform-tags span{font-size:0.64rem;color:var(--white-muted);border:1px solid rgba(255,255,255,0.12);padding:0.2rem 0.6rem;border-radius:20px;}\n\n\/* SERVICES *\/\n.services{background:var(--dark);}\n.services-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1160px;margin:0 auto 2.5rem;gap:1rem;flex-wrap:wrap;}\n.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;max-width:1160px;margin:0 auto;background:rgba(255,255,255,0.055);border-radius:var(--radius);overflow:hidden;}\n.service-card{background:var(--dark2);padding:2.2rem;transition:background .25s;position:relative;overflow:hidden;}\n.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}\n.service-card:hover{background:var(--dark3);}\n.service-card:hover::after{transform:scaleX(1);}\n.service-icon{width:50px;height:50px;border-radius:11px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.18);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;font-size:1.3rem;}\n.service-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:0.65rem;letter-spacing:-0.01em;}\n.service-desc{color:var(--white-muted);font-size:0.855rem;line-height:1.65;}\n.service-arrow{display:inline-flex;align-items:center;gap:5px;margin-top:1.3rem;font-size:0.8rem;color:var(--teal-light);font-weight:500;text-decoration:none;transition:gap .2s;}\n.service-arrow:hover{gap:9px;}\n.service-card-wide{grid-column:span 3;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.06))!important;border-top:2px solid rgba(30,127,160,0.28);}\n.service-card-wide-inner{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;}\n.service-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1.1rem;}\n.service-tag-pill{font-size:0.73rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.25rem 0.72rem;border-radius:20px;}\n\n\/* WHY *\/\n.why{background:var(--dark2);}\n.why-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}\n.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}\n.why-card{background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.4rem;transition:border-color .25s,transform .25s;}\n.why-card:hover{border-color:rgba(30,127,160,0.32);transform:translateY(-3px);}\n.why-card-icon{font-size:1.5rem;margin-bottom:0.7rem;}\n.why-card-title{font-family:var(--font-display);font-weight:700;font-size:0.92rem;margin-bottom:0.45rem;letter-spacing:-0.01em;}\n.why-card-desc{color:var(--white-muted);font-size:0.8rem;line-height:1.55;}\n.why-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--teal-dark),rgba(30,127,160,0.18));border-color:rgba(30,127,160,0.35);display:flex;align-items:center;gap:1.3rem;}\n.why-card.featured .why-card-icon{font-size:2.2rem;flex-shrink:0;}\n\n\/* PROCESS *\/\n.process{background:var(--dark);}\n.process-inner{max-width:1160px;margin:0 auto;}\n.process-steps{display:flex;gap:0;margin-top:3rem;position:relative;}\n.process-steps::before{content:'';position:absolute;top:27px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--orange),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(0.4,0,0.2,1);}\n.process-steps.pc-active::before{transform:scaleX(1);}\n\/* Putuju\u0107a data-ta\u010dkica po liniji *\/\n.line-pulse{position:absolute;top:24px;left:0;width:7px;height:7px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 12px var(--teal-light);opacity:0;z-index:1;}\n.process-steps.pc-active .line-pulse{animation:linePulseTravel 5s 2s linear infinite;}\n@keyframes linePulseTravel{0%{left:0;opacity:0}5%{opacity:1}90%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}\n.process-step{flex:1;padding:0 1.3rem;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}\n.process-steps.pc-active .process-step{opacity:1;transform:none;}\n.process-steps.pc-active .process-step:nth-child(2){transition-delay:.35s;}\n.process-steps.pc-active .process-step:nth-child(3){transition-delay:.7s;}\n.process-steps.pc-active .process-step:nth-child(4){transition-delay:1.05s;}\n.process-steps.pc-active .process-step:nth-child(5){transition-delay:1.4s;}\n.step-num{width:54px;height:54px;border-radius:50%;background:var(--dark2);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--teal-light);margin-bottom:1.4rem;position:relative;z-index:2;}\n.step-title{font-family:var(--font-display);font-weight:700;font-size:0.97rem;margin-bottom:0.45rem;}\n.step-desc{color:var(--white-muted);font-size:0.82rem;line-height:1.6;}\n\n\/* CTA *\/\n.cta-banner{padding:70px 5vw;background:var(--dark2);}\n.cta-inner{max-width:1160px;margin:0 auto;background:linear-gradient(135deg,var(--teal-dark) 0%,#0e3a4a 100%);border-radius:22px;padding:4.5rem 4rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;}\n.cta-inner::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(240,120,48,0.14);filter:blur(55px);}\n.cta-text{position:relative;z-index:2;}\n.cta-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:700;letter-spacing:-0.025em;line-height:1.12;margin-bottom:0.85rem;}\n.cta-sub{color:rgba(255,255,255,0.72);max-width:460px;font-size:0.95rem;}\n.cta-actions{position:relative;z-index:2;flex-shrink:0;}\n\n\/* CONTACT *\/\n.contact{background:var(--dark);}\n.contact-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4.5rem;align-items:start;}\n.contact-detail{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;color:var(--white-muted);font-size:0.88rem;}\n.contact-detail-icon{width:38px;height:38px;border-radius:9px;background:rgba(30,127,160,0.11);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}\n.contact-form-wrap{background:var(--dark2);border:1px solid rgba(255,255,255,0.065);border-radius:20px;padding:2.2rem;}\n.form-group{margin-bottom:1.1rem;}\n.form-group label{display:block;font-size:0.75rem;color:var(--white-muted);margin-bottom:0.45rem;letter-spacing:0.05em;text-transform:uppercase;font-weight:500;}\n.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--dark3);border:1px solid rgba(255,255,255,0.075);border-radius:10px;padding:0.8rem 1rem;color:var(--white);font-family:var(--font-body);font-size:0.88rem;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;}\n.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--teal);}\n.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.28);}\n.form-group textarea{height:115px;resize:vertical;}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}\n#form-success{display:none;text-align:center;padding:3rem 1rem;}\n#form-error{display:none;background:rgba(220,50,50,0.09);border:1px solid rgba(220,50,50,0.28);border-radius:10px;padding:0.9rem 1rem;margin-bottom:1rem;font-size:0.85rem;color:#ff8080;}\n\n\/* FOOTER *\/\nfooter{background:var(--dark2);border-top:1px solid rgba(255,255,255,0.055);padding:55px 5vw 28px;}\n.footer-inner{max-width:1160px;margin:0 auto;}\n.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.055);}\n.footer-brand-tagline{color:var(--white-muted);font-size:0.86rem;margin-top:0.9rem;max-width:270px;line-height:1.65;}\n.footer-col-title{font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.1rem;}\n.footer-links{list-style:none;}\n.footer-links li{margin-bottom:0.55rem;}\n.footer-links a{color:var(--white-muted);text-decoration:none;font-size:0.88rem;transition:color .2s;}\n.footer-links a:hover{color:var(--white);}\n.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.8rem;font-size:0.78rem;color:var(--white-muted);flex-wrap:wrap;gap:0.5rem;}\n.footer-bottom a{color:var(--teal-light);text-decoration:none;}\n\n\/* LEGAL MODALS *\/\n.legal-overlay{position:fixed;inset:0;background:rgba(5,8,12,0.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:4vh 4vw;}\n.legal-overlay.open{display:flex;animation:fadeUp .25s ease both;}\n.legal-modal{background:var(--dark2);border:1px solid rgba(30,127,160,0.25);border-radius:20px;max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.6);}\n.legal-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.8rem;border-bottom:1px solid rgba(255,255,255,0.07);flex-shrink:0;gap:1rem;}\n.legal-modal-head h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-0.01em;}\n.legal-close{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white-muted);transition:all .2s;flex-shrink:0;}\n.legal-close:hover{background:rgba(240,120,48,0.15);color:var(--orange-light);border-color:rgba(240,120,48,0.3);}\n.legal-modal-body{padding:1.6rem 1.8rem;overflow-y:auto;font-size:0.88rem;line-height:1.75;}\n.legal-modal-body h4{font-family:var(--font-display);font-size:0.98rem;font-weight:700;margin:1.6rem 0 0.5rem;color:#fff;}\n.legal-modal-body h4:first-of-type{margin-top:0;}\n.legal-modal-body p{color:var(--white-muted);margin-bottom:0.7rem;}\n.legal-modal-body ul{margin:0.4rem 0 0.9rem 1.2rem;color:var(--white-muted);}\n.legal-modal-body li{margin-bottom:0.3rem;color:var(--white-muted);}\n.legal-modal-body b{color:#fff;font-weight:600;}\n.legal-modal-body a{color:var(--teal-light);text-decoration:none;}\n.legal-modal-body::-webkit-scrollbar{width:5px;}\n.legal-modal-body::-webkit-scrollbar-thumb{background:var(--teal-dark);border-radius:3px;}\n.legal-updated{font-size:0.75rem;color:var(--white-muted);margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.06);}\n@media(max-width:600px){.legal-overlay{padding:0;}.legal-modal{max-height:100vh;border-radius:0;height:100%;}}\n\n\/* REVEAL *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease;}\n.reveal.visible{opacity:1;transform:none;}\n\n\/* SCROLLBAR *\/\n::-webkit-scrollbar{width:5px;}\n::-webkit-scrollbar-track{background:var(--dark);}\n::-webkit-scrollbar-thumb{background:var(--teal-dark);border-radius:3px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px){\n .nav-capsule-wrap{display:none;}\n .mobile-menu-btn{display:flex;}\n}\n@media(max-width:1024px){\n .services-grid{grid-template-columns:1fr 1fr;}\n .service-card-wide{grid-column:span 2;}\n .about-inner{grid-template-columns:1fr;gap:2.5rem;}\n .footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important;}\n .platform-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;}\n}\n@media(max-width:768px){\n .nav-capsule-wrap{display:none;}\n .mobile-menu-btn{display:flex;}\n nav{height:64px;padding:0 5vw;}\n .nav-drawer{top:64px;}\n .hero{padding:96px 5vw 55px;min-height:100svh;}\n .hero-title{font-size:clamp(2rem,9vw,3rem);line-height:1.15;}\n .hero-sub{font-size:0.95rem;}\n .hero-actions{flex-direction:column;gap:0.75rem;}\n .hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center;}\n .code-decode-wrap{margin-top:3rem;padding-top:2rem;}\n .code-decode-terminal{gap:0.45rem;}\n .code-decode-text{font-size:7.2vw;letter-spacing:0;}\n .code-cursor{font-size:5.5vw;}\n .code-prompt{font-size:3.2vw;}\n #karijera{padding:60px 5vw!important;}\n .cta-banner{padding:50px 5vw;}\n .stat-num{font-size:1.9rem;}\n section{padding:60px 5vw;}\n .section-title{font-size:clamp(1.6rem,6vw,2.2rem);}\n .about-inner{grid-template-columns:1fr;gap:2rem;}\n .features-strip{padding:40px 5vw;}\n .features-strip-inner{grid-template-columns:1fr 1fr;gap:1.2rem;}\n .feat-num-c{font-size:1.9rem;}\n .live-dash{padding:1.3rem;}\n .live-dash-row{gap:1rem;}\n .platform-grid{grid-template-columns:1fr;}\n .partner-lead{flex-direction:column;align-items:flex-start;}\n .partner-lead .btn-secondary{width:100%;justify-content:center;}\n .team-photo img{height:190px;}\n .services-grid{grid-template-columns:1fr;gap:1.5px;}\n .service-card-wide{grid-column:span 1;}\n .service-card-wide-inner{flex-direction:column;gap:1.2rem;}\n .service-card-wide-inner .btn-primary{width:100%;justify-content:center;}\n .services-header{flex-direction:column;align-items:flex-start;}\n .why-inner{grid-template-columns:1fr;gap:2.5rem;}\n .why-cards{grid-template-columns:1fr;}\n .why-card.featured{grid-column:span 1;flex-direction:column;gap:1rem;}\n .process-steps{flex-direction:column;gap:1.8rem;}\n .process-steps::before{display:none;}\n .line-pulse{display:none;}\n .process-step{padding:0;display:flex;gap:1.2rem;align-items:flex-start;}\n .step-num{flex-shrink:0;margin-bottom:0;}\n .cta-inner{padding:2.5rem 1.8rem;flex-direction:column;}\n .cta-actions .btn-primary{width:100%;justify-content:center;}\n .cta-title{font-size:1.55rem;}\n .contact-inner{grid-template-columns:1fr;gap:2.5rem;}\n .form-row{grid-template-columns:1fr;gap:0;}\n .footer-top{grid-template-columns:1fr;gap:2rem;}\n .footer-bottom{flex-direction:column;align-items:flex-start;}\n .footer-grid{grid-template-columns:1fr!important;gap:2rem!important;}\n .careers-perks{grid-template-columns:1fr!important;}\n .job-card>div{flex-direction:column;align-items:flex-start!important;}\n #job-form{padding:1.8rem!important;}\n \/* Job card mobile fix *\/\n .job-card-inner{flex-direction:column!important;align-items:flex-start!important;}\n .job-card-meta{flex-direction:row!important;flex-wrap:wrap!important;}\n .job-card-meta .btn-primary{width:100%!important;justify-content:center!important;margin-top:0.25rem;}\n \/* CV upload toggle *\/\n .cv-toggle-wrap{display:flex;flex-direction:column;gap:0.6rem;}\n}\n@media(max-width:400px){\n .hero-title{font-size:1.85rem;}\n .features-strip-inner{grid-template-columns:1fr 1fr;}\n .cta-title{font-size:1.35rem;}\n .live-dash-head{flex-direction:column;align-items:flex-start;}\n .mini-ring{margin:0 auto;}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n \n <a href=\"#\" class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\" alt=\"X Call Tech\">\n <\/a>\n\n \n <div class=\"nav-capsule-wrap\">\n <ul class=\"nav-capsule\">\n <li>\n <a href=\"#usluge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n Usluge\n <\/a>\n <\/li>\n <li>\n <a href=\"#o-nama\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n O nama\n <\/a>\n <\/li>\n <li>\n <a href=\"#zasto-mi\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n Za\u0161to mi?\n <\/a>\n <\/li>\n <li>\n <a href=\"#karijera\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n Karijera\n <\/a>\n <\/li>\n <li>\n <a href=\"#kontakt\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Kontakt\n <\/a>\n <\/li>\n <li>\n <a href=\"#kontakt\" class=\"nav-cta-pill\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n Kontaktirajte nas\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nav-right\">\n <button class=\"mobile-menu-btn\" id=\"menuBtn\" aria-label=\"Otvori meni\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n\n<div class=\"nav-drawer\" id=\"navDrawer\">\n <a href=\"#usluge\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n Usluge\n <\/a>\n <a href=\"#o-nama\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n O nama\n <\/a>\n <a href=\"#zasto-mi\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n Za\u0161to mi?\n <\/a>\n <a href=\"#karijera\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n Karijera\n <\/a>\n <a href=\"#kontakt\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Kontakt\n <\/a>\n <a href=\"#kontakt\" class=\"drawer-cta\" onclick=\"closeMenu()\">Kontaktirajte nas \u2192<\/a>\n<\/div>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">Communicate to Succeed<\/div>\n <h1 class=\"hero-title\">\n Inovativna IT<br>\n rje\u0161enja i <span class=\"accent\">podr\u0161ka<\/span><br>\n za va\u0161 <span class=\"accent2\">uspjeh<\/span>\n <\/h1>\n <p class=\"hero-sub\">Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni rast je na\u0161a misija \u2014 24\/7.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#kontakt\" class=\"btn-primary\">\n Zapo\u010dnite konsultacije\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#usluge\" class=\"btn-secondary\">Na\u0161e usluge<\/a>\n <\/div>\n <\/div>\n \n <div class=\"code-decode-wrap\">\n <div class=\"code-decode-terminal\">\n <span class=\"code-prompt\">>_<\/span>\n <span id=\"decode-text\" class=\"code-decode-text\"><\/span><span class=\"code-cursor\">\u258a<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"about\" id=\"o-nama\">\n <div class=\"about-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">O nama<\/div>\n <h2 class=\"section-title\">Najbolja usluga kontakt centra za va\u0161 posao<\/h2>\n <p class=\"section-body\">X Call Tech je va\u0161 pouzdan partner za komunikaciju, korisni\u010dku podr\u0161ku i digitalni rast. Kombinujemo tehnologiju, stru\u010dnost i predanost kako bismo va\u0161im klijentima pru\u017eili iskustvo koje pamte.<\/p>\n <ul class=\"about-list\">\n <li>\n <div class=\"about-list-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div class=\"about-list-text\">\n <strong>Podr\u0161ka korisnicima 24\/7<\/strong>\n <span>Neprekidna dostupnost, prilago\u0111ena va\u0161em rasporedu i potrebama klijenata.<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"about-list-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\n <div class=\"about-list-text\">\n <strong>Redovni izvje\u0161taji i analize<\/strong>\n <span>Detaljne analize performansi koje vam daju potpuni uvid u va\u0161e poslovanje.<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"about-list-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div class=\"about-list-text\">\n <strong>Usluge na vi\u0161e jezika<\/strong>\n <span>Komunikacija na razli\u010ditim jezicima za klijente \u0161irom svijeta.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"about-visual reveal\">\n <div class=\"live-dash\">\n <div class=\"live-dash-head\">\n <div class=\"live-dash-title\"><span class=\"live-dot\"><\/span> X Call Tech \u00b7 Live pregled \u00b7 <span id=\"live-clock\" style=\"color:var(--teal-light);\">--:--<\/span><\/div>\n <div class=\"call-badge\">\u25cf <span id=\"live-calls\">38<\/span> aktivnih poziva<\/div>\n <\/div>\n <div class=\"live-dash-row\">\n <div class=\"mini-ring\">\n <svg width=\"130\" height=\"130\">\n <circle class=\"mr-bg\" cx=\"65\" cy=\"65\" r=\"55\"\/>\n <circle class=\"mr-fg\" cx=\"65\" cy=\"65\" r=\"55\"\/>\n <\/svg>\n <div class=\"mr-txt\"><div class=\"n\"><span id=\"live-eff\">87<\/span>%<\/div><div class=\"l\">Efikasnost<\/div><\/div>\n <\/div>\n <div class=\"wave-wrap\">\n <div class=\"wave-lbl\"><span>Dolazni pozivi<\/span><b><span id=\"calls-today\">0<\/span> danas<\/b><\/div>\n <div class=\"wave\">\n <i style=\"--h:85%;animation-delay:0s\"><\/i><i style=\"--h:45%;animation-delay:.1s\"><\/i>\n <i style=\"--h:95%;animation-delay:.2s\"><\/i><i style=\"--h:60%;animation-delay:.05s\"><\/i>\n <i style=\"--h:75%;animation-delay:.25s\"><\/i><i style=\"--h:40%;animation-delay:.15s\"><\/i>\n <i style=\"--h:90%;animation-delay:.3s\"><\/i><i style=\"--h:55%;animation-delay:.08s\"><\/i>\n <i style=\"--h:70%;animation-delay:.22s\"><\/i><i style=\"--h:88%;animation-delay:.12s\"><\/i>\n <i style=\"--h:50%;animation-delay:.28s\"><\/i><i style=\"--h:80%;animation-delay:.18s\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"live-agents\">\n <div class=\"av-stack\">\n <div class=\"av\" style=\"background:#1E7FA0\">A<\/div>\n <div class=\"av\" style=\"background:#F07830\">M<\/div>\n <div class=\"av\" style=\"background:#28A8CC\">S<\/div>\n <div class=\"av\" style=\"background:#155f78\">D<\/div>\n <div class=\"av\" style=\"background:rgba(255,255,255,0.15)\" id=\"av-more\">+80<\/div>\n <\/div>\n <span><b id=\"live-agents\">84<\/b> agenta online<\/span>\n <div class=\"call-badge\" style=\"margin-left:auto;\">100+ klijenata<\/div>\n <\/div>\n <\/div>\n \n <div class=\"team-photo\">\n <img loading=\"lazy\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2026\/08\/xcall-tim-pogon-web.jpg\" alt=\"X Call Tech tim u radnom pogonu\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"900\">\n <div class=\"team-photo-cap\">\n <span class=\"live-dot\"><\/span> Na\u0161 tim \u00b7 Srebrenik\n <span class=\"call-badge\" style=\"margin-left:auto;\">U\u017eivo iz pogona<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"features-strip reveal\">\n <div class=\"live-bar\"><span class=\"live-dot\"><\/span> LIVE \u00b7 Operativni status<\/div>\n <div class=\"features-strip-inner\">\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\">24<span>\/7<\/span><\/div>\n <div class=\"feat-lbl-c\">Dostupnost tima<\/div>\n <div class=\"feat-trend\">\u25b2 Aktivno sada<\/div>\n <\/div>\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\"><b class=\"cnt-c\" data-t=\"90\">0<\/b><span>%<\/span><\/div>\n <div class=\"feat-lbl-c\">Stopa komunikacije<\/div>\n <div class=\"feat-trend\">\u25b2 +2% ovaj mjesec<\/div>\n <\/div>\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\"><b class=\"cnt-c\" data-t=\"87\">0<\/b><span>%<\/span><\/div>\n <div class=\"feat-lbl-c\">Live podr\u0161ka<\/div>\n <div class=\"feat-trend\">\u25b2 Iznad prosjeka<\/div>\n <\/div>\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\"><b class=\"cnt-c\" data-t=\"5\">0<\/b><span>+<\/span><\/div>\n <div class=\"feat-lbl-c\">Godina na tr\u017ei\u0161tu<\/div>\n <div class=\"feat-trend\">\u25b2 5 poslovnica<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"services\" id=\"usluge\">\n <div class=\"services-header reveal\">\n <div>\n <div class=\"section-tag\">Na\u0161i servisi<\/div>\n <h2 class=\"section-title\">Koje usluge nudimo<\/h2>\n <\/div>\n <a href=\"#kontakt\" class=\"btn-secondary\">Kontaktirajte nas \u2192<\/a>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div class=\"service-title\">Call Centar<\/div>\n <p class=\"service-desc\">Usluga call centra pru\u017ea neprekidnu podr\u0161ku klijentima, osiguravaju\u0107i profesionalnu komunikaciju i zadovoljstvo korisnika u svakom trenutku.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg><\/div>\n <div class=\"service-title\">Outsourcing<\/div>\n <p class=\"service-desc\">Pristup kvalificiranim stru\u010dnjacima izvan va\u0161e organizacije, pru\u017eaju\u0107i fleksibilnost, skalabilnost i zna\u010dajne u\u0161tede tro\u0161kova.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l18-5v12L3 14v-3z\"\/><path d=\"M11.6 16.8a3 3 0 1 1-5.8-1.6\"\/><\/svg><\/div>\n <div class=\"service-title\">Digitalni Marketing<\/div>\n <p class=\"service-desc\">Uz unikatan plan, strategiju i jasne ciljeve unapre\u0111ujemo va\u0161e profile, \u010dinimo ih jedinstvenim i profitabilnim na svim digitalnim kanalima.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg><\/div>\n <div class=\"service-title\">Korisni\u010dka Podr\u0161ka<\/div>\n <p class=\"service-desc\">Profesionalna i efikasna pomo\u0107 va\u0161im korisnicima kako bismo osigurali njihovo zadovoljstvo i dugoro\u010dnu lojalnost brendu.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\n <div class=\"service-title\">Web Development<\/div>\n <p class=\"service-desc\">Posve\u0107enost, unikatnost i kvalitet su na\u0161e karakteristike. Gradimo web rje\u0161enja koja su brza, moderna i optimizirana za konverzije.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg><\/div>\n <div class=\"service-title\">E-commerce<\/div>\n <p class=\"service-desc\">Uz tehnolo\u0161ka rje\u0161enja i stru\u010dnu podr\u0161ku, vodimo va\u0161 e-commerce posao prema budu\u0107nosti \u2014 od platforme do logistike i podr\u0161ke kupcima.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card service-card-wide reveal\">\n <div class=\"service-card-wide-inner\">\n <div class=\"service-icon\" style=\"background:rgba(240,120,48,0.13);border-color:rgba(240,120,48,0.22);font-size:1.5rem;width:56px;height:56px;flex-shrink:0;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\n <div style=\"flex:1;min-width:220px;\">\n <div style=\"display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;margin-bottom:0.65rem;\">\n <span class=\"service-title\" style=\"margin:0;\">Razvoj Softvera po Mjeri<\/span>\n <span style=\"font-size:0.68rem;font-weight:600;background:rgba(240,120,48,0.14);color:var(--orange-light);padding:0.2rem 0.65rem;border-radius:20px;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;\">Bespoke Software<\/span>\n <\/div>\n <p class=\"service-desc\" style=\"max-width:680px;\">Dizajniramo i razvijamo softverska rje\u0161enja prilago\u0111ena specifi\u010dnim poslovnim procesima va\u0161e organizacije \u2014 od analize zahtjeva i arhitekture sustava do isporuke i dugoro\u010dnog odr\u017eavanja. Pokrivamo razvoj web aplikacija, CRM\/ERP integracija, REST API servisa i automatizacijskih platformi, koriste\u0107i moderne tehnologije i agilne metodologije. Rezultat je skalabilno, sigurno i lako odr\u017eivo rje\u0161enje koje direktno pove\u0107ava operativnu efikasnost.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag-pill\">Web Aplikacije<\/span>\n <span class=\"service-tag-pill\">CRM \/ ERP Integracije<\/span>\n <span class=\"service-tag-pill\">API Razvoj<\/span>\n <span class=\"service-tag-pill\">Automatizacija Procesa<\/span>\n <span class=\"service-tag-pill\">SaaS Platforme<\/span>\n <\/div>\n <\/div>\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"flex-shrink:0;align-self:center;\">Zatra\u017ei ponudu \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why\" id=\"zasto-mi\">\n <div class=\"why-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Za\u0161to odabrati nas<\/div>\n <h2 class=\"section-title\">Na\u0161 fokus: va\u0161 poslovni uspjeh<\/h2>\n <p class=\"section-body\">Fokusirani smo na osiguravanje uspjeha va\u0161eg procesa, pru\u017eaju\u0107i podr\u0161ku i rje\u0161enja prilago\u0111ena va\u0161im poslovnim potrebama i ciljevima.<\/p>\n <div style=\"margin-top:2rem;\">\n <a href=\"#kontakt\" class=\"btn-primary\">Kontaktirajte nas<\/a>\n <\/div>\n <\/div>\n <div class=\"why-cards reveal\">\n <div class=\"why-card featured\">\n <div class=\"why-card-icon\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18.18 8a4 4 0 1 1 0 8c-3 0-4.68-2.67-6.18-4-1.5-1.33-3.18-4-6.18-4a4 4 0 1 0 0 8c3 0 4.68-2.67 6.18-4 1.5-1.33 3.18-4 6.18-4z\"\/><\/svg><\/div>\n <div>\n <div class=\"why-card-title\">White-label kompanija<\/div>\n <div class=\"why-card-desc\">Proizvodimo i pru\u017eamo usluge rebrendiranja i prodaje, omogu\u0107avaju\u0107i kompanijama resurse potrebne za \u0161irenje tr\u017ei\u0161ta bez dodatnih tro\u0161kova.<\/div>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Garancija zadovoljstva<\/div>\n <div class=\"why-card-desc\">Dizajnirani smo s ciljem osiguranja potpune satisfakcije klijenata, nude\u0107i vrhunsku kvalitetu i podr\u0161ku.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Vi\u0161ejezi\u010dna podr\u0161ka<\/div>\n <div class=\"why-card-desc\">Komunikacija na vi\u0161e jezika za klijente i poslovne partnere \u0161irom svijeta.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Profesionalan pristup<\/div>\n <div class=\"why-card-desc\">Svaki zadatak tretiramo s temeljito\u0161\u0107u, efikasno\u0161\u0107u i posve\u0107eno\u0161\u0107u najboljoj mogu\u0107oj usluzi.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Outsourcing call centra<\/div>\n <div class=\"why-card-desc\">U\u010dinkovito upravljanje komunikacijom s klijentima, osloba\u0111aju\u0107i va\u0161e resurse za klju\u010dne aktivnosti.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process\">\n <div class=\"process-inner\">\n <div class=\"reveal\" style=\"text-align:center;max-width:560px;margin:0 auto;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Kako poslujemo<\/div>\n <h2 class=\"section-title\">Jednostavan proces.<br>Maksimalni rezultati.<\/h2>\n <\/div>\n <div class=\"process-steps reveal\">\n <span class=\"line-pulse\"><\/span>\n <div class=\"process-step\">\n <div class=\"step-num\">01<\/div>\n <div>\n <div class=\"step-title\">Konsultacija<\/div>\n <p class=\"step-desc\">Slu\u0161amo va\u0161e potrebe i analiziramo poslovne ciljeve kako bismo razumjeli pravi izazov.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">02<\/div>\n <div>\n <div class=\"step-title\">Strategija<\/div>\n <p class=\"step-desc\">Kreiramo prilago\u0111eni plan akcije koji direktno odgovara va\u0161im potrebama i bud\u017eetu.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">03<\/div>\n <div>\n <div class=\"step-title\">Implementacija<\/div>\n <p class=\"step-desc\">Na\u0161 stru\u010dni tim primjenjuje rje\u0161enje uz stalnu komunikaciju i transparentnost.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">04<\/div>\n <div>\n <div class=\"step-title\">Rezultati & Rast<\/div>\n <p class=\"step-desc\">Pratimo performanse, dostavljamo izvje\u0161taje i kontinuirano optimizujemo za bolje rezultate.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"partners\" id=\"platforme\">\n <div class=\"partners-inner\">\n <div class=\"reveal\" style=\"text-align:center;max-width:620px;margin:0 auto 2.5rem;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Na\u0161e platforme<\/div>\n <h2 class=\"section-title\">Platforme koje pokre\u0107u na\u0161 rad<\/h2>\n <p class=\"section-body\" style=\"margin:0 auto;\">Razvijamo i operativno vodimo napredne platforme za prodaju, lead generaciju i multi-channel ogla\u0161avanje \u2014 jedan tim, jedan standard kvalitete.<\/p>\n <\/div>\n\n <div class=\"platform-grid\">\n \n <div class=\"platform-card reveal\">\n <div class=\"platform-head\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <span class=\"platform-name\">COSP<\/span>\n <span class=\"platform-live\">LIVE<\/span>\n <\/div>\n <p class=\"platform-sub\">End-to-end outbound prodajna platforma za call centar operacije \u2014 lead pipeline, performanse agenata, kampanje i real-time izvje\u0161taji na vi\u0161e tr\u017ei\u0161ta.<\/p>\n <div class=\"platform-metrics\">\n <div class=\"pm-box\"><div class=\"v\">320+<\/div><div class=\"k\">Aktivnih korisnika<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">8<\/div><div class=\"k\">Live kampanja<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">5<\/div><div class=\"k\">Tr\u017ei\u0161ta<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">99.9%<\/div><div class=\"k\">Uptime<\/div><\/div>\n <\/div>\n <div class=\"platform-tags\"><span>Sales<\/span><span>Outbound<\/span><span>SaaS<\/span><span>Call Center<\/span><\/div>\n <\/div>\n\n \n <div class=\"platform-card reveal\">\n <div class=\"platform-head\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\n <span class=\"platform-name\">LeadFlow<\/span>\n <span class=\"platform-live\">LIVE<\/span>\n <\/div>\n <p class=\"platform-sub\">AI platforma za generisanje i kvalifikaciju leadova \u2014 prikuplja, oboga\u0107uje, boduje i rutira leadove direktno prodajnim timovima kroz COSP integraciju.<\/p>\n <div class=\"platform-metrics\">\n <div class=\"pm-box\"><div class=\"v\">2,400+<\/div><div class=\"k\">Leadova \/ dan<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">94%<\/div><div class=\"k\">Enrichment rate<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">45<\/div><div class=\"k\">Aktivnih klijenata<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">12<\/div><div class=\"k\">Integracija<\/div><\/div>\n <\/div>\n <div class=\"platform-tags\"><span>Lead Gen<\/span><span>AI<\/span><span>SaaS<\/span><span>Automation<\/span><\/div>\n <\/div>\n\n \n <div class=\"platform-card reveal\">\n <div class=\"platform-head\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n <span class=\"platform-name\">AdStack<\/span>\n <span class=\"platform-live\">LIVE<\/span>\n <\/div>\n <p class=\"platform-sub\">Centralizovana platforma za vo\u0111enje kampanja preko Meta, Google, TikTok i native mre\u017ea \u2014 optimizacija bud\u017eeta, rotacija kreativa i real-time ROAS pra\u0107enje.<\/p>\n <div class=\"platform-metrics\">\n <div class=\"pm-box\"><div class=\"v\">\u20ac2.1M<\/div><div class=\"k\">Ad spend \/ mj<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">120+<\/div><div class=\"k\">Aktivnih kampanja<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">4.2x<\/div><div class=\"k\">Prosje\u010dan ROAS<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">6<\/div><div class=\"k\">Mre\u017ea<\/div><\/div>\n <\/div>\n <div class=\"platform-tags\"><span>Advertising<\/span><span>Multi-Channel<\/span><span>SaaS<\/span><span>Performance<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-banner\">\n <div class=\"cta-inner reveal\">\n <div class=\"cta-text\">\n <h2 class=\"cta-title\">Trebate iskusnog partnera<br>za va\u0161e poslovanje?<\/h2>\n <p class=\"cta-sub\">Na\u0161a stru\u010dna ekipa stoji vam na raspolaganju. Zaka\u017eite besplatne konsultacije danas i napravite prvi korak prema uspjehu.<\/p>\n <\/div>\n <div class=\"cta-actions\">\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"font-size:1rem;padding:1rem 2.2rem;\">\n Zaka\u017eite konsultacije\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"contact\" id=\"kontakt\">\n <div class=\"contact-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Kontakt<\/div>\n <h2 class=\"section-title\">Pove\u017eimo se<\/h2>\n <p class=\"section-body\">Kontaktirajte nas kako biste istra\u017eili mogu\u0107nosti, postavili pitanja ili zapo\u010deli saradnju. Uvijek smo tu da pomognemo.<\/p>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n <div><a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);text-decoration:none;\">info@xcall.ba<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div><a href=\"tel:+38761773130\" style=\"color:var(--white-muted);text-decoration:none;\">+387 61 773 130<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div>www.xcall.ba<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div>Srebrenik, Bosna i Hercegovina<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n <div>Dostupni 24\/7 za va\u0161e potrebe<\/div>\n <\/div>\n <div style=\"display:flex;gap:0.75rem;margin-top:2rem;\">\n <a href=\"https:\/\/www.facebook.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(24,119,242,0.12);border:1px solid rgba(24,119,242,0.3);color:#5B9BF8;text-decoration:none;padding:0.6rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:500;transition:background .2s;\" onmouseover=\"this.style.background='rgba(24,119,242,0.22)'\" onmouseout=\"this.style.background='rgba(24,119,242,0.12)'\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n Facebook\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(225,48,108,0.12);border:1px solid rgba(225,48,108,0.3);color:#F77EAD;text-decoration:none;padding:0.6rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:500;transition:background .2s;\" onmouseover=\"this.style.background='rgba(225,48,108,0.22)'\" onmouseout=\"this.style.background='rgba(225,48,108,0.12)'\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n Instagram\n <\/a>\n <\/div>\n <\/div>\n <div class=\"contact-form-wrap reveal\">\n <div id=\"form-success\">\n <div style=\"margin-bottom:1rem;display:flex;justify-content:center;\"><svg width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3DDC84\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;\">Poruka poslana!<\/div>\n <div style=\"color:var(--white-muted);font-size:0.88rem;\">Kontaktirat \u0107emo vas u najkra\u0107em mogu\u0107em roku.<\/div>\n <\/div>\n <div id=\"form-error\">\n Gre\u0161ka pri slanju. Kontaktirajte nas direktno na <a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);\">info@xcall.ba<\/a>.\n <\/div>\n \n <form id=\"xcall-form\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"a19001da-adeb-4078-bfc3-74cb5cfaca7e\">\n <input type=\"hidden\" name=\"subject\" value=\"Nova poruka sa xcall.ba\">\n <input type=\"hidden\" name=\"from_name\" value=\"X Call Tech Website\">\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ime *<\/label>\n <input type=\"text\" name=\"ime\" placeholder=\"Va\u0161e ime\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Prezime<\/label>\n <input type=\"text\" name=\"prezime\" placeholder=\"Va\u0161e prezime\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Email adresa *<\/label>\n <input type=\"email\" name=\"email\" placeholder=\"vasa@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Telefon<\/label>\n <input type=\"tel\" name=\"telefon\" placeholder=\"+387 ...\">\n <\/div>\n <div class=\"form-group\">\n <label>Kompanija<\/label>\n <input type=\"text\" name=\"kompanija\" placeholder=\"Naziv va\u0161e kompanije\">\n <\/div>\n <div class=\"form-group\">\n <label>Usluga koja vas zanima<\/label>\n <select name=\"usluga\">\n <option value=\"\">Odaberite uslugu...<\/option>\n <option>Call Centar<\/option>\n <option>Outsourcing<\/option>\n <option>Digitalni Marketing<\/option>\n <option>Korisni\u010dka Podr\u0161ka<\/option>\n <option>Web Development<\/option>\n <option>E-commerce<\/option>\n <option>Razvoj Softvera po Mjeri<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Poruka *<\/label>\n <textarea name=\"poruka\" placeholder=\"Opi\u0161ite va\u0161e potrebe ili pitanja...\" required><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"submit-btn\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:0.95rem;\">\n <span id=\"btn-text\">Po\u0161aljite poruku<\/span>\n <svg id=\"btn-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <svg id=\"btn-spinner\" style=\"display:none;animation:spin 1s linear infinite;\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.25\"\/><path d=\"M12 3a9 9 0 0 1 9 9\"\/><\/svg>\n <\/button>\n <p style=\"text-align:center;margin-top:0.9rem;font-size:0.74rem;color:var(--white-muted);\">Odgovaramo u roku od 24h \u00b7 <a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);\">info@xcall.ba<\/a><\/p>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"karijera\" style=\"background:var(--dark2);padding:90px 5vw;\">\n <div style=\"max-width:1160px;margin:0 auto;\">\n\n \n <div class=\"reveal\" style=\"text-align:center;max-width:640px;margin:0 auto 4rem;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Karijera<\/div>\n <h2 class=\"section-title\">Pridru\u017eite se na\u0161em timu<\/h2>\n <p class=\"section-body\" style=\"margin:0 auto;\">Tra\u017eimo talentirane i ambiciozne ljude koji \u017eele graditi karijeru u dinami\u010dnom i modernom okru\u017eenju. Nudimo prilike za razvoj, u\u010denje i napredak u jednoj od najbr\u017ee rastu\u0107ih IT i komunikacijskih kompanija u regiji.<\/p>\n <\/div>\n\n \n <div class=\"reveal careers-perks\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:4rem;\">\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"margin-bottom:0.9rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"1\"\/><line x1=\"9\" y1=\"7\" x2=\"9.01\" y2=\"7\"\/><line x1=\"15\" y1=\"7\" x2=\"15.01\" y2=\"7\"\/><line x1=\"9\" y1=\"12\" x2=\"9.01\" y2=\"12\"\/><line x1=\"15\" y1=\"12\" x2=\"15.01\" y2=\"12\"\/><path d=\"M9 22v-4h6v4\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">Moderne prostorije<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Rad u moderno opremljenim poslovnim prostorima s ugodnom atmosferom i svim potrebnim resursima.<\/div>\n <\/div>\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"margin-bottom:0.9rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">Ugodna atmosfera<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Tim koji podr\u017eava, motivira i zajedno raste. Kultura otvorene komunikacije i me\u0111usobnog po\u0161tovanja.<\/div>\n <\/div>\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"margin-bottom:0.9rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">5 poslovnica<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Prisutni u Br\u010dkom, Srebreniku, Biha\u0107u, Sarajevu i Tuzli \u2014 prijavite se za lokaciju koja vam odgovara.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\" style=\"display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem;\">\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Agent I Call Center<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Inbound & outbound komunikacija s klijentima, obrada upita i pru\u017eanje korisni\u010dke podr\u0161ke na profesionalan na\u010din.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Agent I Call Center')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Software Developer<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Razvoj web aplikacija, API integracija i internih softverskih rje\u0161enja. Rad u agilnom timu s modernim tehnologijama.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Software Developer')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Graphic Designer<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Kreiranje vizualnog identiteta, marketin\u0161kih materijala i digitalnih sadr\u017eaja za brendove i kampanje.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Graphic Designer')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Video Creator<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Snimanje, monta\u017ea i produkcija video sadr\u017eaja za dru\u0161tvene mre\u017ee, kampanje i interne potrebe kompanije.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Video Creator')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div id=\"job-form\" class=\"reveal\" style=\"background:var(--dark);border:1px solid rgba(30,127,160,0.2);border-radius:20px;padding:2.5rem;max-width:720px;margin:0 auto;\">\n <div style=\"margin-bottom:1.8rem;\">\n <div class=\"section-tag\">Online prijava<\/div>\n <h3 style=\"font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:0.5rem;\">Po\u0161aljite nam svoju prijavu<\/h3>\n <p style=\"color:var(--white-muted);font-size:0.88rem;\">Popunite formu ispod i mi \u0107emo vas kontaktirati u najkra\u0107em mogu\u0107em roku.<\/p>\n <\/div>\n\n <div id=\"job-form-success\" style=\"display:none;text-align:center;padding:2.5rem 1rem;\">\n <div style=\"margin-bottom:1rem;display:flex;justify-content:center;\"><svg width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3DDC84\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;\">Prijava poslana!<\/div>\n <div style=\"color:var(--white-muted);font-size:0.88rem;\">Hvala na interesu! Javit \u0107emo vam se uskoro.<\/div>\n <\/div>\n <div id=\"job-form-error\" style=\"display:none;background:rgba(220,50,50,0.09);border:1px solid rgba(220,50,50,0.28);border-radius:10px;padding:0.9rem 1rem;margin-bottom:1rem;font-size:0.85rem;color:#ff8080;\">\n Gre\u0161ka pri slanju. Kontaktirajte nas na <a href=\"mailto:posao@xcall.ba\" style=\"color:var(--teal-light);\">posao@xcall.ba<\/a>.\n <\/div>\n\n <form id=\"job-application-form\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"179e6ee6-5c21-4ab2-9e29-fad1506826bc\">\n <input type=\"hidden\" name=\"subject\" value=\"Nova prijava za posao \u2014 xcall.ba\">\n <input type=\"hidden\" name=\"to\" value=\"posao@xcall.ba\">\n <input type=\"hidden\" name=\"from_name\" value=\"XCall.ba Karijera\">\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ime *<\/label>\n <input type=\"text\" name=\"ime\" placeholder=\"Va\u0161e ime\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Prezime *<\/label>\n <input type=\"text\" name=\"prezime\" placeholder=\"Va\u0161e prezime\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Email adresa *<\/label>\n <input type=\"email\" name=\"email\" placeholder=\"vasa@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Broj telefona *<\/label>\n <input type=\"tel\" name=\"telefon\" placeholder=\"+387 ...\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Pozicija *<\/label>\n <select name=\"pozicija\" id=\"job-position-select\" required>\n <option value=\"\">Odaberite poziciju...<\/option>\n <option value=\"Agent I Call Center\">Agent I Call Center<\/option>\n <option value=\"Software Developer\">Software Developer<\/option>\n <option value=\"Graphic Designer\">Graphic Designer<\/option>\n <option value=\"Video Creator\">Video Creator<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Poslovnica *<\/label>\n <select name=\"lokacija\" required>\n <option value=\"\">Odaberite lokaciju...<\/option>\n <option>Br\u010dko<\/option>\n <option>Srebrenik<\/option>\n <option>Biha\u0107<\/option>\n <option>Sarajevo<\/option>\n <option>Tuzla<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>CV \/ Portfolio<\/label>\n \n <div style=\"display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;\">\n <button type=\"button\" id=\"cv-btn-link\" onclick=\"setCvMode('link')\" style=\"width:100%;padding:0.6rem 1rem;border-radius:8px;border:1px solid var(--teal);background:rgba(30,127,160,0.15);color:var(--teal-light);font-family:var(--font-body);font-size:0.82rem;cursor:pointer;transition:all .2s;text-align:center;\">Link (Google Drive \/ LinkedIn)<\/button>\n <button type=\"button\" id=\"cv-btn-file\" onclick=\"setCvMode('file')\" style=\"width:100%;padding:0.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--white-muted);font-family:var(--font-body);font-size:0.82rem;cursor:pointer;transition:all .2s;text-align:center;\">Upload fajla (PDF, DOC, DOCX)<\/button>\n <\/div>\n <div id=\"cv-link-wrap\">\n <input type=\"url\" name=\"cv_link\" id=\"cv-link-input\" placeholder=\"https:\/\/drive.google.com\/... ili LinkedIn profil\">\n <\/div>\n <div id=\"cv-file-wrap\" style=\"display:none;\">\n <div id=\"cv-drop-zone\" style=\"border:2px dashed rgba(30,127,160,0.35);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;background:var(--dark3);\" onclick=\"document.getElementById('cv-file-input').click()\" ondragover=\"event.preventDefault();this.style.borderColor='var(--teal)'\" ondragleave=\"this.style.borderColor='rgba(30,127,160,0.35)'\" ondrop=\"handleCvDrop(event)\">\n <div style=\"margin-bottom:0.6rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n <div style=\"font-size:0.85rem;color:var(--white-muted);\">Prevucite fajl ovdje ili <span style=\"color:var(--teal-light);font-weight:500;\">kliknite za odabir<\/span><\/div>\n <div style=\"font-size:0.75rem;color:var(--white-muted);margin-top:0.3rem;\">PDF, DOC, DOCX \u00b7 max 5MB<\/div>\n <div id=\"cv-file-name\" style=\"margin-top:0.75rem;font-size:0.82rem;color:var(--teal-light);display:none;\"><\/div>\n <\/div>\n <input type=\"file\" id=\"cv-file-input\" accept=\".pdf,.doc,.docx\" style=\"display:none;\" onchange=\"showFileName(this)\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Motivacijsko pismo *<\/label>\n <textarea name=\"motivacija\" placeholder=\"Ukratko se predstavite \u2014 za\u0161to \u017eelite raditi u X Call Tech timu i \u0161ta donosite sa sobom?\" style=\"height:130px;\" required><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"job-submit-btn\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:0.95rem;\">\n <span id=\"job-btn-text\">Po\u0161aljite prijavu<\/span>\n <svg id=\"job-btn-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <svg id=\"job-btn-spinner\" style=\"display:none;animation:spin 1s linear infinite;\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.25\"\/><path d=\"M12 3a9 9 0 0 1 9 9\"\/><\/svg>\n <\/button>\n <p style=\"text-align:center;margin-top:0.9rem;font-size:0.74rem;color:var(--white-muted);\">Prijave se \u0161alju na <a href=\"mailto:posao@xcall.ba\" style=\"color:var(--teal-light);\">posao@xcall.ba<\/a> \u00b7 Javimo se u roku od 48h<\/p>\n <\/form>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<footer style=\"background:var(--dark2);border-top:1px solid rgba(255,255,255,0.055);padding:60px 5vw 0;\">\n <div style=\"max-width:1160px;margin:0 auto;\">\n\n \n <div style=\"display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.055);\" class=\"footer-grid\">\n\n \n <div>\n <a href=\"#\" style=\"text-decoration:none;display:inline-block;margin-bottom:1rem;\">\n <img decoding=\"async\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\" alt=\"X Call Tech\" style=\"height:44px;width:auto;display:block;\">\n <\/a>\n <p style=\"color:var(--white-muted);font-size:0.85rem;line-height:1.7;max-width:260px;margin-bottom:1.4rem;\">Inovativna IT rje\u0161enja i profesionalna podr\u0161ka za va\u0161e poslovanje. Communicate to Succeed.<\/p>\n \n <div style=\"display:flex;gap:0.6rem;\">\n <a href=\"https:\/\/www.facebook.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" title=\"Facebook\" style=\"width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.background='rgba(24,119,242,0.2)';this.style.color='#5B9BF8';this.style.borderColor='rgba(24,119,242,0.3)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.05)';this.style.color='rgba(255,255,255,0.5)';this.style.borderColor='rgba(255,255,255,0.09)'\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" title=\"Instagram\" style=\"width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.background='rgba(225,48,108,0.2)';this.style.color='#F77EAD';this.style.borderColor='rgba(225,48,108,0.3)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.05)';this.style.color='rgba(255,255,255,0.5)';this.style.borderColor='rgba(255,255,255,0.09)'\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:6px;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n Usluge\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:0.55rem;\">\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Call Centar<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Outsourcing<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Digitalni Marketing<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Korisni\u010dka Podr\u0161ka<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Web Development<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">E-commerce<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Razvoj Softvera<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:6px;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n Kompanija\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:0.55rem;\">\n <li><a href=\"#\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Po\u010detna<\/a><\/li>\n <li><a href=\"#o-nama\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">O nama<\/a><\/li>\n <li><a href=\"#zasto-mi\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Za\u0161to mi?<\/a><\/li>\n <li><a href=\"#karijera\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Karijera<\/a><\/li>\n <li><a href=\"#kontakt\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Kontakt<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:6px;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Kontakt\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:0.75rem;\">\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n <\/span>\n <a href=\"mailto:info@xcall.ba\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.85rem;transition:color .2s;\" onmouseover=\"this.style.color='var(--teal-light)'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">info@xcall.ba<\/a>\n <\/li>\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <\/span>\n <a href=\"tel:+38761773130\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.85rem;transition:color .2s;\" onmouseover=\"this.style.color='var(--teal-light)'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">+387 61 773 130<\/a>\n <\/li>\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/span>\n <span style=\"color:var(--white-muted);font-size:0.85rem;\">Srebrenik, BiH<\/span>\n <\/li>\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/span>\n <span style=\"color:var(--white-muted);font-size:0.85rem;\">Dostupni 24\/7<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n \n <div style=\"display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap;gap:0.75rem;\">\n <span style=\"font-size:0.78rem;color:var(--white-muted);\">\u00a9 2025 Call Tech d.o.o. Sva prava zadr\u017eana.<\/span>\n <div style=\"display:flex;align-items:center;gap:1.5rem;\">\n <a href=\"#\" onclick=\"openLegal('modal-privatnost');return false;\" style=\"font-size:0.78rem;color:var(--white-muted);text-decoration:none;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Politika privatnosti<\/a>\n <a href=\"#\" onclick=\"openLegal('modal-uvjeti');return false;\" style=\"font-size:0.78rem;color:var(--white-muted);text-decoration:none;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Uvjeti kori\u0161tenja<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<script>\n\/\/ CV upload toggle\nfunction setCvMode(mode) {\n const linkWrap = document.getElementById('cv-link-wrap');\n const fileWrap = document.getElementById('cv-file-wrap');\n const btnLink = document.getElementById('cv-btn-link');\n const btnFile = document.getElementById('cv-btn-file');\n if (mode === 'link') {\n linkWrap.style.display = 'block';\n fileWrap.style.display = 'none';\n btnLink.style.border = '1px solid var(--teal)';\n btnLink.style.background = 'rgba(30,127,160,0.15)';\n btnLink.style.color = 'var(--teal-light)';\n btnFile.style.border = '1px solid rgba(255,255,255,0.1)';\n btnFile.style.background = 'transparent';\n btnFile.style.color = 'var(--white-muted)';\n } else {\n linkWrap.style.display = 'none';\n fileWrap.style.display = 'block';\n btnFile.style.border = '1px solid var(--teal)';\n btnFile.style.background = 'rgba(30,127,160,0.15)';\n btnFile.style.color = 'var(--teal-light)';\n btnLink.style.border = '1px solid rgba(255,255,255,0.1)';\n btnLink.style.background = 'transparent';\n btnLink.style.color = 'var(--white-muted)';\n }\n}\nfunction showFileName(input) {\n const nameEl = document.getElementById('cv-file-name');\n if (input.files && input.files[0]) {\n const file = input.files[0];\n if (file.size > 5 * 1024 * 1024) {\n nameEl.textContent = '! Fajl je prevelik (max 5MB)';\n nameEl.style.color = '#ff8080';\n input.value = '';\n } else {\n nameEl.textContent = '\u2713 ' + file.name;\n nameEl.style.color = 'var(--teal-light)';\n }\n nameEl.style.display = 'block';\n }\n}\nfunction handleCvDrop(event) {\n event.preventDefault();\n document.getElementById('cv-drop-zone').style.borderColor = 'rgba(30,127,160,0.35)';\n const input = document.getElementById('cv-file-input');\n const dt = event.dataTransfer;\n if (dt.files && dt.files[0]) {\n input.files = dt.files;\n showFileName(input);\n }\n}\n\n\/\/ Select job position and scroll to form\nfunction selectJob(position) {\n const select = document.getElementById('job-position-select');\n if (select) {\n select.value = position;\n select.style.borderColor = 'var(--teal)';\n setTimeout(() => select.style.borderColor = '', 2000);\n }\n const form = document.getElementById('job-form');\n if (form) setTimeout(() => form.scrollIntoView({ behavior: 'smooth', block: 'start' }), 100);\n}\n\n\/\/ Job application form\nconst jobForm = document.getElementById('job-application-form');\n\n\/\/ \u2500\u2500 SUPABASE STORAGE ZA CV UPLOAD \u2500\u2500\n\/\/ 1) supabase.com \u2192 va\u0161 projekat (ili novi) \u2192 Storage \u2192 New bucket\n\/\/ naziv: cv-prijave \u2192 uklju\u010dite \"Public bucket\" \u2192 Save\n\/\/ 2) Storage \u2192 cv-prijave \u2192 Policies \u2192 New policy \u2192 \"Allow uploads for anon\"\n\/\/ (INSERT za anon role)\n\/\/ 3) Settings \u2192 API \u2192 kopirajte Project URL i anon public key \u2192 zamijenite ispod\nconst SUPABASE_URL = 'https:\/\/ooecwxinqvavnjlfptjd.supabase.co';\nconst SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9vZWN3eGlucXZhdm5qbGZwdGpkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzgwMTA1MTUsImV4cCI6MjA5MzU4NjUxNX0.aXaBTcClJNRqD0ZGZhwtEIe3PZffGwEtbMTIyJBc-SU';\nconst CV_BUCKET = 'cv-prijave';\n\nasync function uploadCvFile(file) {\n const safeName = Date.now() + '-' + file.name.replace(\/[^a-zA-Z0-9._-]\/g, '_');\n const res = await fetch(SUPABASE_URL + '\/storage\/v1\/object\/' + CV_BUCKET + '\/' + safeName, {\n method: 'POST',\n headers: {\n 'apikey': SUPABASE_ANON_KEY,\n 'Authorization': 'Bearer ' + SUPABASE_ANON_KEY,\n 'Content-Type': file.type || 'application\/octet-stream'\n },\n body: file\n });\n if (!res.ok) throw new Error('upload failed');\n return SUPABASE_URL + '\/storage\/v1\/object\/public\/' + CV_BUCKET + '\/' + safeName;\n}\n\njobForm && jobForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n const btn = document.getElementById('job-submit-btn');\n const btnText = document.getElementById('job-btn-text');\n const btnArrow = document.getElementById('job-btn-arrow');\n const btnSpinner = document.getElementById('job-btn-spinner');\n const errorDiv = document.getElementById('job-form-error');\n const successDiv = document.getElementById('job-form-success');\n\n let valid = true;\n jobForm.querySelectorAll('[required]').forEach(f => {\n f.style.borderColor = '';\n if (!f.value.trim()) { f.style.borderColor = 'rgba(220,50,50,0.55)'; valid = false; }\n });\n if (!valid) return;\n\n btn.disabled = true;\n btnText.textContent = 'Slanje...';\n btnArrow.style.display = 'none';\n btnSpinner.style.display = 'block';\n errorDiv.style.display = 'none';\n\n try {\n \/\/ Ako je aplikant odabrao fajl \u2014 prvo uploaduj CV, pa link ubaci u prijavu\n const fileInput = document.getElementById('cv-file-input');\n const cvLinkInput = document.getElementById('cv-link-input');\n if (fileInput && fileInput.files && fileInput.files[0]) {\n btnText.textContent = 'Upload CV-a...';\n const cvUrl = await uploadCvFile(fileInput.files[0]);\n if (cvLinkInput) cvLinkInput.value = cvUrl;\n btnText.textContent = 'Slanje...';\n }\n\n const res = await fetch('https:\/\/api.web3forms.com\/submit', { method: 'POST', body: new FormData(jobForm) });\n const result = await res.json();\n if (result.success) { jobForm.style.display = 'none'; successDiv.style.display = 'block'; if (typeof gtag === 'function') gtag('event', 'generate_lead', { form_type: 'prijava_za_posao' }); if (typeof fbq === 'function') fbq('track', 'Lead', { content_name: 'Prijava za posao' }); }\n else throw new Error();\n } catch {\n errorDiv.style.display = 'block';\n btn.disabled = false;\n btnText.textContent = 'Po\u0161aljite prijavu';\n btnArrow.style.display = 'block';\n btnSpinner.style.display = 'none';\n }\n});\n\n\/\/ \u2500\u2500 CODE DECODE ANIMATION \u2500\u2500\n(function() {\n const el = document.getElementById('decode-text');\n if (!el) return;\n const finalText = 'X CALL TECH';\n const chars = '01<>\/{}[]$#@%&*!?=+;:~ABCDEFabcdef';\n const scrambleTime = 2200;\n const holdTime = 3500;\n const preScramble = 900;\n\n function randChar() { return chars[Math.floor(Math.random() * chars.length)]; }\n\n function runCycle() {\n const start = performance.now();\n\n function frame(now) {\n const elapsed = now - start;\n\n if (elapsed < preScramble) {\n \/\/ Phase 1: pure scrambled code streaming from left\n let out = '';\n const count = Math.min(finalText.length, Math.ceil((elapsed \/ preScramble) * finalText.length) + 2);\n for (let i = 0; i < count; i++) {\n out += finalText[i] === ' ' ? ' ' : '<span class=\"scramble\">' + randChar() + '<\/span>';\n }\n el.innerHTML = out;\n requestAnimationFrame(frame);\n } else if (elapsed < preScramble + scrambleTime) {\n \/\/ Phase 2: characters lock in left \u2192 right\n const progress = (elapsed - preScramble) \/ scrambleTime;\n const locked = Math.floor(progress * finalText.length);\n let out = '';\n for (let i = 0; i < finalText.length; i++) {\n if (finalText[i] === ' ') { out += ' '; continue; }\n if (i < locked) {\n out += finalText[i];\n } else {\n out += '<span class=\"scramble\">' + randChar() + '<\/span>';\n }\n }\n el.innerHTML = out;\n requestAnimationFrame(frame);\n } else {\n \/\/ Phase 3: fully decoded \u2014 hold, then restart\n el.innerHTML = finalText;\n setTimeout(runCycle, holdTime);\n }\n }\n requestAnimationFrame(frame);\n }\n\n \/\/ Start when visible\n const decodeObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n runCycle();\n decodeObserver.disconnect();\n }\n });\n }, { threshold: 0.3 });\n decodeObserver.observe(el.closest('.code-decode-wrap'));\n})();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIVE COMMAND CENTER \u2014 realna simulacija po satu \u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function() {\n const agentsEl = document.getElementById('live-agents');\n const callsEl = document.getElementById('live-calls');\n const effEl = document.getElementById('live-eff');\n const avMore = document.getElementById('av-more');\n const ringFg = document.querySelector('.mr-fg');\n const clockEl = document.getElementById('live-clock');\n const todayEl = document.getElementById('calls-today');\n if (!agentsEl) return;\n\n \/\/ Bazni broj agenata po satu (max 84), vikend faktor smanjuje\n function baseAgentsForHour(h, day) {\n let base;\n if (h >= 0 && h < 6) base = 12;\n else if (h < 8) base = 32;\n else if (h < 12) base = 78;\n else if (h < 14) base = 70;\n else if (h < 16) base = 80;\n else if (h < 18) base = 58;\n else if (h < 20) base = 44;\n else if (h < 22) base = 28;\n else base = 18;\n \/\/ Subota 65%, nedjelja 45% kapaciteta\n if (day === 6) base = Math.round(base * 0.65);\n if (day === 0) base = Math.round(base * 0.45);\n return Math.max(6, base);\n }\n\n function seededJitter(seed, range) {\n const x = Math.sin(seed) * 10000;\n return Math.floor((x - Math.floor(x)) * (range * 2 + 1)) - range;\n }\n\n \/\/ Kumulativni pozivi danas \u2014 integri\u0161e \"intenzitet\" svih sati do sad\n function callsTodaySoFar(now) {\n const day = now.getDay();\n let total = 0;\n for (let h = 0; h < now.getHours(); h++) {\n \/\/ ~7 poziva po agentu po satu\n total += baseAgentsForHour(h, day) * 7 + seededJitter(now.getDate() * 31 + h, 12);\n }\n \/\/ Djelimi\u010dni teku\u0107i sat\n const frac = now.getMinutes() \/ 60;\n total += Math.round(baseAgentsForHour(now.getHours(), day) * 7 * frac);\n return Math.max(0, total);\n }\n\n let currentAgents = 0, currentCalls = 0, currentEff = 87;\n\n function computeState() {\n const now = new Date();\n const h = now.getHours(), day = now.getDay();\n const daySeed = now.getDate() * 24 + h;\n const base = baseAgentsForHour(h, day);\n currentAgents = Math.max(6, base + seededJitter(daySeed, 3));\n const ratio = 0.45 + ((Math.sin(daySeed * 7) + 1) \/ 2) * 0.2;\n currentCalls = Math.max(2, Math.round(currentAgents * ratio));\n currentEff = 85 + Math.abs(seededJitter(daySeed * 3, 4)) + 4;\n if (currentEff > 93) currentEff = 93;\n render();\n }\n\n function render() {\n const now = new Date();\n agentsEl.textContent = currentAgents;\n callsEl.textContent = currentCalls;\n effEl.textContent = currentEff;\n if (avMore) avMore.textContent = '+' + Math.max(0, currentAgents - 4);\n if (ringFg) ringFg.style.strokeDashoffset = 346 - (346 * currentEff \/ 100);\n if (todayEl) todayEl.textContent = callsTodaySoFar(now).toLocaleString('bs-BA');\n if (clockEl) clockEl.textContent = String(now.getHours()).padStart(2,'0') + ':' + String(now.getMinutes()).padStart(2,'0');\n }\n\n function jitterLoop() {\n const delta = Math.random() > 0.5 ? 1 : -1;\n if (Math.random() > 0.35) {\n currentCalls = Math.max(2, Math.min(currentAgents, currentCalls + delta * (Math.random() > 0.7 ? 2 : 1)));\n }\n if (Math.random() > 0.75) {\n const now = new Date();\n const base = baseAgentsForHour(now.getHours(), now.getDay());\n currentAgents = Math.max(6, Math.min(84, currentAgents + delta));\n if (Math.abs(currentAgents - base) > 5) currentAgents = base + (currentAgents > base ? 5 : -5);\n }\n render();\n setTimeout(jitterLoop, 6000 + Math.random() * 5000);\n }\n\n computeState();\n setTimeout(jitterLoop, 5000);\n setInterval(computeState, 600000);\n setInterval(render, 30000); \/\/ sat i pozivi danas osvje\u017eavaju se svakih 30s\n})();\n\n\/\/ Count-up za Live strip\nconst cntCObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n const target = parseInt(el.dataset.t);\n const start = performance.now();\n (function tick(now){\n const p = Math.min((now - start) \/ 1800, 1);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\n if (p < 1) requestAnimationFrame(tick);\n })(performance.now());\n cntCObs.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('.cnt-c').forEach(el => cntCObs.observe(el));\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS STEPS \u2014 decode animacija \u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function() {\n const steps = document.querySelector('.process-steps');\n if (!steps) return;\n const CHP = '01<>\/{}$#@';\n function decodeNum(el, final, delay) {\n setTimeout(() => {\n const dur = 900, start = performance.now();\n (function fr(now){\n const p = Math.min((now - start) \/ dur, 1);\n const lock = Math.floor(p * final.length);\n let out = '';\n for (let i = 0; i < final.length; i++)\n out += i < lock ? final[i] : CHP[Math.floor(Math.random() * CHP.length)];\n el.textContent = out;\n if (p < 1) requestAnimationFrame(fr);\n else el.textContent = final;\n })(performance.now());\n }, delay);\n }\n const pcObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n steps.classList.add('pc-active');\n steps.querySelectorAll('.step-num').forEach((el, i) => {\n const final = el.textContent.trim();\n el.textContent = '';\n decodeNum(el, final, 300 + i * 350);\n });\n pcObs.disconnect();\n }\n });\n }, { threshold: 0.3 });\n pcObs.observe(steps);\n})();\n\n\/\/ Active nav highlight on scroll\nconst navLinks = document.querySelectorAll('.nav-capsule li a:not(.nav-cta-pill)');\nconst sections = ['usluge','o-nama','zasto-mi','karijera','kontakt'];\nwindow.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(id => {\n const el = document.getElementById(id);\n if (el && window.scrollY >= el.offsetTop - 120) current = id;\n });\n navLinks.forEach(a => {\n a.classList.remove('active');\n if (a.getAttribute('href') === '#' + current) a.classList.add('active');\n });\n});\n\n\/\/ Mobile menu\nconst menuBtn = document.getElementById('menuBtn');\nconst navDrawer = document.getElementById('navDrawer');\nmenuBtn.addEventListener('click', () => navDrawer.classList.toggle('open'));\nfunction closeMenu() { navDrawer.classList.remove('open'); }\ndocument.addEventListener('click', (e) => {\n if (!menuBtn.contains(e.target) && !navDrawer.contains(e.target)) navDrawer.classList.remove('open');\n});\n\n\/\/ Scroll reveal\nconst revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n}, { threshold: 0.07, rootMargin: '0px 0px -30px 0px' });\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n\/\/ Stagger service cards\ndocument.querySelectorAll('.service-card').forEach((card, i) => { card.style.transitionDelay = (i * 65) + 'ms'; });\n\n\/\/ Counter animation\nfunction animateCounter(el, target, suffix) {\n const dur = 1800, start = performance.now();\n const tick = (now) => {\n const p = Math.min((now - start) \/ dur, 1);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3))) + suffix;\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n}\nconst counterObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n animateCounter(el, parseInt(el.dataset.count), el.dataset.suffix || '');\n counterObs.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('[data-count]').forEach(el => counterObs.observe(el));\n\n\/\/ Contact form\nconst form = document.getElementById('xcall-form');\nform && form.addEventListener('submit', async (e) => {\n e.preventDefault();\n const btn = document.getElementById('submit-btn');\n const btnText = document.getElementById('btn-text');\n const btnArrow = document.getElementById('btn-arrow');\n const btnSpinner = document.getElementById('btn-spinner');\n const errorDiv = document.getElementById('form-error');\n const successDiv = document.getElementById('form-success');\n\n let valid = true;\n form.querySelectorAll('[required]').forEach(f => {\n f.style.borderColor = '';\n if (!f.value.trim()) { f.style.borderColor = 'rgba(220,50,50,0.55)'; valid = false; }\n });\n if (!valid) return;\n\n btn.disabled = true;\n btnText.textContent = 'Slanje...';\n btnArrow.style.display = 'none';\n btnSpinner.style.display = 'block';\n errorDiv.style.display = 'none';\n\n try {\n const res = await fetch('https:\/\/api.web3forms.com\/submit', { method: 'POST', body: new FormData(form) });\n const result = await res.json();\n if (result.success) { form.style.display = 'none'; successDiv.style.display = 'block'; if (typeof gtag === 'function') gtag('event', 'generate_lead', { form_type: 'kontakt_forma' }); if (typeof fbq === 'function') fbq('track', 'Lead', { content_name: 'Kontakt forma' }); }\n else throw new Error();\n } catch {\n errorDiv.style.display = 'block';\n btn.disabled = false;\n btnText.textContent = 'Po\u0161aljite poruku';\n btnArrow.style.display = 'block';\n btnSpinner.style.display = 'none';\n }\n});\n<\/script>\n\n<div class=\"legal-overlay\" id=\"modal-privatnost\" onclick=\"if(event.target===this)closeLegal(this)\">\n <div class=\"legal-modal\">\n <div class=\"legal-modal-head\">\n <h3>Politika privatnosti<\/h3>\n <button class=\"legal-close\" onclick=\"closeLegal(document.getElementById('modal-privatnost'))\" aria-label=\"Zatvori\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"legal-modal-body\">\n <p class=\"legal-updated\">Posljednje a\u017euriranje: august 2026.<\/p>\n <p>Ova Politika privatnosti obja\u0161njava kako <b>Call Tech d.o.o.<\/b> (brend: X Call Tech), sa sjedi\u0161tem u Srebreniku, Bosna i Hercegovina, prikuplja, koristi, \u010duva i \u0161titi va\u0161e li\u010dne podatke kada koristite web stranicu <b>xcall.ba<\/b>, u skladu s Op\u0107om uredbom o za\u0161titi podataka EU (GDPR) i Zakonom o za\u0161titi li\u010dnih podataka BiH.<\/p>\n\n <h4>1. Rukovodilac obrade podataka<\/h4>\n <p><b>Call Tech d.o.o.<\/b> \u00b7 Srebrenik, Bosna i Hercegovina \u00b7 <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u00b7 +387 61 773 130<\/p>\n\n <h4>2. Koje podatke prikupljamo<\/h4>\n <ul>\n <li><b>Kontakt forma<\/b> \u2014 ime, prezime, email, telefon, kompanija, sadr\u017eaj poruke (svrha: odgovor na upit)<\/li>\n <li><b>Prijava za posao<\/b> \u2014 ime, prezime, email, telefon, pozicija, lokacija, CV dokument, motivacijsko pismo (svrha: proces zapo\u0161ljavanja)<\/li>\n <li><b>Analitika<\/b> \u2014 anonimizirani podaci o posjeti: stranice, trajanje, ure\u0111aj, pribli\u017ena lokacija (svrha: unapre\u0111enje stranice)<\/li>\n <li><b>Marketing<\/b> \u2014 podaci o interakciji sa stranicom putem kola\u010di\u0107a (svrha: mjerenje efikasnosti oglasa)<\/li>\n <\/ul>\n\n <h4>3. Pravni osnov obrade<\/h4>\n <ul>\n <li><b>Saglasnost<\/b> (\u010dl. 6(1)(a) GDPR) \u2014 za analiti\u010dke i marketin\u0161ke kola\u010di\u0107e<\/li>\n <li><b>Predugovorne radnje<\/b> (\u010dl. 6(1)(b) GDPR) \u2014 za obradu prijava za posao<\/li>\n <li><b>Legitiman interes<\/b> (\u010dl. 6(1)(f) GDPR) \u2014 za odgovaranje na poslovne upite i osnovnu sigurnost stranice<\/li>\n <\/ul>\n\n <h4>4. Pristup i \u010duvanje podataka<\/h4>\n <p>Va\u0161e podatke ne prodajemo niti dijelimo s tre\u0107im stranama u marketin\u0161ke svrhe. Pristup podacima imaju isklju\u010divo ovla\u0161tene osobe unutar kompanije te pouzdani tehni\u010dki pru\u017eaoci usluga neophodni za funkcionisanje stranice (hosting, email komunikacija, pohrana dokumenata i analitika), koji postupaju u skladu s GDPR standardima i ugovorima o obradi podataka.<\/p>\n <p>Podatke \u010duvamo samo onoliko dugo koliko je potrebno za svrhu radi koje su prikupljeni, odnosno dok postoji zakonska obaveza \u010duvanja. Na va\u0161 zahtjev podatke bri\u0161emo bez odlaganja.<\/p>\n\n <h4>5. Va\u0161a prava<\/h4>\n <ul>\n <li><b>Pristup<\/b> \u2014 kopija podataka koje imamo o vama<\/li>\n <li><b>Ispravka<\/b> \u2014 ispravka neta\u010dnih ili nepotpunih podataka<\/li>\n <li><b>Brisanje<\/b> (\"pravo na zaborav\")<\/li>\n <li><b>Ograni\u010denje obrade<\/b><\/li>\n <li><b>Prenosivost podataka<\/b><\/li>\n <li><b>Prigovor<\/b> na obradu zasnovanu na legitimnom interesu<\/li>\n <li><b>Povla\u010denje saglasnosti<\/b> \u2014 u bilo kojem trenutku, bez posljedica<\/li>\n <\/ul>\n <p>Za ostvarivanje prava pi\u0161ite na <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u2014 odgovaramo u roku od 30 dana. Imate pravo i na pritu\u017ebu <b>Agenciji za za\u0161titu li\u010dnih podataka u BiH<\/b> (azlp.ba).<\/p>\n\n <h4>6. Kola\u010di\u0107i (Cookies)<\/h4>\n <ul>\n <li><b>Neophodni<\/b> \u2014 za osnovno funkcionisanje stranice (ne zahtijevaju saglasnost)<\/li>\n <li><b>Analiti\u010dki<\/b> \u2014 razumijevanje kako posjetioci koriste stranicu<\/li>\n <li><b>Marketin\u0161ki<\/b> \u2014 mjerenje efikasnosti oglasa<\/li>\n <\/ul>\n <p>Kola\u010di\u0107e mo\u017eete kontrolisati i obrisati kroz postavke pretra\u017eiva\u010da.<\/p>\n\n <h4>7. Sigurnost podataka<\/h4>\n <p>Primjenjujemo HTTPS enkripciju cjelokupne komunikacije, ograni\u010den pristup podacima samo ovla\u0161tenim osobama, te sigurno \u010duvanje dokumenata na enkriptovanim serverima.<\/p>\n\n <h4>8. Podaci maloljetnika<\/h4>\n <p>Na\u0161e usluge nisu namijenjene osobama mla\u0111im od 16 godina. Prijave za posao prihvatamo isklju\u010divo od punoljetnih osoba.<\/p>\n\n <h4>9. Izmjene ove politike<\/h4>\n <p>Zadr\u017eavamo pravo izmjene ove politike. Izmjene objavljujemo na ovoj stranici s datumom a\u017euriranja.<\/p>\n\n <h4>10. Kontakt<\/h4>\n <p>Za pitanja o za\u0161titi podataka: <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u00b7 +387 61 773 130<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"legal-overlay\" id=\"modal-uvjeti\" onclick=\"if(event.target===this)closeLegal(this)\">\n <div class=\"legal-modal\">\n <div class=\"legal-modal-head\">\n <h3>Uvjeti kori\u0161tenja<\/h3>\n <button class=\"legal-close\" onclick=\"closeLegal(document.getElementById('modal-uvjeti'))\" aria-label=\"Zatvori\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"legal-modal-body\">\n <p class=\"legal-updated\">Posljednje a\u017euriranje: august 2026.<\/p>\n <p>Pristupanjem i kori\u0161tenjem web stranice <b>xcall.ba<\/b> prihvatate sljede\u0107e uvjete kori\u0161tenja. Ako se ne sla\u017eete s bilo kojim dijelom, molimo vas da ne koristite stranicu.<\/p>\n\n <h4>1. O nama<\/h4>\n <p>Stranicu vodi <b>Call Tech d.o.o.<\/b> (brend: X Call Tech), dru\u0161tvo registrovano u Bosni i Hercegovini, sa sjedi\u0161tem u Srebreniku. Kontakt: <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u00b7 +387 61 773 130<\/p>\n\n <h4>2. Svrha stranice<\/h4>\n <p>Stranica slu\u017ei za informisanje o uslugama kompanije, zaprimanje poslovnih upita te zaprimanje prijava za zaposlenje.<\/p>\n\n <h4>3. Dozvoljena upotreba<\/h4>\n <p>Stranicu smijete koristiti isklju\u010divo u zakonite svrhe. Zabranjeno je:<\/p>\n <ul>\n <li>Slanje la\u017enih, obmanjuju\u0107ih ili zlonamjernih upita i prijava<\/li>\n <li>Poku\u0161aji neovla\u0161tenog pristupa sistemima, formama ili podacima stranice<\/li>\n <li>Automatizirano prikupljanje sadr\u017eaja (scraping) bez pisane dozvole<\/li>\n <li>Slanje sadr\u017eaja koji kr\u0161i prava tre\u0107ih lica ili va\u017ee\u0107e propise<\/li>\n <li>Radnje koje mogu ugroziti dostupnost ili sigurnost stranice<\/li>\n <\/ul>\n\n <h4>4. Intelektualno vlasni\u0161tvo<\/h4>\n <p>Sav sadr\u017eaj \u2014 logo, naziv, tekstovi, dizajn, grafika, fotografije i programski kod \u2014 vlasni\u0161tvo je Call Tech d.o.o. ili je kori\u0161ten uz licencu. Zabranjeno je kopiranje, distribucija ili komercijalna upotreba bez pisane saglasnosti.<\/p>\n\n <h4>5. Prijave za zaposlenje<\/h4>\n <ul>\n <li>Slanjem prijave potvr\u0111ujete ta\u010dnost podataka i punoljetnost<\/li>\n <li>Prijava ne predstavlja garanciju zaposlenja<\/li>\n <li>Zadr\u017eavamo pravo kontaktirati samo kandidate u u\u017eem izboru<\/li>\n <li>Obrada podataka regulisana je Politikom privatnosti<\/li>\n <\/ul>\n\n <h4>6. Ta\u010dnost informacija<\/h4>\n <p>Nastojimo da sve informacije budu ta\u010dne i a\u017eurne, ali ne garantujemo potpunost svih sadr\u017eaja. Prikazani operativni pokazatelji informativnog su karaktera i predstavljaju procjene zasnovane na tipi\u010dnom rasporedu rada. Za obavezuju\u0107e informacije kontaktirajte nas direktno.<\/p>\n\n <h4>7. Ograni\u010denje odgovornosti<\/h4>\n <p>Call Tech d.o.o. ne odgovara za \u0161tetu nastalu kori\u0161tenjem ili nemogu\u0107no\u0161\u0107u kori\u0161tenja stranice, uklju\u010duju\u0107i prekide dostupnosti, tehni\u010dke gre\u0161ke ili djelovanje tre\u0107ih lica, u mjeri u kojoj to dozvoljavaju va\u017ee\u0107i propisi.<\/p>\n\n <h4>8. Izmjene uvjeta<\/h4>\n <p>Zadr\u017eavamo pravo izmjene uvjeta u bilo kojem trenutku. Izmjene stupaju na snagu objavom. Nastavak kori\u0161tenja smatra se prihvatanjem novih uvjeta.<\/p>\n\n <h4>9. Mjerodavno pravo<\/h4>\n <p>Primjenjuje se pravo Bosne i Hercegovine. Za sporove nadle\u017ean je stvarno nadle\u017eni sud prema sjedi\u0161tu Call Tech d.o.o., uz prethodni poku\u0161aj mirnog rje\u0161avanja.<\/p>\n\n <h4>10. Kontakt<\/h4>\n <p>Za pitanja o ovim uvjetima: <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a><\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ Legal modals\nfunction openLegal(id) {\n document.getElementById(id).classList.add('open');\n document.body.style.overflow = 'hidden';\n}\nfunction closeLegal(el) {\n el.classList.remove('open');\n document.body.style.overflow = '';\n}\ndocument.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') document.querySelectorAll('.legal-overlay.open').forEach(closeLegal);\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71f3cf1 e-flex e-con-boxed e-con e-parent\" data-id=\"71f3cf1\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e55c60e e-flex e-con-boxed e-con e-parent\" data-id=\"e55c60e\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abb69a1 e-flex e-con-boxed e-con e-parent\" data-id=\"abb69a1\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be30f85 e-flex e-con-boxed e-con e-parent\" data-id=\"be30f85\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f408e3a e-flex e-con-boxed e-con e-parent\" data-id=\"f408e3a\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5114807 e-flex e-con-boxed e-con e-parent\" data-id=\"5114807\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Po\u010detna - X Call Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xcall.ba\/\" \/>\n<meta property=\"og:locale\" content=\"bs_BA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Po\u010detna - X Call Center\" \/>\n<meta property=\"og:description\" content=\"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xcall.ba\/\" \/>\n<meta property=\"og:site_name\" content=\"X Call Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-04T12:04:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/\",\"url\":\"https:\\\/\\\/xcall.ba\\\/\",\"name\":\"Po\u010detna - X Call Center\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1678714699880739&ev=PageView&noscript=1\",\"datePublished\":\"2026-05-17T16:26:10+00:00\",\"dateModified\":\"2026-08-04T12:04:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#breadcrumb\"},\"inLanguage\":\"bs-BA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xcall.ba\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"bs-BA\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1678714699880739&ev=PageView&noscript=1\",\"contentUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1678714699880739&ev=PageView&noscript=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xcall.ba\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Po\u010detna\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#website\",\"url\":\"https:\\\/\\\/xcall.ba\\\/\",\"name\":\"X Call Center\",\"description\":\"Communicate to Succeed\",\"publisher\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xcall.ba\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"bs-BA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#organization\",\"name\":\"X Call Center\",\"url\":\"https:\\\/\\\/xcall.ba\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"bs-BA\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xcall.ba\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-xcall-removebg-preview-1.png\",\"contentUrl\":\"https:\\\/\\\/xcall.ba\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-xcall-removebg-preview-1.png\",\"width\":500,\"height\":279,\"caption\":\"X Call Center\"},\"image\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Po\u010detna - X Call Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xcall.ba\/","og_locale":"bs_BA","og_type":"article","og_title":"Po\u010detna - X Call Center","og_description":"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni […]","og_url":"https:\/\/xcall.ba\/","og_site_name":"X Call Center","article_modified_time":"2026-08-04T12:04:51+00:00","og_image":[{"url":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xcall.ba\/","url":"https:\/\/xcall.ba\/","name":"Po\u010detna - X Call Center","isPartOf":{"@id":"https:\/\/xcall.ba\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xcall.ba\/#primaryimage"},"image":{"@id":"https:\/\/xcall.ba\/#primaryimage"},"thumbnailUrl":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1","datePublished":"2026-05-17T16:26:10+00:00","dateModified":"2026-08-04T12:04:51+00:00","breadcrumb":{"@id":"https:\/\/xcall.ba\/#breadcrumb"},"inLanguage":"bs-BA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xcall.ba\/"]}]},{"@type":"ImageObject","inLanguage":"bs-BA","@id":"https:\/\/xcall.ba\/#primaryimage","url":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1","contentUrl":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1"},{"@type":"BreadcrumbList","@id":"https:\/\/xcall.ba\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xcall.ba\/"},{"@type":"ListItem","position":2,"name":"Po\u010detna"}]},{"@type":"WebSite","@id":"https:\/\/xcall.ba\/#website","url":"https:\/\/xcall.ba\/","name":"X Call Center","description":"Communicate to Succeed","publisher":{"@id":"https:\/\/xcall.ba\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xcall.ba\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"bs-BA"},{"@type":"Organization","@id":"https:\/\/xcall.ba\/#organization","name":"X Call Center","url":"https:\/\/xcall.ba\/","logo":{"@type":"ImageObject","inLanguage":"bs-BA","@id":"https:\/\/xcall.ba\/#\/schema\/logo\/image\/","url":"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png","contentUrl":"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png","width":500,"height":279,"caption":"X Call Center"},"image":{"@id":"https:\/\/xcall.ba\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":71,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n\n\n\n\nX Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina<\/title>\n<meta name=\"description\" content=\"X Call Tech \u2013 profesionalne usluge call centra, outsourcinga, digitalnog marketinga i razvoja softvera. 5 poslovnica u BiH: Srebrenik, Br\u010dko, Biha\u0107, Sarajevo, Tuzla. Dostupni 24\/7.\">\n<meta name=\"keywords\" content=\"call centar BiH, call center Bosna, outsourcing BiH, korisni\u010dka podr\u0161ka, digitalni marketing, razvoj softvera, web development, posao call centar, X Call Tech, Call Tech, Srebrenik, Tuzla, Sarajevo, Br\u010dko, Biha\u0107\">\n<meta name=\"author\" content=\"Call Tech d.o.o.\">\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n<link rel=\"canonical\" href=\"https:\/\/xcall.ba\/\">\n\n\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/xcall.ba\/\">\n<meta property=\"og:title\" content=\"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja\">\n<meta property=\"og:description\" content=\"Profesionalne usluge call centra, outsourcinga, digitalnog marketinga i razvoja softvera. 5 poslovnica u BiH. Dostupni 24\/7.\">\n<meta property=\"og:image\" content=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\">\n<meta property=\"og:locale\" content=\"bs_BA\">\n<meta property=\"og:site_name\" content=\"X Call Tech\">\n\n\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja\">\n<meta name=\"twitter:description\" content=\"Profesionalne usluge call centra, outsourcinga i razvoja softvera. 5 poslovnica u BiH. Dostupni 24\/7.\">\n<meta name=\"twitter:image\" content=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\">\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"X Call Tech\",\n \"legalName\": \"Call Tech d.o.o.\",\n \"url\": \"https:\/\/xcall.ba\",\n \"logo\": \"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\",\n \"description\": \"Profesionalne usluge call centra, outsourcinga, digitalnog marketinga i razvoja softvera u Bosni i Hercegovini.\",\n \"email\": \"info@xcall.ba\",\n \"telephone\": \"+38761773130\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Srebrenik\",\n \"addressCountry\": \"BA\"\n },\n \"sameAs\": [\n \"https:\/\/www.facebook.com\/xcall.ba\/\",\n \"https:\/\/www.instagram.com\/xcall.ba\/\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+38761773130\",\n \"contactType\": \"customer service\",\n \"email\": \"info@xcall.ba\",\n \"availableLanguage\": [\"Bosnian\", \"English\", \"German\"]\n }\n}\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"X Call Tech\",\n \"image\": \"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\",\n \"url\": \"https:\/\/xcall.ba\",\n \"telephone\": \"+38761773130\",\n \"email\": \"info@xcall.ba\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Srebrenik\",\n \"addressCountry\": \"BA\"\n },\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\n \"opens\": \"00:00\",\n \"closes\": \"23:59\"\n },\n \"priceRange\": \"$$\"\n}\n<\/script>\n\n\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1678714699880739');\nfbq('track', 'PageView');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1\"\n\/><\/noscript>\n\n\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-Q27NBG6BWY\"><\/script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-Q27NBG6BWY');\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --teal: #1E7FA0;\n --teal-dark: #155f78;\n --teal-light: #28A8CC;\n --orange: #F07830;\n --orange-light: #FF9A5C;\n --dark: #0D1117;\n --dark2: #131820;\n --dark3: #1A2230;\n --white: #FFFFFF;\n --white-muted: rgba(255,255,255,0.62);\n --font-display: 'Syne', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n --radius: 16px;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{background:var(--dark);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n NAV \u2014 Creative Capsule Style\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4vw;\n height: 76px;\n background: transparent;\n}\n\n\/* Floating capsule wrapper *\/\n.nav-capsule-wrap {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 12px;\n}\n\n.nav-capsule {\n display: flex;\n align-items: center;\n gap: 2px;\n background: rgba(20, 28, 40, 0.85);\n backdrop-filter: blur(24px);\n -webkit-backdrop-filter: blur(24px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 60px;\n padding: 6px 8px;\n box-shadow:\n 0 8px 32px rgba(0,0,0,0.4),\n 0 0 0 1px rgba(30,127,160,0.08),\n inset 0 1px 0 rgba(255,255,255,0.06);\n list-style: none;\n}\n\n\/* Left connector nub *\/\n.nav-capsule::before {\n content: '';\n display: block;\n width: 14px; height: 28px;\n background: linear-gradient(135deg, rgba(30,127,160,0.6), rgba(21,95,120,0.8));\n border-radius: 4px 0 0 4px;\n margin-right: 4px;\n flex-shrink: 0;\n box-shadow: inset -2px 0 4px rgba(0,0,0,0.3);\n}\n\n.nav-capsule li a {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 4px;\n padding: 8px 16px;\n border-radius: 50px;\n text-decoration: none;\n color: rgba(255,255,255,0.55);\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n transition: all .25s ease;\n position: relative;\n white-space: nowrap;\n}\n\n.nav-capsule li a svg {\n width: 16px; height: 16px;\n transition: all .25s;\n stroke: currentColor;\n}\n\n.nav-capsule li a:hover {\n color: var(--white);\n background: rgba(255,255,255,0.07);\n}\n\n.nav-capsule li a.active,\n.nav-capsule li a:focus {\n color: var(--teal-light);\n background: rgba(30,127,160,0.15);\n}\n\n\/* Active indicator dot *\/\n.nav-capsule li a.active::after {\n content: '';\n position: absolute;\n bottom: 4px;\n left: 50%; transform: translateX(-50%);\n width: 4px; height: 4px;\n border-radius: 50%;\n background: var(--teal-light);\n}\n\n\/* CTA pill inside capsule *\/\n.nav-cta-pill {\n display: flex;\n align-items: center;\n gap: 6px;\n background: var(--orange);\n color: var(--white) !important;\n font-size: 0.72rem !important;\n font-weight: 600 !important;\n padding: 9px 18px !important;\n border-radius: 50px !important;\n letter-spacing: 0.04em !important;\n text-transform: uppercase !important;\n transition: background .2s, transform .2s !important;\n box-shadow: 0 4px 14px rgba(240,120,48,0.35);\n flex-direction: row !important;\n gap: 6px !important;\n}\n.nav-cta-pill:hover {\n background: var(--orange-light) !important;\n transform: scale(1.03) !important;\n color: var(--white) !important;\n}\n.nav-cta-pill svg { width: 12px !important; height: 12px !important; }\n\n\/* Logo *\/\n.nav-logo {\n display: flex;\n align-items: center;\n text-decoration: none;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n}\n.nav-logo img { height: 38px; width: auto; display: block; }\n\n\/* Right side *\/\n.nav-right {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-shrink: 0;\n position: relative;\n z-index: 2;\n}\n\n\/* MOBILE *\/\n.mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px;\n flex-direction: column;\n gap: 5px;\n position: relative;\n z-index: 2;\n}\n.mobile-menu-btn span {\n display: block;\n width: 24px; height: 2px;\n background: var(--white);\n border-radius: 2px;\n transition: all .3s;\n}\n\n\/* Mobile drawer *\/\n.nav-drawer {\n display: none;\n position: fixed;\n top: 76px; left: 0; right: 0;\n background: rgba(19,24,32,0.97);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255,255,255,0.07);\n padding: 1rem 5vw 1.5rem;\n z-index: 999;\n flex-direction: column;\n}\n.nav-drawer.open { display: flex; }\n.nav-drawer-item {\n display: flex;\n align-items: center;\n gap: 0.85rem;\n color: var(--white-muted);\n text-decoration: none;\n font-size: 0.95rem;\n padding: 0.85rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.05);\n transition: color .2s;\n}\n.nav-drawer-item:hover { color: var(--white); }\n.nav-drawer-item svg { opacity: 0.5; flex-shrink: 0; transition: opacity .2s; }\n.nav-drawer-item:hover svg { opacity: 1; }\n.nav-drawer-item:last-of-type { border-bottom: none; }\n.drawer-cta {\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--orange);\n color: var(--white) !important;\n padding: 0.85rem 1.5rem;\n border-radius: 50px;\n text-align: center;\n font-weight: 600;\n border-bottom: none !important;\n margin-top: 1rem;\n text-decoration: none;\n transition: background .2s;\n}\n.drawer-cta:hover { background: var(--orange-light) !important; }\n\n\/* BUTTONS *\/\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:var(--white);font-family:var(--font-body);font-weight:500;font-size:0.95rem;padding:0.85rem 1.8rem;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap;}\n.btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(240,120,48,0.35);}\n.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);font-family:var(--font-body);font-weight:400;font-size:0.95rem;padding:0.85rem 1.8rem;border-radius:50px;text-decoration:none;border:1px solid rgba(255,255,255,0.22);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap;}\n.btn-secondary:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.05);}\n\n\/* SECTIONS *\/\nsection{padding:90px 5vw;}\n.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal-light);margin-bottom:1.2rem;}\n.section-tag::before{content:'';width:22px;height:2px;background:var(--teal-light);border-radius:2px;flex-shrink:0;}\n.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:700;letter-spacing:-0.025em;line-height:1.15;margin-bottom:1rem;}\n.section-body{color:var(--white-muted);max-width:520px;font-weight:300;line-height:1.78;font-size:0.97rem;}\n\n\/* HERO *\/\n.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px 5vw 70px;position:relative;overflow:hidden;}\n.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 72% 38%,rgba(30,127,160,0.17) 0%,transparent 70%),radial-gradient(ellipse 45% 45% at 18% 82%,rgba(240,120,48,0.09) 0%,transparent 60%),var(--dark);}\n.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 20%,transparent 100%);}\n.hero-content{position:relative;z-index:2;max-width:860px;}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(240,120,48,0.11);border:1px solid rgba(240,120,48,0.25);border-radius:50px;padding:0.38rem 1rem;font-size:0.75rem;font-weight:500;color:var(--orange-light);letter-spacing:0.07em;text-transform:uppercase;margin-bottom:1.8rem;animation:fadeUp .6s ease both;}\n.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite;}\n@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}\n.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,5.5rem);font-weight:700;line-height:1.13;letter-spacing:-0.025em;margin-bottom:1.5rem;animation:fadeUp .7s .1s ease both;}\n.hero-title .accent{color:var(--teal-light);}\n.hero-title .accent2{color:var(--orange);}\n.hero-sub{font-size:clamp(0.95rem,1.8vw,1.15rem);color:var(--white-muted);max-width:520px;margin-bottom:2.5rem;font-weight:300;line-height:1.75;animation:fadeUp .7s .2s ease both;}\n.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .7s .3s ease both;}\n\/* \u2500\u2500 CODE DECODE ANIMATION \u2500\u2500 *\/\n.code-decode-wrap{\n position:relative;\n z-index:2;\n margin-top:4.5rem;\n padding-top:2.5rem;\n border-top:1px solid rgba(255,255,255,0.07);\n animation:fadeUp .7s .4s ease both;\n width:100%;\n overflow:hidden;\n}\n.code-decode-terminal{\n display:flex;\n align-items:baseline;\n gap:0.7rem;\n width:100%;\n white-space:nowrap;\n}\n.code-prompt{\n font-family:'Courier New',monospace;\n font-size:clamp(1.2rem,2.5vw,2rem);\n color:var(--orange);\n font-weight:700;\n flex-shrink:0;\n animation:promptPulse 2s infinite;\n}\n@keyframes promptPulse{0%,100%{opacity:1}50%{opacity:0.4}}\n.code-decode-text{\n font-family:var(--font-display);\n font-size:clamp(2rem,6.2vw,5.2rem);\n font-weight:800;\n letter-spacing:0.02em;\n line-height:1;\n background:linear-gradient(90deg,var(--white) 0%,var(--teal-light) 55%,var(--orange) 100%);\n -webkit-background-clip:text;\n background-clip:text;\n color:transparent;\n min-height:1em;\n}\n.code-decode-text .scramble{\n font-family:'Courier New',monospace;\n color:var(--teal-light);\n opacity:0.7;\n -webkit-text-fill-color:var(--teal-light);\n}\n.code-cursor{\n font-size:clamp(1.7rem,5vw,4.2rem);\n color:var(--orange);\n animation:cursorBlink .8s step-end infinite;\n line-height:1;\n flex-shrink:0;\n}\n@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}\n.stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--teal-light);letter-spacing:-0.03em;line-height:1;}\n.stat-label{font-size:0.79rem;color:var(--white-muted);margin-top:0.22rem;}\n@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes spin{to{transform:rotate(360deg)}}\n\n\/* ABOUT *\/\n.about{background:var(--dark2);}\n.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1160px;margin:0 auto;}\n.about-visual{position:relative;}\n.about-card{position:absolute;border-radius:var(--radius);padding:1.8rem;}\n.about-card-main{top:0;left:0;right:70px;bottom:70px;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.12));border:1px solid rgba(30,127,160,0.2);display:flex;flex-direction:column;justify-content:flex-end;}\n.about-card-float{bottom:0;right:0;width:190px;background:var(--orange);display:flex;flex-direction:column;gap:0.3rem;}\n.card-big-num{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;letter-spacing:-0.04em;}\n.card-label{font-size:0.82rem;opacity:.85;}\n.about-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;}\n.about-list li{display:flex;align-items:flex-start;gap:1rem;}\n.about-list-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:rgba(30,127,160,0.13);display:flex;align-items:center;justify-content:center;margin-top:2px;}\n.about-list-text strong{display:block;font-weight:500;margin-bottom:0.2rem;}\n.about-list-text span{color:var(--white-muted);font-size:0.86rem;}\n\n\/* FEATURES STRIP *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIVE COMMAND CENTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features-strip{background:linear-gradient(135deg,#0f2f3d 0%,var(--teal-dark) 100%);padding:45px 5vw;position:relative;overflow:hidden;}\n.features-strip::after{content:'';position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(40,168,204,0.08),transparent);animation:scanFx 4s linear infinite;}\n@keyframes scanFx{to{left:130%}}\n.live-bar{max-width:1160px;margin:0 auto 1.6rem;display:flex;align-items:center;gap:0.6rem;font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.75);position:relative;z-index:2;}\n.live-dot{width:9px;height:9px;border-radius:50%;background:#3DDC84;position:relative;flex-shrink:0;}\n.live-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #3DDC84;animation:livePulse 1.6s ease-out infinite;}\n@keyframes livePulse{0%{transform:scale(0.6);opacity:1}100%{transform:scale(1.6);opacity:0}}\n.features-strip-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;z-index:2;}\n.feat-item-c{border-left:2px solid rgba(40,168,204,0.35);padding-left:1.1rem;}\n.feat-num-c{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-0.03em;line-height:1;color:var(--white);display:flex;align-items:baseline;gap:2px;}\n.feat-num-c span{color:var(--orange-light);}\n.feat-lbl-c{color:rgba(255,255,255,0.7);font-size:0.8rem;margin-top:0.35rem;}\n.feat-trend{font-size:0.68rem;color:#3DDC84;margin-top:0.25rem;display:flex;align-items:center;gap:3px;}\n\n\/* Live dashboard (about) *\/\n.live-dash{background:linear-gradient(145deg,var(--dark3),rgba(30,127,160,0.08));border:1px solid rgba(30,127,160,0.25);border-radius:20px;padding:1.8rem;width:100%;position:relative;overflow:hidden;}\n.live-dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;flex-wrap:wrap;gap:0.5rem;}\n.live-dash-title{font-size:0.72rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);display:flex;align-items:center;gap:0.5rem;}\n.call-badge{background:rgba(61,220,132,0.12);border:1px solid rgba(61,220,132,0.3);color:#3DDC84;font-size:0.68rem;font-weight:600;padding:0.28rem 0.7rem;border-radius:20px;display:flex;align-items:center;gap:5px;white-space:nowrap;}\n.live-dash-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;}\n.mini-ring{position:relative;width:130px;height:130px;flex-shrink:0;}\n.mini-ring svg{transform:rotate(-90deg);}\n.mr-bg{fill:none;stroke:rgba(255,255,255,0.07);stroke-width:9;}\n.mr-fg{fill:none;stroke:var(--teal-light);stroke-width:9;stroke-linecap:round;stroke-dasharray:346;stroke-dashoffset:346;transition:stroke-dashoffset 1.5s ease-out;}\n.mr-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n.mr-txt .n{font-family:var(--font-display);font-size:1.7rem;font-weight:800;}\n.mr-txt .l{font-size:0.58rem;color:var(--white-muted);letter-spacing:0.06em;text-transform:uppercase;}\n.wave-wrap{flex:1;min-width:170px;}\n.wave-lbl{font-size:0.7rem;color:var(--white-muted);margin-bottom:0.5rem;display:flex;justify-content:space-between;}\n.wave-lbl b{color:#fff;font-weight:600;}\n.wave{display:flex;align-items:center;gap:3px;height:44px;}\n.wave i{flex:1;background:linear-gradient(180deg,var(--teal-light),var(--teal));border-radius:3px;animation:wvAnim 1.1s ease-in-out infinite;}\n@keyframes wvAnim{0%,100%{height:18%}50%{height:var(--h)}}\n.live-agents{display:flex;align-items:center;gap:0.5rem;margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,0.07);flex-wrap:wrap;}\n.av-stack{display:flex;}\n.av{width:30px;height:30px;border-radius:50%;border:2px solid var(--dark3);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:0.62rem;font-weight:700;font-family:var(--font-display);color:#fff;}\n.av:first-child{margin-left:0;}\n.live-agents>span{font-size:0.75rem;color:var(--white-muted);}\n.live-agents>span b{color:#fff;}\n\/* Team photo (Ideja 1) *\/\n.team-photo{position:relative;border-radius:20px;overflow:hidden;margin-top:1rem;border:1px solid rgba(30,127,160,0.2);}\n.team-photo img{width:100%;height:230px;object-fit:cover;display:block;}\n.team-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,23,0.05) 45%,rgba(13,17,23,0.82) 100%);pointer-events:none;}\n.team-photo-cap{position:absolute;bottom:0.9rem;left:1.1rem;right:1.1rem;z-index:2;display:flex;align-items:center;gap:0.55rem;font-size:0.8rem;font-weight:500;}\n\/* Partner platforme *\/\n.partners{background:var(--dark2);}\n.partners-inner{max-width:1160px;margin:0 auto;}\n.partner-lead{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.08));border:1px solid rgba(30,127,160,0.22);border-radius:16px;padding:1.3rem 1.6rem;margin-bottom:1.5rem;flex-wrap:wrap;}\n.partner-lead-txt{flex:1;min-width:240px;}\n.partner-lead-txt b{font-family:var(--font-display);font-size:1.05rem;}\n.partner-lead-txt span{display:block;color:var(--white-muted);font-size:0.83rem;margin-top:0.2rem;}\n.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}\n.platform-card{background:var(--dark3);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:1.6rem;transition:border-color .25s,transform .25s;}\n.platform-card:hover{border-color:rgba(30,127,160,0.4);transform:translateY(-4px);}\n.platform-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.7rem;}\n.platform-name{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-0.01em;}\n.platform-live{background:rgba(61,220,132,0.12);border:1px solid rgba(61,220,132,0.35);color:#3DDC84;font-size:0.62rem;font-weight:700;padding:0.18rem 0.6rem;border-radius:20px;letter-spacing:0.05em;}\n.platform-sub{color:var(--white-muted);font-size:0.8rem;line-height:1.6;margin-bottom:1.1rem;min-height:3.8em;}\n.platform-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}\n.pm-box{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:0.65rem 0.5rem;text-align:center;}\n.pm-box .v{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--teal-light);}\n.pm-box .k{font-size:0.6rem;color:var(--white-muted);letter-spacing:0.05em;text-transform:uppercase;margin-top:0.15rem;}\n.platform-tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:1rem;}\n.platform-tags span{font-size:0.64rem;color:var(--white-muted);border:1px solid rgba(255,255,255,0.12);padding:0.2rem 0.6rem;border-radius:20px;}\n\n\/* SERVICES *\/\n.services{background:var(--dark);}\n.services-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1160px;margin:0 auto 2.5rem;gap:1rem;flex-wrap:wrap;}\n.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;max-width:1160px;margin:0 auto;background:rgba(255,255,255,0.055);border-radius:var(--radius);overflow:hidden;}\n.service-card{background:var(--dark2);padding:2.2rem;transition:background .25s;position:relative;overflow:hidden;}\n.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}\n.service-card:hover{background:var(--dark3);}\n.service-card:hover::after{transform:scaleX(1);}\n.service-icon{width:50px;height:50px;border-radius:11px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.18);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;font-size:1.3rem;}\n.service-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:0.65rem;letter-spacing:-0.01em;}\n.service-desc{color:var(--white-muted);font-size:0.855rem;line-height:1.65;}\n.service-arrow{display:inline-flex;align-items:center;gap:5px;margin-top:1.3rem;font-size:0.8rem;color:var(--teal-light);font-weight:500;text-decoration:none;transition:gap .2s;}\n.service-arrow:hover{gap:9px;}\n.service-card-wide{grid-column:span 3;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.06))!important;border-top:2px solid rgba(30,127,160,0.28);}\n.service-card-wide-inner{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;}\n.service-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1.1rem;}\n.service-tag-pill{font-size:0.73rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.25rem 0.72rem;border-radius:20px;}\n\n\/* WHY *\/\n.why{background:var(--dark2);}\n.why-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}\n.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}\n.why-card{background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.4rem;transition:border-color .25s,transform .25s;}\n.why-card:hover{border-color:rgba(30,127,160,0.32);transform:translateY(-3px);}\n.why-card-icon{font-size:1.5rem;margin-bottom:0.7rem;}\n.why-card-title{font-family:var(--font-display);font-weight:700;font-size:0.92rem;margin-bottom:0.45rem;letter-spacing:-0.01em;}\n.why-card-desc{color:var(--white-muted);font-size:0.8rem;line-height:1.55;}\n.why-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--teal-dark),rgba(30,127,160,0.18));border-color:rgba(30,127,160,0.35);display:flex;align-items:center;gap:1.3rem;}\n.why-card.featured .why-card-icon{font-size:2.2rem;flex-shrink:0;}\n\n\/* PROCESS *\/\n.process{background:var(--dark);}\n.process-inner{max-width:1160px;margin:0 auto;}\n.process-steps{display:flex;gap:0;margin-top:3rem;position:relative;}\n.process-steps::before{content:'';position:absolute;top:27px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--orange),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(0.4,0,0.2,1);}\n.process-steps.pc-active::before{transform:scaleX(1);}\n\/* Putuju\u0107a data-ta\u010dkica po liniji *\/\n.line-pulse{position:absolute;top:24px;left:0;width:7px;height:7px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 12px var(--teal-light);opacity:0;z-index:1;}\n.process-steps.pc-active .line-pulse{animation:linePulseTravel 5s 2s linear infinite;}\n@keyframes linePulseTravel{0%{left:0;opacity:0}5%{opacity:1}90%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}\n.process-step{flex:1;padding:0 1.3rem;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}\n.process-steps.pc-active .process-step{opacity:1;transform:none;}\n.process-steps.pc-active .process-step:nth-child(2){transition-delay:.35s;}\n.process-steps.pc-active .process-step:nth-child(3){transition-delay:.7s;}\n.process-steps.pc-active .process-step:nth-child(4){transition-delay:1.05s;}\n.process-steps.pc-active .process-step:nth-child(5){transition-delay:1.4s;}\n.step-num{width:54px;height:54px;border-radius:50%;background:var(--dark2);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--teal-light);margin-bottom:1.4rem;position:relative;z-index:2;}\n.step-title{font-family:var(--font-display);font-weight:700;font-size:0.97rem;margin-bottom:0.45rem;}\n.step-desc{color:var(--white-muted);font-size:0.82rem;line-height:1.6;}\n\n\/* CTA *\/\n.cta-banner{padding:70px 5vw;background:var(--dark2);}\n.cta-inner{max-width:1160px;margin:0 auto;background:linear-gradient(135deg,var(--teal-dark) 0%,#0e3a4a 100%);border-radius:22px;padding:4.5rem 4rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;}\n.cta-inner::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(240,120,48,0.14);filter:blur(55px);}\n.cta-text{position:relative;z-index:2;}\n.cta-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:700;letter-spacing:-0.025em;line-height:1.12;margin-bottom:0.85rem;}\n.cta-sub{color:rgba(255,255,255,0.72);max-width:460px;font-size:0.95rem;}\n.cta-actions{position:relative;z-index:2;flex-shrink:0;}\n\n\/* CONTACT *\/\n.contact{background:var(--dark);}\n.contact-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4.5rem;align-items:start;}\n.contact-detail{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;color:var(--white-muted);font-size:0.88rem;}\n.contact-detail-icon{width:38px;height:38px;border-radius:9px;background:rgba(30,127,160,0.11);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}\n.contact-form-wrap{background:var(--dark2);border:1px solid rgba(255,255,255,0.065);border-radius:20px;padding:2.2rem;}\n.form-group{margin-bottom:1.1rem;}\n.form-group label{display:block;font-size:0.75rem;color:var(--white-muted);margin-bottom:0.45rem;letter-spacing:0.05em;text-transform:uppercase;font-weight:500;}\n.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--dark3);border:1px solid rgba(255,255,255,0.075);border-radius:10px;padding:0.8rem 1rem;color:var(--white);font-family:var(--font-body);font-size:0.88rem;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;}\n.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--teal);}\n.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.28);}\n.form-group textarea{height:115px;resize:vertical;}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}\n#form-success{display:none;text-align:center;padding:3rem 1rem;}\n#form-error{display:none;background:rgba(220,50,50,0.09);border:1px solid rgba(220,50,50,0.28);border-radius:10px;padding:0.9rem 1rem;margin-bottom:1rem;font-size:0.85rem;color:#ff8080;}\n\n\/* FOOTER *\/\nfooter{background:var(--dark2);border-top:1px solid rgba(255,255,255,0.055);padding:55px 5vw 28px;}\n.footer-inner{max-width:1160px;margin:0 auto;}\n.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.055);}\n.footer-brand-tagline{color:var(--white-muted);font-size:0.86rem;margin-top:0.9rem;max-width:270px;line-height:1.65;}\n.footer-col-title{font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.1rem;}\n.footer-links{list-style:none;}\n.footer-links li{margin-bottom:0.55rem;}\n.footer-links a{color:var(--white-muted);text-decoration:none;font-size:0.88rem;transition:color .2s;}\n.footer-links a:hover{color:var(--white);}\n.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.8rem;font-size:0.78rem;color:var(--white-muted);flex-wrap:wrap;gap:0.5rem;}\n.footer-bottom a{color:var(--teal-light);text-decoration:none;}\n\n\/* LEGAL MODALS *\/\n.legal-overlay{position:fixed;inset:0;background:rgba(5,8,12,0.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:4vh 4vw;}\n.legal-overlay.open{display:flex;animation:fadeUp .25s ease both;}\n.legal-modal{background:var(--dark2);border:1px solid rgba(30,127,160,0.25);border-radius:20px;max-width:760px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.6);}\n.legal-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.8rem;border-bottom:1px solid rgba(255,255,255,0.07);flex-shrink:0;gap:1rem;}\n.legal-modal-head h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-0.01em;}\n.legal-close{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white-muted);transition:all .2s;flex-shrink:0;}\n.legal-close:hover{background:rgba(240,120,48,0.15);color:var(--orange-light);border-color:rgba(240,120,48,0.3);}\n.legal-modal-body{padding:1.6rem 1.8rem;overflow-y:auto;font-size:0.88rem;line-height:1.75;}\n.legal-modal-body h4{font-family:var(--font-display);font-size:0.98rem;font-weight:700;margin:1.6rem 0 0.5rem;color:#fff;}\n.legal-modal-body h4:first-of-type{margin-top:0;}\n.legal-modal-body p{color:var(--white-muted);margin-bottom:0.7rem;}\n.legal-modal-body ul{margin:0.4rem 0 0.9rem 1.2rem;color:var(--white-muted);}\n.legal-modal-body li{margin-bottom:0.3rem;color:var(--white-muted);}\n.legal-modal-body b{color:#fff;font-weight:600;}\n.legal-modal-body a{color:var(--teal-light);text-decoration:none;}\n.legal-modal-body::-webkit-scrollbar{width:5px;}\n.legal-modal-body::-webkit-scrollbar-thumb{background:var(--teal-dark);border-radius:3px;}\n.legal-updated{font-size:0.75rem;color:var(--white-muted);margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.06);}\n@media(max-width:600px){.legal-overlay{padding:0;}.legal-modal{max-height:100vh;border-radius:0;height:100%;}}\n\n\/* REVEAL *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease;}\n.reveal.visible{opacity:1;transform:none;}\n\n\/* SCROLLBAR *\/\n::-webkit-scrollbar{width:5px;}\n::-webkit-scrollbar-track{background:var(--dark);}\n::-webkit-scrollbar-thumb{background:var(--teal-dark);border-radius:3px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1100px){\n .nav-capsule-wrap{display:none;}\n .mobile-menu-btn{display:flex;}\n}\n@media(max-width:1024px){\n .services-grid{grid-template-columns:1fr 1fr;}\n .service-card-wide{grid-column:span 2;}\n .about-inner{grid-template-columns:1fr;gap:2.5rem;}\n .footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important;}\n .platform-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;}\n}\n@media(max-width:768px){\n .nav-capsule-wrap{display:none;}\n .mobile-menu-btn{display:flex;}\n nav{height:64px;padding:0 5vw;}\n .nav-drawer{top:64px;}\n .hero{padding:96px 5vw 55px;min-height:100svh;}\n .hero-title{font-size:clamp(2rem,9vw,3rem);line-height:1.15;}\n .hero-sub{font-size:0.95rem;}\n .hero-actions{flex-direction:column;gap:0.75rem;}\n .hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center;}\n .code-decode-wrap{margin-top:3rem;padding-top:2rem;}\n .code-decode-terminal{gap:0.45rem;}\n .code-decode-text{font-size:7.2vw;letter-spacing:0;}\n .code-cursor{font-size:5.5vw;}\n .code-prompt{font-size:3.2vw;}\n #karijera{padding:60px 5vw!important;}\n .cta-banner{padding:50px 5vw;}\n .stat-num{font-size:1.9rem;}\n section{padding:60px 5vw;}\n .section-title{font-size:clamp(1.6rem,6vw,2.2rem);}\n .about-inner{grid-template-columns:1fr;gap:2rem;}\n .features-strip{padding:40px 5vw;}\n .features-strip-inner{grid-template-columns:1fr 1fr;gap:1.2rem;}\n .feat-num-c{font-size:1.9rem;}\n .live-dash{padding:1.3rem;}\n .live-dash-row{gap:1rem;}\n .platform-grid{grid-template-columns:1fr;}\n .partner-lead{flex-direction:column;align-items:flex-start;}\n .partner-lead .btn-secondary{width:100%;justify-content:center;}\n .team-photo img{height:190px;}\n .services-grid{grid-template-columns:1fr;gap:1.5px;}\n .service-card-wide{grid-column:span 1;}\n .service-card-wide-inner{flex-direction:column;gap:1.2rem;}\n .service-card-wide-inner .btn-primary{width:100%;justify-content:center;}\n .services-header{flex-direction:column;align-items:flex-start;}\n .why-inner{grid-template-columns:1fr;gap:2.5rem;}\n .why-cards{grid-template-columns:1fr;}\n .why-card.featured{grid-column:span 1;flex-direction:column;gap:1rem;}\n .process-steps{flex-direction:column;gap:1.8rem;}\n .process-steps::before{display:none;}\n .line-pulse{display:none;}\n .process-step{padding:0;display:flex;gap:1.2rem;align-items:flex-start;}\n .step-num{flex-shrink:0;margin-bottom:0;}\n .cta-inner{padding:2.5rem 1.8rem;flex-direction:column;}\n .cta-actions .btn-primary{width:100%;justify-content:center;}\n .cta-title{font-size:1.55rem;}\n .contact-inner{grid-template-columns:1fr;gap:2.5rem;}\n .form-row{grid-template-columns:1fr;gap:0;}\n .footer-top{grid-template-columns:1fr;gap:2rem;}\n .footer-bottom{flex-direction:column;align-items:flex-start;}\n .footer-grid{grid-template-columns:1fr!important;gap:2rem!important;}\n .careers-perks{grid-template-columns:1fr!important;}\n .job-card>div{flex-direction:column;align-items:flex-start!important;}\n #job-form{padding:1.8rem!important;}\n \/* Job card mobile fix *\/\n .job-card-inner{flex-direction:column!important;align-items:flex-start!important;}\n .job-card-meta{flex-direction:row!important;flex-wrap:wrap!important;}\n .job-card-meta .btn-primary{width:100%!important;justify-content:center!important;margin-top:0.25rem;}\n \/* CV upload toggle *\/\n .cv-toggle-wrap{display:flex;flex-direction:column;gap:0.6rem;}\n}\n@media(max-width:400px){\n .hero-title{font-size:1.85rem;}\n .features-strip-inner{grid-template-columns:1fr 1fr;}\n .cta-title{font-size:1.35rem;}\n .live-dash-head{flex-direction:column;align-items:flex-start;}\n .mini-ring{margin:0 auto;}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n \n <a href=\"#\" class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\" alt=\"X Call Tech\">\n <\/a>\n\n \n <div class=\"nav-capsule-wrap\">\n <ul class=\"nav-capsule\">\n <li>\n <a href=\"#usluge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n Usluge\n <\/a>\n <\/li>\n <li>\n <a href=\"#o-nama\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n O nama\n <\/a>\n <\/li>\n <li>\n <a href=\"#zasto-mi\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n Za\u0161to mi?\n <\/a>\n <\/li>\n <li>\n <a href=\"#karijera\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n Karijera\n <\/a>\n <\/li>\n <li>\n <a href=\"#kontakt\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Kontakt\n <\/a>\n <\/li>\n <li>\n <a href=\"#kontakt\" class=\"nav-cta-pill\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n Kontaktirajte nas\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"nav-right\">\n <button class=\"mobile-menu-btn\" id=\"menuBtn\" aria-label=\"Otvori meni\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n\n<div class=\"nav-drawer\" id=\"navDrawer\">\n <a href=\"#usluge\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n Usluge\n <\/a>\n <a href=\"#o-nama\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n O nama\n <\/a>\n <a href=\"#zasto-mi\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n Za\u0161to mi?\n <\/a>\n <a href=\"#karijera\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n Karijera\n <\/a>\n <a href=\"#kontakt\" class=\"nav-drawer-item\" onclick=\"closeMenu()\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Kontakt\n <\/a>\n <a href=\"#kontakt\" class=\"drawer-cta\" onclick=\"closeMenu()\">Kontaktirajte nas \u2192<\/a>\n<\/div>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">Communicate to Succeed<\/div>\n <h1 class=\"hero-title\">\n Inovativna IT<br>\n rje\u0161enja i <span class=\"accent\">podr\u0161ka<\/span><br>\n za va\u0161 <span class=\"accent2\">uspjeh<\/span>\n <\/h1>\n <p class=\"hero-sub\">Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni rast je na\u0161a misija \u2014 24\/7.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#kontakt\" class=\"btn-primary\">\n Zapo\u010dnite konsultacije\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#usluge\" class=\"btn-secondary\">Na\u0161e usluge<\/a>\n <\/div>\n <\/div>\n \n <div class=\"code-decode-wrap\">\n <div class=\"code-decode-terminal\">\n <span class=\"code-prompt\">>_<\/span>\n <span id=\"decode-text\" class=\"code-decode-text\"><\/span><span class=\"code-cursor\">\u258a<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"about\" id=\"o-nama\">\n <div class=\"about-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">O nama<\/div>\n <h2 class=\"section-title\">Najbolja usluga kontakt centra za va\u0161 posao<\/h2>\n <p class=\"section-body\">X Call Tech je va\u0161 pouzdan partner za komunikaciju, korisni\u010dku podr\u0161ku i digitalni rast. Kombinujemo tehnologiju, stru\u010dnost i predanost kako bismo va\u0161im klijentima pru\u017eili iskustvo koje pamte.<\/p>\n <ul class=\"about-list\">\n <li>\n <div class=\"about-list-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div class=\"about-list-text\">\n <strong>Podr\u0161ka korisnicima 24\/7<\/strong>\n <span>Neprekidna dostupnost, prilago\u0111ena va\u0161em rasporedu i potrebama klijenata.<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"about-list-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\n <div class=\"about-list-text\">\n <strong>Redovni izvje\u0161taji i analize<\/strong>\n <span>Detaljne analize performansi koje vam daju potpuni uvid u va\u0161e poslovanje.<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"about-list-icon\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div class=\"about-list-text\">\n <strong>Usluge na vi\u0161e jezika<\/strong>\n <span>Komunikacija na razli\u010ditim jezicima za klijente \u0161irom svijeta.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"about-visual reveal\">\n <div class=\"live-dash\">\n <div class=\"live-dash-head\">\n <div class=\"live-dash-title\"><span class=\"live-dot\"><\/span> X Call Tech \u00b7 Live pregled \u00b7 <span id=\"live-clock\" style=\"color:var(--teal-light);\">--:--<\/span><\/div>\n <div class=\"call-badge\">\u25cf <span id=\"live-calls\">38<\/span> aktivnih poziva<\/div>\n <\/div>\n <div class=\"live-dash-row\">\n <div class=\"mini-ring\">\n <svg width=\"130\" height=\"130\">\n <circle class=\"mr-bg\" cx=\"65\" cy=\"65\" r=\"55\"\/>\n <circle class=\"mr-fg\" cx=\"65\" cy=\"65\" r=\"55\"\/>\n <\/svg>\n <div class=\"mr-txt\"><div class=\"n\"><span id=\"live-eff\">87<\/span>%<\/div><div class=\"l\">Efikasnost<\/div><\/div>\n <\/div>\n <div class=\"wave-wrap\">\n <div class=\"wave-lbl\"><span>Dolazni pozivi<\/span><b><span id=\"calls-today\">0<\/span> danas<\/b><\/div>\n <div class=\"wave\">\n <i style=\"--h:85%;animation-delay:0s\"><\/i><i style=\"--h:45%;animation-delay:.1s\"><\/i>\n <i style=\"--h:95%;animation-delay:.2s\"><\/i><i style=\"--h:60%;animation-delay:.05s\"><\/i>\n <i style=\"--h:75%;animation-delay:.25s\"><\/i><i style=\"--h:40%;animation-delay:.15s\"><\/i>\n <i style=\"--h:90%;animation-delay:.3s\"><\/i><i style=\"--h:55%;animation-delay:.08s\"><\/i>\n <i style=\"--h:70%;animation-delay:.22s\"><\/i><i style=\"--h:88%;animation-delay:.12s\"><\/i>\n <i style=\"--h:50%;animation-delay:.28s\"><\/i><i style=\"--h:80%;animation-delay:.18s\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"live-agents\">\n <div class=\"av-stack\">\n <div class=\"av\" style=\"background:#1E7FA0\">A<\/div>\n <div class=\"av\" style=\"background:#F07830\">M<\/div>\n <div class=\"av\" style=\"background:#28A8CC\">S<\/div>\n <div class=\"av\" style=\"background:#155f78\">D<\/div>\n <div class=\"av\" style=\"background:rgba(255,255,255,0.15)\" id=\"av-more\">+80<\/div>\n <\/div>\n <span><b id=\"live-agents\">84<\/b> agenta online<\/span>\n <div class=\"call-badge\" style=\"margin-left:auto;\">100+ klijenata<\/div>\n <\/div>\n <\/div>\n \n <div class=\"team-photo\">\n <img loading=\"lazy\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2026\/08\/xcall-tim-pogon-web.jpg\" alt=\"X Call Tech tim u radnom pogonu\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"900\">\n <div class=\"team-photo-cap\">\n <span class=\"live-dot\"><\/span> Na\u0161 tim \u00b7 Srebrenik\n <span class=\"call-badge\" style=\"margin-left:auto;\">U\u017eivo iz pogona<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"features-strip reveal\">\n <div class=\"live-bar\"><span class=\"live-dot\"><\/span> LIVE \u00b7 Operativni status<\/div>\n <div class=\"features-strip-inner\">\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\">24<span>\/7<\/span><\/div>\n <div class=\"feat-lbl-c\">Dostupnost tima<\/div>\n <div class=\"feat-trend\">\u25b2 Aktivno sada<\/div>\n <\/div>\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\"><b class=\"cnt-c\" data-t=\"90\">0<\/b><span>%<\/span><\/div>\n <div class=\"feat-lbl-c\">Stopa komunikacije<\/div>\n <div class=\"feat-trend\">\u25b2 +2% ovaj mjesec<\/div>\n <\/div>\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\"><b class=\"cnt-c\" data-t=\"87\">0<\/b><span>%<\/span><\/div>\n <div class=\"feat-lbl-c\">Live podr\u0161ka<\/div>\n <div class=\"feat-trend\">\u25b2 Iznad prosjeka<\/div>\n <\/div>\n <div class=\"feat-item-c\">\n <div class=\"feat-num-c\"><b class=\"cnt-c\" data-t=\"5\">0<\/b><span>+<\/span><\/div>\n <div class=\"feat-lbl-c\">Godina na tr\u017ei\u0161tu<\/div>\n <div class=\"feat-trend\">\u25b2 5 poslovnica<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"services\" id=\"usluge\">\n <div class=\"services-header reveal\">\n <div>\n <div class=\"section-tag\">Na\u0161i servisi<\/div>\n <h2 class=\"section-title\">Koje usluge nudimo<\/h2>\n <\/div>\n <a href=\"#kontakt\" class=\"btn-secondary\">Kontaktirajte nas \u2192<\/a>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div class=\"service-title\">Call Centar<\/div>\n <p class=\"service-desc\">Usluga call centra pru\u017ea neprekidnu podr\u0161ku klijentima, osiguravaju\u0107i profesionalnu komunikaciju i zadovoljstvo korisnika u svakom trenutku.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg><\/div>\n <div class=\"service-title\">Outsourcing<\/div>\n <p class=\"service-desc\">Pristup kvalificiranim stru\u010dnjacima izvan va\u0161e organizacije, pru\u017eaju\u0107i fleksibilnost, skalabilnost i zna\u010dajne u\u0161tede tro\u0161kova.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l18-5v12L3 14v-3z\"\/><path d=\"M11.6 16.8a3 3 0 1 1-5.8-1.6\"\/><\/svg><\/div>\n <div class=\"service-title\">Digitalni Marketing<\/div>\n <p class=\"service-desc\">Uz unikatan plan, strategiju i jasne ciljeve unapre\u0111ujemo va\u0161e profile, \u010dinimo ih jedinstvenim i profitabilnim na svim digitalnim kanalima.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg><\/div>\n <div class=\"service-title\">Korisni\u010dka Podr\u0161ka<\/div>\n <p class=\"service-desc\">Profesionalna i efikasna pomo\u0107 va\u0161im korisnicima kako bismo osigurali njihovo zadovoljstvo i dugoro\u010dnu lojalnost brendu.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\n <div class=\"service-title\">Web Development<\/div>\n <p class=\"service-desc\">Posve\u0107enost, unikatnost i kvalitet su na\u0161e karakteristike. Gradimo web rje\u0161enja koja su brza, moderna i optimizirana za konverzije.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg><\/div>\n <div class=\"service-title\">E-commerce<\/div>\n <p class=\"service-desc\">Uz tehnolo\u0161ka rje\u0161enja i stru\u010dnu podr\u0161ku, vodimo va\u0161 e-commerce posao prema budu\u0107nosti \u2014 od platforme do logistike i podr\u0161ke kupcima.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card service-card-wide reveal\">\n <div class=\"service-card-wide-inner\">\n <div class=\"service-icon\" style=\"background:rgba(240,120,48,0.13);border-color:rgba(240,120,48,0.22);font-size:1.5rem;width:56px;height:56px;flex-shrink:0;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\n <div style=\"flex:1;min-width:220px;\">\n <div style=\"display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;margin-bottom:0.65rem;\">\n <span class=\"service-title\" style=\"margin:0;\">Razvoj Softvera po Mjeri<\/span>\n <span style=\"font-size:0.68rem;font-weight:600;background:rgba(240,120,48,0.14);color:var(--orange-light);padding:0.2rem 0.65rem;border-radius:20px;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;\">Bespoke Software<\/span>\n <\/div>\n <p class=\"service-desc\" style=\"max-width:680px;\">Dizajniramo i razvijamo softverska rje\u0161enja prilago\u0111ena specifi\u010dnim poslovnim procesima va\u0161e organizacije \u2014 od analize zahtjeva i arhitekture sustava do isporuke i dugoro\u010dnog odr\u017eavanja. Pokrivamo razvoj web aplikacija, CRM\/ERP integracija, REST API servisa i automatizacijskih platformi, koriste\u0107i moderne tehnologije i agilne metodologije. Rezultat je skalabilno, sigurno i lako odr\u017eivo rje\u0161enje koje direktno pove\u0107ava operativnu efikasnost.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag-pill\">Web Aplikacije<\/span>\n <span class=\"service-tag-pill\">CRM \/ ERP Integracije<\/span>\n <span class=\"service-tag-pill\">API Razvoj<\/span>\n <span class=\"service-tag-pill\">Automatizacija Procesa<\/span>\n <span class=\"service-tag-pill\">SaaS Platforme<\/span>\n <\/div>\n <\/div>\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"flex-shrink:0;align-self:center;\">Zatra\u017ei ponudu \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why\" id=\"zasto-mi\">\n <div class=\"why-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Za\u0161to odabrati nas<\/div>\n <h2 class=\"section-title\">Na\u0161 fokus: va\u0161 poslovni uspjeh<\/h2>\n <p class=\"section-body\">Fokusirani smo na osiguravanje uspjeha va\u0161eg procesa, pru\u017eaju\u0107i podr\u0161ku i rje\u0161enja prilago\u0111ena va\u0161im poslovnim potrebama i ciljevima.<\/p>\n <div style=\"margin-top:2rem;\">\n <a href=\"#kontakt\" class=\"btn-primary\">Kontaktirajte nas<\/a>\n <\/div>\n <\/div>\n <div class=\"why-cards reveal\">\n <div class=\"why-card featured\">\n <div class=\"why-card-icon\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18.18 8a4 4 0 1 1 0 8c-3 0-4.68-2.67-6.18-4-1.5-1.33-3.18-4-6.18-4a4 4 0 1 0 0 8c3 0 4.68-2.67 6.18-4 1.5-1.33 3.18-4 6.18-4z\"\/><\/svg><\/div>\n <div>\n <div class=\"why-card-title\">White-label kompanija<\/div>\n <div class=\"why-card-desc\">Proizvodimo i pru\u017eamo usluge rebrendiranja i prodaje, omogu\u0107avaju\u0107i kompanijama resurse potrebne za \u0161irenje tr\u017ei\u0161ta bez dodatnih tro\u0161kova.<\/div>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Garancija zadovoljstva<\/div>\n <div class=\"why-card-desc\">Dizajnirani smo s ciljem osiguranja potpune satisfakcije klijenata, nude\u0107i vrhunsku kvalitetu i podr\u0161ku.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Vi\u0161ejezi\u010dna podr\u0161ka<\/div>\n <div class=\"why-card-desc\">Komunikacija na vi\u0161e jezika za klijente i poslovne partnere \u0161irom svijeta.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Profesionalan pristup<\/div>\n <div class=\"why-card-desc\">Svaki zadatak tretiramo s temeljito\u0161\u0107u, efikasno\u0161\u0107u i posve\u0107eno\u0161\u0107u najboljoj mogu\u0107oj usluzi.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg><\/div>\n <div class=\"why-card-title\">Outsourcing call centra<\/div>\n <div class=\"why-card-desc\">U\u010dinkovito upravljanje komunikacijom s klijentima, osloba\u0111aju\u0107i va\u0161e resurse za klju\u010dne aktivnosti.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"process\">\n <div class=\"process-inner\">\n <div class=\"reveal\" style=\"text-align:center;max-width:560px;margin:0 auto;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Kako poslujemo<\/div>\n <h2 class=\"section-title\">Jednostavan proces.<br>Maksimalni rezultati.<\/h2>\n <\/div>\n <div class=\"process-steps reveal\">\n <span class=\"line-pulse\"><\/span>\n <div class=\"process-step\">\n <div class=\"step-num\">01<\/div>\n <div>\n <div class=\"step-title\">Konsultacija<\/div>\n <p class=\"step-desc\">Slu\u0161amo va\u0161e potrebe i analiziramo poslovne ciljeve kako bismo razumjeli pravi izazov.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">02<\/div>\n <div>\n <div class=\"step-title\">Strategija<\/div>\n <p class=\"step-desc\">Kreiramo prilago\u0111eni plan akcije koji direktno odgovara va\u0161im potrebama i bud\u017eetu.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">03<\/div>\n <div>\n <div class=\"step-title\">Implementacija<\/div>\n <p class=\"step-desc\">Na\u0161 stru\u010dni tim primjenjuje rje\u0161enje uz stalnu komunikaciju i transparentnost.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">04<\/div>\n <div>\n <div class=\"step-title\">Rezultati & Rast<\/div>\n <p class=\"step-desc\">Pratimo performanse, dostavljamo izvje\u0161taje i kontinuirano optimizujemo za bolje rezultate.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"partners\" id=\"platforme\">\n <div class=\"partners-inner\">\n <div class=\"reveal\" style=\"text-align:center;max-width:620px;margin:0 auto 2.5rem;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Na\u0161e platforme<\/div>\n <h2 class=\"section-title\">Platforme koje pokre\u0107u na\u0161 rad<\/h2>\n <p class=\"section-body\" style=\"margin:0 auto;\">Razvijamo i operativno vodimo napredne platforme za prodaju, lead generaciju i multi-channel ogla\u0161avanje \u2014 jedan tim, jedan standard kvalitete.<\/p>\n <\/div>\n\n <div class=\"platform-grid\">\n \n <div class=\"platform-card reveal\">\n <div class=\"platform-head\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <span class=\"platform-name\">COSP<\/span>\n <span class=\"platform-live\">LIVE<\/span>\n <\/div>\n <p class=\"platform-sub\">End-to-end outbound prodajna platforma za call centar operacije \u2014 lead pipeline, performanse agenata, kampanje i real-time izvje\u0161taji na vi\u0161e tr\u017ei\u0161ta.<\/p>\n <div class=\"platform-metrics\">\n <div class=\"pm-box\"><div class=\"v\">320+<\/div><div class=\"k\">Aktivnih korisnika<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">8<\/div><div class=\"k\">Live kampanja<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">5<\/div><div class=\"k\">Tr\u017ei\u0161ta<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">99.9%<\/div><div class=\"k\">Uptime<\/div><\/div>\n <\/div>\n <div class=\"platform-tags\"><span>Sales<\/span><span>Outbound<\/span><span>SaaS<\/span><span>Call Center<\/span><\/div>\n <\/div>\n\n \n <div class=\"platform-card reveal\">\n <div class=\"platform-head\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\n <span class=\"platform-name\">LeadFlow<\/span>\n <span class=\"platform-live\">LIVE<\/span>\n <\/div>\n <p class=\"platform-sub\">AI platforma za generisanje i kvalifikaciju leadova \u2014 prikuplja, oboga\u0107uje, boduje i rutira leadove direktno prodajnim timovima kroz COSP integraciju.<\/p>\n <div class=\"platform-metrics\">\n <div class=\"pm-box\"><div class=\"v\">2,400+<\/div><div class=\"k\">Leadova \/ dan<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">94%<\/div><div class=\"k\">Enrichment rate<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">45<\/div><div class=\"k\">Aktivnih klijenata<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">12<\/div><div class=\"k\">Integracija<\/div><\/div>\n <\/div>\n <div class=\"platform-tags\"><span>Lead Gen<\/span><span>AI<\/span><span>SaaS<\/span><span>Automation<\/span><\/div>\n <\/div>\n\n \n <div class=\"platform-card reveal\">\n <div class=\"platform-head\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n <span class=\"platform-name\">AdStack<\/span>\n <span class=\"platform-live\">LIVE<\/span>\n <\/div>\n <p class=\"platform-sub\">Centralizovana platforma za vo\u0111enje kampanja preko Meta, Google, TikTok i native mre\u017ea \u2014 optimizacija bud\u017eeta, rotacija kreativa i real-time ROAS pra\u0107enje.<\/p>\n <div class=\"platform-metrics\">\n <div class=\"pm-box\"><div class=\"v\">\u20ac2.1M<\/div><div class=\"k\">Ad spend \/ mj<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">120+<\/div><div class=\"k\">Aktivnih kampanja<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">4.2x<\/div><div class=\"k\">Prosje\u010dan ROAS<\/div><\/div>\n <div class=\"pm-box\"><div class=\"v\">6<\/div><div class=\"k\">Mre\u017ea<\/div><\/div>\n <\/div>\n <div class=\"platform-tags\"><span>Advertising<\/span><span>Multi-Channel<\/span><span>SaaS<\/span><span>Performance<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-banner\">\n <div class=\"cta-inner reveal\">\n <div class=\"cta-text\">\n <h2 class=\"cta-title\">Trebate iskusnog partnera<br>za va\u0161e poslovanje?<\/h2>\n <p class=\"cta-sub\">Na\u0161a stru\u010dna ekipa stoji vam na raspolaganju. Zaka\u017eite besplatne konsultacije danas i napravite prvi korak prema uspjehu.<\/p>\n <\/div>\n <div class=\"cta-actions\">\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"font-size:1rem;padding:1rem 2.2rem;\">\n Zaka\u017eite konsultacije\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"contact\" id=\"kontakt\">\n <div class=\"contact-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Kontakt<\/div>\n <h2 class=\"section-title\">Pove\u017eimo se<\/h2>\n <p class=\"section-body\">Kontaktirajte nas kako biste istra\u017eili mogu\u0107nosti, postavili pitanja ili zapo\u010deli saradnju. Uvijek smo tu da pomognemo.<\/p>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n <div><a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);text-decoration:none;\">info@xcall.ba<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\n <div><a href=\"tel:+38761773130\" style=\"color:var(--white-muted);text-decoration:none;\">+387 61 773 130<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n <div>www.xcall.ba<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div>Srebrenik, Bosna i Hercegovina<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n <div>Dostupni 24\/7 za va\u0161e potrebe<\/div>\n <\/div>\n <div style=\"display:flex;gap:0.75rem;margin-top:2rem;\">\n <a href=\"https:\/\/www.facebook.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(24,119,242,0.12);border:1px solid rgba(24,119,242,0.3);color:#5B9BF8;text-decoration:none;padding:0.6rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:500;transition:background .2s;\" onmouseover=\"this.style.background='rgba(24,119,242,0.22)'\" onmouseout=\"this.style.background='rgba(24,119,242,0.12)'\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n Facebook\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(225,48,108,0.12);border:1px solid rgba(225,48,108,0.3);color:#F77EAD;text-decoration:none;padding:0.6rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:500;transition:background .2s;\" onmouseover=\"this.style.background='rgba(225,48,108,0.22)'\" onmouseout=\"this.style.background='rgba(225,48,108,0.12)'\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n Instagram\n <\/a>\n <\/div>\n <\/div>\n <div class=\"contact-form-wrap reveal\">\n <div id=\"form-success\">\n <div style=\"margin-bottom:1rem;display:flex;justify-content:center;\"><svg width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3DDC84\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;\">Poruka poslana!<\/div>\n <div style=\"color:var(--white-muted);font-size:0.88rem;\">Kontaktirat \u0107emo vas u najkra\u0107em mogu\u0107em roku.<\/div>\n <\/div>\n <div id=\"form-error\">\n Gre\u0161ka pri slanju. Kontaktirajte nas direktno na <a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);\">info@xcall.ba<\/a>.\n <\/div>\n \n <form id=\"xcall-form\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"a19001da-adeb-4078-bfc3-74cb5cfaca7e\">\n <input type=\"hidden\" name=\"subject\" value=\"Nova poruka sa xcall.ba\">\n <input type=\"hidden\" name=\"from_name\" value=\"X Call Tech Website\">\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ime *<\/label>\n <input type=\"text\" name=\"ime\" placeholder=\"Va\u0161e ime\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Prezime<\/label>\n <input type=\"text\" name=\"prezime\" placeholder=\"Va\u0161e prezime\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Email adresa *<\/label>\n <input type=\"email\" name=\"email\" placeholder=\"vasa@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Telefon<\/label>\n <input type=\"tel\" name=\"telefon\" placeholder=\"+387 ...\">\n <\/div>\n <div class=\"form-group\">\n <label>Kompanija<\/label>\n <input type=\"text\" name=\"kompanija\" placeholder=\"Naziv va\u0161e kompanije\">\n <\/div>\n <div class=\"form-group\">\n <label>Usluga koja vas zanima<\/label>\n <select name=\"usluga\">\n <option value=\"\">Odaberite uslugu...<\/option>\n <option>Call Centar<\/option>\n <option>Outsourcing<\/option>\n <option>Digitalni Marketing<\/option>\n <option>Korisni\u010dka Podr\u0161ka<\/option>\n <option>Web Development<\/option>\n <option>E-commerce<\/option>\n <option>Razvoj Softvera po Mjeri<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Poruka *<\/label>\n <textarea name=\"poruka\" placeholder=\"Opi\u0161ite va\u0161e potrebe ili pitanja...\" required><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"submit-btn\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:0.95rem;\">\n <span id=\"btn-text\">Po\u0161aljite poruku<\/span>\n <svg id=\"btn-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <svg id=\"btn-spinner\" style=\"display:none;animation:spin 1s linear infinite;\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.25\"\/><path d=\"M12 3a9 9 0 0 1 9 9\"\/><\/svg>\n <\/button>\n <p style=\"text-align:center;margin-top:0.9rem;font-size:0.74rem;color:var(--white-muted);\">Odgovaramo u roku od 24h \u00b7 <a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);\">info@xcall.ba<\/a><\/p>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"karijera\" style=\"background:var(--dark2);padding:90px 5vw;\">\n <div style=\"max-width:1160px;margin:0 auto;\">\n\n \n <div class=\"reveal\" style=\"text-align:center;max-width:640px;margin:0 auto 4rem;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Karijera<\/div>\n <h2 class=\"section-title\">Pridru\u017eite se na\u0161em timu<\/h2>\n <p class=\"section-body\" style=\"margin:0 auto;\">Tra\u017eimo talentirane i ambiciozne ljude koji \u017eele graditi karijeru u dinami\u010dnom i modernom okru\u017eenju. Nudimo prilike za razvoj, u\u010denje i napredak u jednoj od najbr\u017ee rastu\u0107ih IT i komunikacijskih kompanija u regiji.<\/p>\n <\/div>\n\n \n <div class=\"reveal careers-perks\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:4rem;\">\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"margin-bottom:0.9rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"1\"\/><line x1=\"9\" y1=\"7\" x2=\"9.01\" y2=\"7\"\/><line x1=\"15\" y1=\"7\" x2=\"15.01\" y2=\"7\"\/><line x1=\"9\" y1=\"12\" x2=\"9.01\" y2=\"12\"\/><line x1=\"15\" y1=\"12\" x2=\"15.01\" y2=\"12\"\/><path d=\"M9 22v-4h6v4\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">Moderne prostorije<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Rad u moderno opremljenim poslovnim prostorima s ugodnom atmosferom i svim potrebnim resursima.<\/div>\n <\/div>\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"margin-bottom:0.9rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">Ugodna atmosfera<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Tim koji podr\u017eava, motivira i zajedno raste. Kultura otvorene komunikacije i me\u0111usobnog po\u0161tovanja.<\/div>\n <\/div>\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"margin-bottom:0.9rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">5 poslovnica<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Prisutni u Br\u010dkom, Srebreniku, Biha\u0107u, Sarajevu i Tuzli \u2014 prijavite se za lokaciju koja vam odgovara.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\" style=\"display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem;\">\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Agent I Call Center<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Inbound & outbound komunikacija s klijentima, obrada upita i pru\u017eanje korisni\u010dke podr\u0161ke na profesionalan na\u010din.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Agent I Call Center')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Software Developer<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Razvoj web aplikacija, API integracija i internih softverskih rje\u0161enja. Rad u agilnom timu s modernim tehnologijama.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Software Developer')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Graphic Designer<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Kreiranje vizualnog identiteta, marketin\u0161kih materijala i digitalnih sadr\u017eaja za brendove i kampanje.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Graphic Designer')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg><\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Video Creator<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Snimanje, monta\u017ea i produkcija video sadr\u017eaja za dru\u0161tvene mre\u017ee, kampanje i interne potrebe kompanije.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Video Creator')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div id=\"job-form\" class=\"reveal\" style=\"background:var(--dark);border:1px solid rgba(30,127,160,0.2);border-radius:20px;padding:2.5rem;max-width:720px;margin:0 auto;\">\n <div style=\"margin-bottom:1.8rem;\">\n <div class=\"section-tag\">Online prijava<\/div>\n <h3 style=\"font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:0.5rem;\">Po\u0161aljite nam svoju prijavu<\/h3>\n <p style=\"color:var(--white-muted);font-size:0.88rem;\">Popunite formu ispod i mi \u0107emo vas kontaktirati u najkra\u0107em mogu\u0107em roku.<\/p>\n <\/div>\n\n <div id=\"job-form-success\" style=\"display:none;text-align:center;padding:2.5rem 1rem;\">\n <div style=\"margin-bottom:1rem;display:flex;justify-content:center;\"><svg width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3DDC84\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <div style=\"font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;\">Prijava poslana!<\/div>\n <div style=\"color:var(--white-muted);font-size:0.88rem;\">Hvala na interesu! Javit \u0107emo vam se uskoro.<\/div>\n <\/div>\n <div id=\"job-form-error\" style=\"display:none;background:rgba(220,50,50,0.09);border:1px solid rgba(220,50,50,0.28);border-radius:10px;padding:0.9rem 1rem;margin-bottom:1rem;font-size:0.85rem;color:#ff8080;\">\n Gre\u0161ka pri slanju. Kontaktirajte nas na <a href=\"mailto:posao@xcall.ba\" style=\"color:var(--teal-light);\">posao@xcall.ba<\/a>.\n <\/div>\n\n <form id=\"job-application-form\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"179e6ee6-5c21-4ab2-9e29-fad1506826bc\">\n <input type=\"hidden\" name=\"subject\" value=\"Nova prijava za posao \u2014 xcall.ba\">\n <input type=\"hidden\" name=\"to\" value=\"posao@xcall.ba\">\n <input type=\"hidden\" name=\"from_name\" value=\"XCall.ba Karijera\">\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ime *<\/label>\n <input type=\"text\" name=\"ime\" placeholder=\"Va\u0161e ime\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Prezime *<\/label>\n <input type=\"text\" name=\"prezime\" placeholder=\"Va\u0161e prezime\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Email adresa *<\/label>\n <input type=\"email\" name=\"email\" placeholder=\"vasa@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Broj telefona *<\/label>\n <input type=\"tel\" name=\"telefon\" placeholder=\"+387 ...\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Pozicija *<\/label>\n <select name=\"pozicija\" id=\"job-position-select\" required>\n <option value=\"\">Odaberite poziciju...<\/option>\n <option value=\"Agent I Call Center\">Agent I Call Center<\/option>\n <option value=\"Software Developer\">Software Developer<\/option>\n <option value=\"Graphic Designer\">Graphic Designer<\/option>\n <option value=\"Video Creator\">Video Creator<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Poslovnica *<\/label>\n <select name=\"lokacija\" required>\n <option value=\"\">Odaberite lokaciju...<\/option>\n <option>Br\u010dko<\/option>\n <option>Srebrenik<\/option>\n <option>Biha\u0107<\/option>\n <option>Sarajevo<\/option>\n <option>Tuzla<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>CV \/ Portfolio<\/label>\n \n <div style=\"display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;\">\n <button type=\"button\" id=\"cv-btn-link\" onclick=\"setCvMode('link')\" style=\"width:100%;padding:0.6rem 1rem;border-radius:8px;border:1px solid var(--teal);background:rgba(30,127,160,0.15);color:var(--teal-light);font-family:var(--font-body);font-size:0.82rem;cursor:pointer;transition:all .2s;text-align:center;\">Link (Google Drive \/ LinkedIn)<\/button>\n <button type=\"button\" id=\"cv-btn-file\" onclick=\"setCvMode('file')\" style=\"width:100%;padding:0.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--white-muted);font-family:var(--font-body);font-size:0.82rem;cursor:pointer;transition:all .2s;text-align:center;\">Upload fajla (PDF, DOC, DOCX)<\/button>\n <\/div>\n <div id=\"cv-link-wrap\">\n <input type=\"url\" name=\"cv_link\" id=\"cv-link-input\" placeholder=\"https:\/\/drive.google.com\/... ili LinkedIn profil\">\n <\/div>\n <div id=\"cv-file-wrap\" style=\"display:none;\">\n <div id=\"cv-drop-zone\" style=\"border:2px dashed rgba(30,127,160,0.35);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;background:var(--dark3);\" onclick=\"document.getElementById('cv-file-input').click()\" ondragover=\"event.preventDefault();this.style.borderColor='var(--teal)'\" ondragleave=\"this.style.borderColor='rgba(30,127,160,0.35)'\" ondrop=\"handleCvDrop(event)\">\n <div style=\"margin-bottom:0.6rem;display:flex;justify-content:center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n <div style=\"font-size:0.85rem;color:var(--white-muted);\">Prevucite fajl ovdje ili <span style=\"color:var(--teal-light);font-weight:500;\">kliknite za odabir<\/span><\/div>\n <div style=\"font-size:0.75rem;color:var(--white-muted);margin-top:0.3rem;\">PDF, DOC, DOCX \u00b7 max 5MB<\/div>\n <div id=\"cv-file-name\" style=\"margin-top:0.75rem;font-size:0.82rem;color:var(--teal-light);display:none;\"><\/div>\n <\/div>\n <input type=\"file\" id=\"cv-file-input\" accept=\".pdf,.doc,.docx\" style=\"display:none;\" onchange=\"showFileName(this)\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Motivacijsko pismo *<\/label>\n <textarea name=\"motivacija\" placeholder=\"Ukratko se predstavite \u2014 za\u0161to \u017eelite raditi u X Call Tech timu i \u0161ta donosite sa sobom?\" style=\"height:130px;\" required><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"job-submit-btn\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:0.95rem;\">\n <span id=\"job-btn-text\">Po\u0161aljite prijavu<\/span>\n <svg id=\"job-btn-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <svg id=\"job-btn-spinner\" style=\"display:none;animation:spin 1s linear infinite;\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.25\"\/><path d=\"M12 3a9 9 0 0 1 9 9\"\/><\/svg>\n <\/button>\n <p style=\"text-align:center;margin-top:0.9rem;font-size:0.74rem;color:var(--white-muted);\">Prijave se \u0161alju na <a href=\"mailto:posao@xcall.ba\" style=\"color:var(--teal-light);\">posao@xcall.ba<\/a> \u00b7 Javimo se u roku od 48h<\/p>\n <\/form>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<footer style=\"background:var(--dark2);border-top:1px solid rgba(255,255,255,0.055);padding:60px 5vw 0;\">\n <div style=\"max-width:1160px;margin:0 auto;\">\n\n \n <div style=\"display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.055);\" class=\"footer-grid\">\n\n \n <div>\n <a href=\"#\" style=\"text-decoration:none;display:inline-block;margin-bottom:1rem;\">\n <img decoding=\"async\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\" alt=\"X Call Tech\" style=\"height:44px;width:auto;display:block;\">\n <\/a>\n <p style=\"color:var(--white-muted);font-size:0.85rem;line-height:1.7;max-width:260px;margin-bottom:1.4rem;\">Inovativna IT rje\u0161enja i profesionalna podr\u0161ka za va\u0161e poslovanje. Communicate to Succeed.<\/p>\n \n <div style=\"display:flex;gap:0.6rem;\">\n <a href=\"https:\/\/www.facebook.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" title=\"Facebook\" style=\"width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.background='rgba(24,119,242,0.2)';this.style.color='#5B9BF8';this.style.borderColor='rgba(24,119,242,0.3)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.05)';this.style.color='rgba(255,255,255,0.5)';this.style.borderColor='rgba(255,255,255,0.09)'\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" title=\"Instagram\" style=\"width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);text-decoration:none;transition:all .2s;\" onmouseover=\"this.style.background='rgba(225,48,108,0.2)';this.style.color='#F77EAD';this.style.borderColor='rgba(225,48,108,0.3)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.05)';this.style.color='rgba(255,255,255,0.5)';this.style.borderColor='rgba(255,255,255,0.09)'\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:6px;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n Usluge\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:0.55rem;\">\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Call Centar<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Outsourcing<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Digitalni Marketing<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Korisni\u010dka Podr\u0161ka<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Web Development<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">E-commerce<\/a><\/li>\n <li><a href=\"#usluge\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Razvoj Softvera<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:6px;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>\n Kompanija\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:0.55rem;\">\n <li><a href=\"#\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Po\u010detna<\/a><\/li>\n <li><a href=\"#o-nama\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">O nama<\/a><\/li>\n <li><a href=\"#zasto-mi\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Za\u0161to mi?<\/a><\/li>\n <li><a href=\"#karijera\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Karijera<\/a><\/li>\n <li><a href=\"#kontakt\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.87rem;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Kontakt<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:6px;\">\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Kontakt\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:0.75rem;\">\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n <\/span>\n <a href=\"mailto:info@xcall.ba\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.85rem;transition:color .2s;\" onmouseover=\"this.style.color='var(--teal-light)'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">info@xcall.ba<\/a>\n <\/li>\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <\/span>\n <a href=\"tel:+38761773130\" style=\"color:var(--white-muted);text-decoration:none;font-size:0.85rem;transition:color .2s;\" onmouseover=\"this.style.color='var(--teal-light)'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">+387 61 773 130<\/a>\n <\/li>\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/span>\n <span style=\"color:var(--white-muted);font-size:0.85rem;\">Srebrenik, BiH<\/span>\n <\/li>\n <li style=\"display:flex;align-items:center;gap:0.6rem;\">\n <span style=\"width:28px;height:28px;border-radius:7px;background:rgba(30,127,160,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--teal-light)\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/span>\n <span style=\"color:var(--white-muted);font-size:0.85rem;\">Dostupni 24\/7<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n \n <div style=\"display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap;gap:0.75rem;\">\n <span style=\"font-size:0.78rem;color:var(--white-muted);\">\u00a9 2025 Call Tech d.o.o. Sva prava zadr\u017eana.<\/span>\n <div style=\"display:flex;align-items:center;gap:1.5rem;\">\n <a href=\"#\" onclick=\"openLegal('modal-privatnost');return false;\" style=\"font-size:0.78rem;color:var(--white-muted);text-decoration:none;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Politika privatnosti<\/a>\n <a href=\"#\" onclick=\"openLegal('modal-uvjeti');return false;\" style=\"font-size:0.78rem;color:var(--white-muted);text-decoration:none;transition:color .2s;\" onmouseover=\"this.style.color='#fff'\" onmouseout=\"this.style.color='rgba(255,255,255,0.62)'\">Uvjeti kori\u0161tenja<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<script>\n\/\/ CV upload toggle\nfunction setCvMode(mode) {\n const linkWrap = document.getElementById('cv-link-wrap');\n const fileWrap = document.getElementById('cv-file-wrap');\n const btnLink = document.getElementById('cv-btn-link');\n const btnFile = document.getElementById('cv-btn-file');\n if (mode === 'link') {\n linkWrap.style.display = 'block';\n fileWrap.style.display = 'none';\n btnLink.style.border = '1px solid var(--teal)';\n btnLink.style.background = 'rgba(30,127,160,0.15)';\n btnLink.style.color = 'var(--teal-light)';\n btnFile.style.border = '1px solid rgba(255,255,255,0.1)';\n btnFile.style.background = 'transparent';\n btnFile.style.color = 'var(--white-muted)';\n } else {\n linkWrap.style.display = 'none';\n fileWrap.style.display = 'block';\n btnFile.style.border = '1px solid var(--teal)';\n btnFile.style.background = 'rgba(30,127,160,0.15)';\n btnFile.style.color = 'var(--teal-light)';\n btnLink.style.border = '1px solid rgba(255,255,255,0.1)';\n btnLink.style.background = 'transparent';\n btnLink.style.color = 'var(--white-muted)';\n }\n}\nfunction showFileName(input) {\n const nameEl = document.getElementById('cv-file-name');\n if (input.files && input.files[0]) {\n const file = input.files[0];\n if (file.size > 5 * 1024 * 1024) {\n nameEl.textContent = '! Fajl je prevelik (max 5MB)';\n nameEl.style.color = '#ff8080';\n input.value = '';\n } else {\n nameEl.textContent = '\u2713 ' + file.name;\n nameEl.style.color = 'var(--teal-light)';\n }\n nameEl.style.display = 'block';\n }\n}\nfunction handleCvDrop(event) {\n event.preventDefault();\n document.getElementById('cv-drop-zone').style.borderColor = 'rgba(30,127,160,0.35)';\n const input = document.getElementById('cv-file-input');\n const dt = event.dataTransfer;\n if (dt.files && dt.files[0]) {\n input.files = dt.files;\n showFileName(input);\n }\n}\n\n\/\/ Select job position and scroll to form\nfunction selectJob(position) {\n const select = document.getElementById('job-position-select');\n if (select) {\n select.value = position;\n select.style.borderColor = 'var(--teal)';\n setTimeout(() => select.style.borderColor = '', 2000);\n }\n const form = document.getElementById('job-form');\n if (form) setTimeout(() => form.scrollIntoView({ behavior: 'smooth', block: 'start' }), 100);\n}\n\n\/\/ Job application form\nconst jobForm = document.getElementById('job-application-form');\n\n\/\/ \u2500\u2500 SUPABASE STORAGE ZA CV UPLOAD \u2500\u2500\n\/\/ 1) supabase.com \u2192 va\u0161 projekat (ili novi) \u2192 Storage \u2192 New bucket\n\/\/ naziv: cv-prijave \u2192 uklju\u010dite \"Public bucket\" \u2192 Save\n\/\/ 2) Storage \u2192 cv-prijave \u2192 Policies \u2192 New policy \u2192 \"Allow uploads for anon\"\n\/\/ (INSERT za anon role)\n\/\/ 3) Settings \u2192 API \u2192 kopirajte Project URL i anon public key \u2192 zamijenite ispod\nconst SUPABASE_URL = 'https:\/\/ooecwxinqvavnjlfptjd.supabase.co';\nconst SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9vZWN3eGlucXZhdm5qbGZwdGpkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzgwMTA1MTUsImV4cCI6MjA5MzU4NjUxNX0.aXaBTcClJNRqD0ZGZhwtEIe3PZffGwEtbMTIyJBc-SU';\nconst CV_BUCKET = 'cv-prijave';\n\nasync function uploadCvFile(file) {\n const safeName = Date.now() + '-' + file.name.replace(\/[^a-zA-Z0-9._-]\/g, '_');\n const res = await fetch(SUPABASE_URL + '\/storage\/v1\/object\/' + CV_BUCKET + '\/' + safeName, {\n method: 'POST',\n headers: {\n 'apikey': SUPABASE_ANON_KEY,\n 'Authorization': 'Bearer ' + SUPABASE_ANON_KEY,\n 'Content-Type': file.type || 'application\/octet-stream'\n },\n body: file\n });\n if (!res.ok) throw new Error('upload failed');\n return SUPABASE_URL + '\/storage\/v1\/object\/public\/' + CV_BUCKET + '\/' + safeName;\n}\n\njobForm && jobForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n const btn = document.getElementById('job-submit-btn');\n const btnText = document.getElementById('job-btn-text');\n const btnArrow = document.getElementById('job-btn-arrow');\n const btnSpinner = document.getElementById('job-btn-spinner');\n const errorDiv = document.getElementById('job-form-error');\n const successDiv = document.getElementById('job-form-success');\n\n let valid = true;\n jobForm.querySelectorAll('[required]').forEach(f => {\n f.style.borderColor = '';\n if (!f.value.trim()) { f.style.borderColor = 'rgba(220,50,50,0.55)'; valid = false; }\n });\n if (!valid) return;\n\n btn.disabled = true;\n btnText.textContent = 'Slanje...';\n btnArrow.style.display = 'none';\n btnSpinner.style.display = 'block';\n errorDiv.style.display = 'none';\n\n try {\n \/\/ Ako je aplikant odabrao fajl \u2014 prvo uploaduj CV, pa link ubaci u prijavu\n const fileInput = document.getElementById('cv-file-input');\n const cvLinkInput = document.getElementById('cv-link-input');\n if (fileInput && fileInput.files && fileInput.files[0]) {\n btnText.textContent = 'Upload CV-a...';\n const cvUrl = await uploadCvFile(fileInput.files[0]);\n if (cvLinkInput) cvLinkInput.value = cvUrl;\n btnText.textContent = 'Slanje...';\n }\n\n const res = await fetch('https:\/\/api.web3forms.com\/submit', { method: 'POST', body: new FormData(jobForm) });\n const result = await res.json();\n if (result.success) { jobForm.style.display = 'none'; successDiv.style.display = 'block'; if (typeof gtag === 'function') gtag('event', 'generate_lead', { form_type: 'prijava_za_posao' }); if (typeof fbq === 'function') fbq('track', 'Lead', { content_name: 'Prijava za posao' }); }\n else throw new Error();\n } catch {\n errorDiv.style.display = 'block';\n btn.disabled = false;\n btnText.textContent = 'Po\u0161aljite prijavu';\n btnArrow.style.display = 'block';\n btnSpinner.style.display = 'none';\n }\n});\n\n\/\/ \u2500\u2500 CODE DECODE ANIMATION \u2500\u2500\n(function() {\n const el = document.getElementById('decode-text');\n if (!el) return;\n const finalText = 'X CALL TECH';\n const chars = '01<>\/{}[]$#@%&*!?=+;:~ABCDEFabcdef';\n const scrambleTime = 2200;\n const holdTime = 3500;\n const preScramble = 900;\n\n function randChar() { return chars[Math.floor(Math.random() * chars.length)]; }\n\n function runCycle() {\n const start = performance.now();\n\n function frame(now) {\n const elapsed = now - start;\n\n if (elapsed < preScramble) {\n \/\/ Phase 1: pure scrambled code streaming from left\n let out = '';\n const count = Math.min(finalText.length, Math.ceil((elapsed \/ preScramble) * finalText.length) + 2);\n for (let i = 0; i < count; i++) {\n out += finalText[i] === ' ' ? ' ' : '<span class=\"scramble\">' + randChar() + '<\/span>';\n }\n el.innerHTML = out;\n requestAnimationFrame(frame);\n } else if (elapsed < preScramble + scrambleTime) {\n \/\/ Phase 2: characters lock in left \u2192 right\n const progress = (elapsed - preScramble) \/ scrambleTime;\n const locked = Math.floor(progress * finalText.length);\n let out = '';\n for (let i = 0; i < finalText.length; i++) {\n if (finalText[i] === ' ') { out += ' '; continue; }\n if (i < locked) {\n out += finalText[i];\n } else {\n out += '<span class=\"scramble\">' + randChar() + '<\/span>';\n }\n }\n el.innerHTML = out;\n requestAnimationFrame(frame);\n } else {\n \/\/ Phase 3: fully decoded \u2014 hold, then restart\n el.innerHTML = finalText;\n setTimeout(runCycle, holdTime);\n }\n }\n requestAnimationFrame(frame);\n }\n\n \/\/ Start when visible\n const decodeObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n runCycle();\n decodeObserver.disconnect();\n }\n });\n }, { threshold: 0.3 });\n decodeObserver.observe(el.closest('.code-decode-wrap'));\n})();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIVE COMMAND CENTER \u2014 realna simulacija po satu \u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function() {\n const agentsEl = document.getElementById('live-agents');\n const callsEl = document.getElementById('live-calls');\n const effEl = document.getElementById('live-eff');\n const avMore = document.getElementById('av-more');\n const ringFg = document.querySelector('.mr-fg');\n const clockEl = document.getElementById('live-clock');\n const todayEl = document.getElementById('calls-today');\n if (!agentsEl) return;\n\n \/\/ Bazni broj agenata po satu (max 84), vikend faktor smanjuje\n function baseAgentsForHour(h, day) {\n let base;\n if (h >= 0 && h < 6) base = 12;\n else if (h < 8) base = 32;\n else if (h < 12) base = 78;\n else if (h < 14) base = 70;\n else if (h < 16) base = 80;\n else if (h < 18) base = 58;\n else if (h < 20) base = 44;\n else if (h < 22) base = 28;\n else base = 18;\n \/\/ Subota 65%, nedjelja 45% kapaciteta\n if (day === 6) base = Math.round(base * 0.65);\n if (day === 0) base = Math.round(base * 0.45);\n return Math.max(6, base);\n }\n\n function seededJitter(seed, range) {\n const x = Math.sin(seed) * 10000;\n return Math.floor((x - Math.floor(x)) * (range * 2 + 1)) - range;\n }\n\n \/\/ Kumulativni pozivi danas \u2014 integri\u0161e \"intenzitet\" svih sati do sad\n function callsTodaySoFar(now) {\n const day = now.getDay();\n let total = 0;\n for (let h = 0; h < now.getHours(); h++) {\n \/\/ ~7 poziva po agentu po satu\n total += baseAgentsForHour(h, day) * 7 + seededJitter(now.getDate() * 31 + h, 12);\n }\n \/\/ Djelimi\u010dni teku\u0107i sat\n const frac = now.getMinutes() \/ 60;\n total += Math.round(baseAgentsForHour(now.getHours(), day) * 7 * frac);\n return Math.max(0, total);\n }\n\n let currentAgents = 0, currentCalls = 0, currentEff = 87;\n\n function computeState() {\n const now = new Date();\n const h = now.getHours(), day = now.getDay();\n const daySeed = now.getDate() * 24 + h;\n const base = baseAgentsForHour(h, day);\n currentAgents = Math.max(6, base + seededJitter(daySeed, 3));\n const ratio = 0.45 + ((Math.sin(daySeed * 7) + 1) \/ 2) * 0.2;\n currentCalls = Math.max(2, Math.round(currentAgents * ratio));\n currentEff = 85 + Math.abs(seededJitter(daySeed * 3, 4)) + 4;\n if (currentEff > 93) currentEff = 93;\n render();\n }\n\n function render() {\n const now = new Date();\n agentsEl.textContent = currentAgents;\n callsEl.textContent = currentCalls;\n effEl.textContent = currentEff;\n if (avMore) avMore.textContent = '+' + Math.max(0, currentAgents - 4);\n if (ringFg) ringFg.style.strokeDashoffset = 346 - (346 * currentEff \/ 100);\n if (todayEl) todayEl.textContent = callsTodaySoFar(now).toLocaleString('bs-BA');\n if (clockEl) clockEl.textContent = String(now.getHours()).padStart(2,'0') + ':' + String(now.getMinutes()).padStart(2,'0');\n }\n\n function jitterLoop() {\n const delta = Math.random() > 0.5 ? 1 : -1;\n if (Math.random() > 0.35) {\n currentCalls = Math.max(2, Math.min(currentAgents, currentCalls + delta * (Math.random() > 0.7 ? 2 : 1)));\n }\n if (Math.random() > 0.75) {\n const now = new Date();\n const base = baseAgentsForHour(now.getHours(), now.getDay());\n currentAgents = Math.max(6, Math.min(84, currentAgents + delta));\n if (Math.abs(currentAgents - base) > 5) currentAgents = base + (currentAgents > base ? 5 : -5);\n }\n render();\n setTimeout(jitterLoop, 6000 + Math.random() * 5000);\n }\n\n computeState();\n setTimeout(jitterLoop, 5000);\n setInterval(computeState, 600000);\n setInterval(render, 30000); \/\/ sat i pozivi danas osvje\u017eavaju se svakih 30s\n})();\n\n\/\/ Count-up za Live strip\nconst cntCObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n const target = parseInt(el.dataset.t);\n const start = performance.now();\n (function tick(now){\n const p = Math.min((now - start) \/ 1800, 1);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\n if (p < 1) requestAnimationFrame(tick);\n })(performance.now());\n cntCObs.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('.cnt-c').forEach(el => cntCObs.observe(el));\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROCESS STEPS \u2014 decode animacija \u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function() {\n const steps = document.querySelector('.process-steps');\n if (!steps) return;\n const CHP = '01<>\/{}$#@';\n function decodeNum(el, final, delay) {\n setTimeout(() => {\n const dur = 900, start = performance.now();\n (function fr(now){\n const p = Math.min((now - start) \/ dur, 1);\n const lock = Math.floor(p * final.length);\n let out = '';\n for (let i = 0; i < final.length; i++)\n out += i < lock ? final[i] : CHP[Math.floor(Math.random() * CHP.length)];\n el.textContent = out;\n if (p < 1) requestAnimationFrame(fr);\n else el.textContent = final;\n })(performance.now());\n }, delay);\n }\n const pcObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n steps.classList.add('pc-active');\n steps.querySelectorAll('.step-num').forEach((el, i) => {\n const final = el.textContent.trim();\n el.textContent = '';\n decodeNum(el, final, 300 + i * 350);\n });\n pcObs.disconnect();\n }\n });\n }, { threshold: 0.3 });\n pcObs.observe(steps);\n})();\n\n\/\/ Active nav highlight on scroll\nconst navLinks = document.querySelectorAll('.nav-capsule li a:not(.nav-cta-pill)');\nconst sections = ['usluge','o-nama','zasto-mi','karijera','kontakt'];\nwindow.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(id => {\n const el = document.getElementById(id);\n if (el && window.scrollY >= el.offsetTop - 120) current = id;\n });\n navLinks.forEach(a => {\n a.classList.remove('active');\n if (a.getAttribute('href') === '#' + current) a.classList.add('active');\n });\n});\n\n\/\/ Mobile menu\nconst menuBtn = document.getElementById('menuBtn');\nconst navDrawer = document.getElementById('navDrawer');\nmenuBtn.addEventListener('click', () => navDrawer.classList.toggle('open'));\nfunction closeMenu() { navDrawer.classList.remove('open'); }\ndocument.addEventListener('click', (e) => {\n if (!menuBtn.contains(e.target) && !navDrawer.contains(e.target)) navDrawer.classList.remove('open');\n});\n\n\/\/ Scroll reveal\nconst revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n}, { threshold: 0.07, rootMargin: '0px 0px -30px 0px' });\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n\/\/ Stagger service cards\ndocument.querySelectorAll('.service-card').forEach((card, i) => { card.style.transitionDelay = (i * 65) + 'ms'; });\n\n\/\/ Counter animation\nfunction animateCounter(el, target, suffix) {\n const dur = 1800, start = performance.now();\n const tick = (now) => {\n const p = Math.min((now - start) \/ dur, 1);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3))) + suffix;\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n}\nconst counterObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n animateCounter(el, parseInt(el.dataset.count), el.dataset.suffix || '');\n counterObs.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('[data-count]').forEach(el => counterObs.observe(el));\n\n\/\/ Contact form\nconst form = document.getElementById('xcall-form');\nform && form.addEventListener('submit', async (e) => {\n e.preventDefault();\n const btn = document.getElementById('submit-btn');\n const btnText = document.getElementById('btn-text');\n const btnArrow = document.getElementById('btn-arrow');\n const btnSpinner = document.getElementById('btn-spinner');\n const errorDiv = document.getElementById('form-error');\n const successDiv = document.getElementById('form-success');\n\n let valid = true;\n form.querySelectorAll('[required]').forEach(f => {\n f.style.borderColor = '';\n if (!f.value.trim()) { f.style.borderColor = 'rgba(220,50,50,0.55)'; valid = false; }\n });\n if (!valid) return;\n\n btn.disabled = true;\n btnText.textContent = 'Slanje...';\n btnArrow.style.display = 'none';\n btnSpinner.style.display = 'block';\n errorDiv.style.display = 'none';\n\n try {\n const res = await fetch('https:\/\/api.web3forms.com\/submit', { method: 'POST', body: new FormData(form) });\n const result = await res.json();\n if (result.success) { form.style.display = 'none'; successDiv.style.display = 'block'; if (typeof gtag === 'function') gtag('event', 'generate_lead', { form_type: 'kontakt_forma' }); if (typeof fbq === 'function') fbq('track', 'Lead', { content_name: 'Kontakt forma' }); }\n else throw new Error();\n } catch {\n errorDiv.style.display = 'block';\n btn.disabled = false;\n btnText.textContent = 'Po\u0161aljite poruku';\n btnArrow.style.display = 'block';\n btnSpinner.style.display = 'none';\n }\n});\n<\/script>\n\n<div class=\"legal-overlay\" id=\"modal-privatnost\" onclick=\"if(event.target===this)closeLegal(this)\">\n <div class=\"legal-modal\">\n <div class=\"legal-modal-head\">\n <h3>Politika privatnosti<\/h3>\n <button class=\"legal-close\" onclick=\"closeLegal(document.getElementById('modal-privatnost'))\" aria-label=\"Zatvori\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"legal-modal-body\">\n <p class=\"legal-updated\">Posljednje a\u017euriranje: august 2026.<\/p>\n <p>Ova Politika privatnosti obja\u0161njava kako <b>Call Tech d.o.o.<\/b> (brend: X Call Tech), sa sjedi\u0161tem u Srebreniku, Bosna i Hercegovina, prikuplja, koristi, \u010duva i \u0161titi va\u0161e li\u010dne podatke kada koristite web stranicu <b>xcall.ba<\/b>, u skladu s Op\u0107om uredbom o za\u0161titi podataka EU (GDPR) i Zakonom o za\u0161titi li\u010dnih podataka BiH.<\/p>\n\n <h4>1. Rukovodilac obrade podataka<\/h4>\n <p><b>Call Tech d.o.o.<\/b> \u00b7 Srebrenik, Bosna i Hercegovina \u00b7 <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u00b7 +387 61 773 130<\/p>\n\n <h4>2. Koje podatke prikupljamo<\/h4>\n <ul>\n <li><b>Kontakt forma<\/b> \u2014 ime, prezime, email, telefon, kompanija, sadr\u017eaj poruke (svrha: odgovor na upit)<\/li>\n <li><b>Prijava za posao<\/b> \u2014 ime, prezime, email, telefon, pozicija, lokacija, CV dokument, motivacijsko pismo (svrha: proces zapo\u0161ljavanja)<\/li>\n <li><b>Analitika<\/b> \u2014 anonimizirani podaci o posjeti: stranice, trajanje, ure\u0111aj, pribli\u017ena lokacija (svrha: unapre\u0111enje stranice)<\/li>\n <li><b>Marketing<\/b> \u2014 podaci o interakciji sa stranicom putem kola\u010di\u0107a (svrha: mjerenje efikasnosti oglasa)<\/li>\n <\/ul>\n\n <h4>3. Pravni osnov obrade<\/h4>\n <ul>\n <li><b>Saglasnost<\/b> (\u010dl. 6(1)(a) GDPR) \u2014 za analiti\u010dke i marketin\u0161ke kola\u010di\u0107e<\/li>\n <li><b>Predugovorne radnje<\/b> (\u010dl. 6(1)(b) GDPR) \u2014 za obradu prijava za posao<\/li>\n <li><b>Legitiman interes<\/b> (\u010dl. 6(1)(f) GDPR) \u2014 za odgovaranje na poslovne upite i osnovnu sigurnost stranice<\/li>\n <\/ul>\n\n <h4>4. Pristup i \u010duvanje podataka<\/h4>\n <p>Va\u0161e podatke ne prodajemo niti dijelimo s tre\u0107im stranama u marketin\u0161ke svrhe. Pristup podacima imaju isklju\u010divo ovla\u0161tene osobe unutar kompanije te pouzdani tehni\u010dki pru\u017eaoci usluga neophodni za funkcionisanje stranice (hosting, email komunikacija, pohrana dokumenata i analitika), koji postupaju u skladu s GDPR standardima i ugovorima o obradi podataka.<\/p>\n <p>Podatke \u010duvamo samo onoliko dugo koliko je potrebno za svrhu radi koje su prikupljeni, odnosno dok postoji zakonska obaveza \u010duvanja. Na va\u0161 zahtjev podatke bri\u0161emo bez odlaganja.<\/p>\n\n <h4>5. Va\u0161a prava<\/h4>\n <ul>\n <li><b>Pristup<\/b> \u2014 kopija podataka koje imamo o vama<\/li>\n <li><b>Ispravka<\/b> \u2014 ispravka neta\u010dnih ili nepotpunih podataka<\/li>\n <li><b>Brisanje<\/b> (\"pravo na zaborav\")<\/li>\n <li><b>Ograni\u010denje obrade<\/b><\/li>\n <li><b>Prenosivost podataka<\/b><\/li>\n <li><b>Prigovor<\/b> na obradu zasnovanu na legitimnom interesu<\/li>\n <li><b>Povla\u010denje saglasnosti<\/b> \u2014 u bilo kojem trenutku, bez posljedica<\/li>\n <\/ul>\n <p>Za ostvarivanje prava pi\u0161ite na <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u2014 odgovaramo u roku od 30 dana. Imate pravo i na pritu\u017ebu <b>Agenciji za za\u0161titu li\u010dnih podataka u BiH<\/b> (azlp.ba).<\/p>\n\n <h4>6. Kola\u010di\u0107i (Cookies)<\/h4>\n <ul>\n <li><b>Neophodni<\/b> \u2014 za osnovno funkcionisanje stranice (ne zahtijevaju saglasnost)<\/li>\n <li><b>Analiti\u010dki<\/b> \u2014 razumijevanje kako posjetioci koriste stranicu<\/li>\n <li><b>Marketin\u0161ki<\/b> \u2014 mjerenje efikasnosti oglasa<\/li>\n <\/ul>\n <p>Kola\u010di\u0107e mo\u017eete kontrolisati i obrisati kroz postavke pretra\u017eiva\u010da.<\/p>\n\n <h4>7. Sigurnost podataka<\/h4>\n <p>Primjenjujemo HTTPS enkripciju cjelokupne komunikacije, ograni\u010den pristup podacima samo ovla\u0161tenim osobama, te sigurno \u010duvanje dokumenata na enkriptovanim serverima.<\/p>\n\n <h4>8. Podaci maloljetnika<\/h4>\n <p>Na\u0161e usluge nisu namijenjene osobama mla\u0111im od 16 godina. Prijave za posao prihvatamo isklju\u010divo od punoljetnih osoba.<\/p>\n\n <h4>9. Izmjene ove politike<\/h4>\n <p>Zadr\u017eavamo pravo izmjene ove politike. Izmjene objavljujemo na ovoj stranici s datumom a\u017euriranja.<\/p>\n\n <h4>10. Kontakt<\/h4>\n <p>Za pitanja o za\u0161titi podataka: <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u00b7 +387 61 773 130<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"legal-overlay\" id=\"modal-uvjeti\" onclick=\"if(event.target===this)closeLegal(this)\">\n <div class=\"legal-modal\">\n <div class=\"legal-modal-head\">\n <h3>Uvjeti kori\u0161tenja<\/h3>\n <button class=\"legal-close\" onclick=\"closeLegal(document.getElementById('modal-uvjeti'))\" aria-label=\"Zatvori\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"legal-modal-body\">\n <p class=\"legal-updated\">Posljednje a\u017euriranje: august 2026.<\/p>\n <p>Pristupanjem i kori\u0161tenjem web stranice <b>xcall.ba<\/b> prihvatate sljede\u0107e uvjete kori\u0161tenja. Ako se ne sla\u017eete s bilo kojim dijelom, molimo vas da ne koristite stranicu.<\/p>\n\n <h4>1. O nama<\/h4>\n <p>Stranicu vodi <b>Call Tech d.o.o.<\/b> (brend: X Call Tech), dru\u0161tvo registrovano u Bosni i Hercegovini, sa sjedi\u0161tem u Srebreniku. Kontakt: <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a> \u00b7 +387 61 773 130<\/p>\n\n <h4>2. Svrha stranice<\/h4>\n <p>Stranica slu\u017ei za informisanje o uslugama kompanije, zaprimanje poslovnih upita te zaprimanje prijava za zaposlenje.<\/p>\n\n <h4>3. Dozvoljena upotreba<\/h4>\n <p>Stranicu smijete koristiti isklju\u010divo u zakonite svrhe. Zabranjeno je:<\/p>\n <ul>\n <li>Slanje la\u017enih, obmanjuju\u0107ih ili zlonamjernih upita i prijava<\/li>\n <li>Poku\u0161aji neovla\u0161tenog pristupa sistemima, formama ili podacima stranice<\/li>\n <li>Automatizirano prikupljanje sadr\u017eaja (scraping) bez pisane dozvole<\/li>\n <li>Slanje sadr\u017eaja koji kr\u0161i prava tre\u0107ih lica ili va\u017ee\u0107e propise<\/li>\n <li>Radnje koje mogu ugroziti dostupnost ili sigurnost stranice<\/li>\n <\/ul>\n\n <h4>4. Intelektualno vlasni\u0161tvo<\/h4>\n <p>Sav sadr\u017eaj \u2014 logo, naziv, tekstovi, dizajn, grafika, fotografije i programski kod \u2014 vlasni\u0161tvo je Call Tech d.o.o. ili je kori\u0161ten uz licencu. Zabranjeno je kopiranje, distribucija ili komercijalna upotreba bez pisane saglasnosti.<\/p>\n\n <h4>5. Prijave za zaposlenje<\/h4>\n <ul>\n <li>Slanjem prijave potvr\u0111ujete ta\u010dnost podataka i punoljetnost<\/li>\n <li>Prijava ne predstavlja garanciju zaposlenja<\/li>\n <li>Zadr\u017eavamo pravo kontaktirati samo kandidate u u\u017eem izboru<\/li>\n <li>Obrada podataka regulisana je Politikom privatnosti<\/li>\n <\/ul>\n\n <h4>6. Ta\u010dnost informacija<\/h4>\n <p>Nastojimo da sve informacije budu ta\u010dne i a\u017eurne, ali ne garantujemo potpunost svih sadr\u017eaja. Prikazani operativni pokazatelji informativnog su karaktera i predstavljaju procjene zasnovane na tipi\u010dnom rasporedu rada. Za obavezuju\u0107e informacije kontaktirajte nas direktno.<\/p>\n\n <h4>7. Ograni\u010denje odgovornosti<\/h4>\n <p>Call Tech d.o.o. ne odgovara za \u0161tetu nastalu kori\u0161tenjem ili nemogu\u0107no\u0161\u0107u kori\u0161tenja stranice, uklju\u010duju\u0107i prekide dostupnosti, tehni\u010dke gre\u0161ke ili djelovanje tre\u0107ih lica, u mjeri u kojoj to dozvoljavaju va\u017ee\u0107i propisi.<\/p>\n\n <h4>8. Izmjene uvjeta<\/h4>\n <p>Zadr\u017eavamo pravo izmjene uvjeta u bilo kojem trenutku. Izmjene stupaju na snagu objavom. Nastavak kori\u0161tenja smatra se prihvatanjem novih uvjeta.<\/p>\n\n <h4>9. Mjerodavno pravo<\/h4>\n <p>Primjenjuje se pravo Bosne i Hercegovine. Za sporove nadle\u017ean je stvarno nadle\u017eni sud prema sjedi\u0161tu Call Tech d.o.o., uz prethodni poku\u0161aj mirnog rje\u0161avanja.<\/p>\n\n <h4>10. Kontakt<\/h4>\n <p>Za pitanja o ovim uvjetima: <a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a><\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ Legal modals\nfunction openLegal(id) {\n document.getElementById(id).classList.add('open');\n document.body.style.overflow = 'hidden';\n}\nfunction closeLegal(el) {\n el.classList.remove('open');\n document.body.style.overflow = '';\n}\ndocument.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') document.querySelectorAll('.legal-overlay.open').forEach(closeLegal);\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71f3cf1 e-flex e-con-boxed e-con e-parent\" data-id=\"71f3cf1\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e55c60e e-flex e-con-boxed e-con e-parent\" data-id=\"e55c60e\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abb69a1 e-flex e-con-boxed e-con e-parent\" data-id=\"abb69a1\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be30f85 e-flex e-con-boxed e-con e-parent\" data-id=\"be30f85\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f408e3a e-flex e-con-boxed e-con e-parent\" data-id=\"f408e3a\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5114807 e-flex e-con-boxed e-con e-parent\" data-id=\"5114807\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Po\u010detna - X Call Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xcall.ba\/\" \/>\n<meta property=\"og:locale\" content=\"bs_BA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Po\u010detna - X Call Center\" \/>\n<meta property=\"og:description\" content=\"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xcall.ba\/\" \/>\n<meta property=\"og:site_name\" content=\"X Call Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-04T12:04:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/\",\"url\":\"https:\\\/\\\/xcall.ba\\\/\",\"name\":\"Po\u010detna - X Call Center\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1678714699880739&ev=PageView&noscript=1\",\"datePublished\":\"2026-05-17T16:26:10+00:00\",\"dateModified\":\"2026-08-04T12:04:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#breadcrumb\"},\"inLanguage\":\"bs-BA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xcall.ba\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"bs-BA\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1678714699880739&ev=PageView&noscript=1\",\"contentUrl\":\"https:\\\/\\\/www.facebook.com\\\/tr?id=1678714699880739&ev=PageView&noscript=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xcall.ba\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Po\u010detna\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#website\",\"url\":\"https:\\\/\\\/xcall.ba\\\/\",\"name\":\"X Call Center\",\"description\":\"Communicate to Succeed\",\"publisher\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xcall.ba\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"bs-BA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#organization\",\"name\":\"X Call Center\",\"url\":\"https:\\\/\\\/xcall.ba\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"bs-BA\",\"@id\":\"https:\\\/\\\/xcall.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xcall.ba\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-xcall-removebg-preview-1.png\",\"contentUrl\":\"https:\\\/\\\/xcall.ba\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-xcall-removebg-preview-1.png\",\"width\":500,\"height\":279,\"caption\":\"X Call Center\"},\"image\":{\"@id\":\"https:\\\/\\\/xcall.ba\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Po\u010detna - X Call Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xcall.ba\/","og_locale":"bs_BA","og_type":"article","og_title":"Po\u010detna - X Call Center","og_description":"X Call Tech \u2013 Call Centar, Outsourcing i IT Rje\u0161enja | Bosna i Hercegovina Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni […]","og_url":"https:\/\/xcall.ba\/","og_site_name":"X Call Center","article_modified_time":"2026-08-04T12:04:51+00:00","og_image":[{"url":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xcall.ba\/","url":"https:\/\/xcall.ba\/","name":"Po\u010detna - X Call Center","isPartOf":{"@id":"https:\/\/xcall.ba\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xcall.ba\/#primaryimage"},"image":{"@id":"https:\/\/xcall.ba\/#primaryimage"},"thumbnailUrl":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1","datePublished":"2026-05-17T16:26:10+00:00","dateModified":"2026-08-04T12:04:51+00:00","breadcrumb":{"@id":"https:\/\/xcall.ba\/#breadcrumb"},"inLanguage":"bs-BA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xcall.ba\/"]}]},{"@type":"ImageObject","inLanguage":"bs-BA","@id":"https:\/\/xcall.ba\/#primaryimage","url":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1","contentUrl":"https:\/\/www.facebook.com\/tr?id=1678714699880739&ev=PageView&noscript=1"},{"@type":"BreadcrumbList","@id":"https:\/\/xcall.ba\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xcall.ba\/"},{"@type":"ListItem","position":2,"name":"Po\u010detna"}]},{"@type":"WebSite","@id":"https:\/\/xcall.ba\/#website","url":"https:\/\/xcall.ba\/","name":"X Call Center","description":"Communicate to Succeed","publisher":{"@id":"https:\/\/xcall.ba\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xcall.ba\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"bs-BA"},{"@type":"Organization","@id":"https:\/\/xcall.ba\/#organization","name":"X Call Center","url":"https:\/\/xcall.ba\/","logo":{"@type":"ImageObject","inLanguage":"bs-BA","@id":"https:\/\/xcall.ba\/#\/schema\/logo\/image\/","url":"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png","contentUrl":"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png","width":500,"height":279,"caption":"X Call Center"},"image":{"@id":"https:\/\/xcall.ba\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":71,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}