{"id":553,"date":"2026-10-12T13:14:26","date_gmt":"2026-10-12T11:14:26","guid":{"rendered":"https:\/\/sponacode.com\/?page_id=553"},"modified":"2026-10-12T13:18:16","modified_gmt":"2026-10-12T11:18:16","slug":"home","status":"publish","type":"page","link":"https:\/\/sponacode.com\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\n\n\/* Spona Code home: boje i osnova *\/\n.spc{--dusk:#00558C;--dusk-dark:#003a61;--sky:#0087CD;--morning:#4BB4E6;--tint:#eef7fc;--line:#d7e8f2;--ink:#0d2b40;--muted:#4b6a7d;--mf:#AD006D;--iq:#3523ff;\n  font-family:'Manrope',sans-serif !important;color:var(--ink);font-size:17px;line-height:1.6;box-sizing:border-box;}\n.spc *,.spc *::before,.spc *::after{box-sizing:border-box;font-family:inherit !important;}\n.spc h1,.spc h2,.spc h3,.spc p,.spc ul{margin:0;padding:0;}\n.spc ul{list-style:none;}\n.spc a{text-decoration:none !important;}\nbody{overflow-x:clip;}\n\n\/* Sekcije preko cijele \u0161irine ekrana *\/\n.spc-sec{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:88px 24px;}\n.spc-in{max-width:1200px;margin:0 auto;position:relative;z-index:1;}\n.spc-tint{background:var(--tint);}\n.spc-dark{background:var(--dusk);color:#fff;}\n\n\/* Tipografija *\/\n.spc .spc-eyebrow{font-size:14px;font-weight:700;color:var(--dusk);}\n.spc .spc-h1{font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;color:var(--dusk);}\n.spc .spc-h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--dusk);}\n.spc .spc-lead{font-size:19px;line-height:1.6;color:#34566c;max-width:34em;}\n.spc .spc-sub{font-size:17px;color:var(--muted);}\n\n\/* Gumbi *\/\n.spc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:0;font-weight:700;font-size:16px;transition:background .2s,color .2s,border-color .2s;}\n.spc-btn svg{width:18px;height:18px;transition:transform .2s;}\n.spc-btn:hover svg{transform:translateX(4px);}\n.spc-btn--solid{background:var(--dusk);color:#fff !important;border:2px solid var(--dusk);}\n.spc-btn--solid:hover{background:var(--dusk-dark);border-color:var(--dusk-dark);}\n.spc-btn--line{background:transparent;color:var(--dusk) !important;border:2px solid var(--dusk);}\n.spc-btn--line:hover{background:var(--dusk);color:#fff !important;}\n.spc-btn:focus-visible{outline:3px solid var(--sky);outline-offset:3px;}\n\n\/* ===== POKRET (zajedni\u010dko za cijelu stranicu) ===== *\/\n\/* Elementi ulaze kad do\u0111u u vidno polje: spc-rv (odozdo), spc-rv--l (slijeva), spc-rv--r (zdesna) *\/\n.spc-js .spc-rv{opacity:0;}\n.spc-js .spc-rv.is-in{animation:spcIn .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0) * .12s);}\n.spc-rv--l{--rx:-70px;--ry:0px;}\n.spc-rv--r{--rx:70px;--ry:0px;}\n@keyframes spcIn{from{opacity:0;translate:var(--rx,0px) var(--ry,46px);}to{opacity:1;translate:0 0;}}\n\n\/* Valoviti prijelaz na vrhu sekcije (val polako plovi) *\/\n.spc-wavy{position:relative;}\n.spc-wave{position:absolute;left:0;top:1px;width:100%;height:clamp(28px,5vw,72px);transform:translateY(-100%);overflow:hidden;pointer-events:none;z-index:1;}\n.spc-wave svg{display:block;width:200%;height:100%;animation:spcWave 22s linear infinite;}\n.spc-dark .spc-wave svg{fill:var(--dusk);}\n.spc-tint .spc-wave svg{fill:var(--tint);}\n@keyframes spcWave{to{transform:translateX(-50%);}}\n\n\/* To\u010dke iz Spona logotipa koje lebde u pozadini *\/\n.spc-floats{position:absolute;inset:0;pointer-events:none;z-index:0;}\n.spc-floats > span{position:absolute;display:block;}\n.spc-floats i{display:block;width:100%;height:100%;border-radius:50%;animation:spcFloat 9s ease-in-out infinite;}\n.spc-floats > span:nth-child(2) i{animation-duration:11s;animation-delay:-3s;}\n.spc-floats > span:nth-child(3) i{animation-duration:13s;animation-delay:-6s;}\n.spc-floats > span:nth-child(4) i{animation-duration:10s;animation-delay:-2s;}\n@keyframes spcFloat{0%,100%{transform:translate(0,0);}33%{transform:translate(14px,-18px);}66%{transform:translate(-12px,10px);}}\n\n\/* ===== HERO ===== *\/\n.spc-hero{position:relative;overflow:clip;padding-top:180px;padding-bottom:110px;}\n.spc-sec[id]{scroll-margin-top:120px;}\n.spc-hero .spc-in{display:flex;flex-wrap:wrap;gap:64px;align-items:center;}\n.spc-hero-text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px;}\n.spc .spc-hero-h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.03em;}\n\/* Rije\u010di naslova se pojavljuju jedna po jedna *\/\n.spc-w{display:inline-block;animation:spcWord .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .12s + .1s);}\n@keyframes spcWord{from{opacity:0;translate:0 .45em;}to{opacity:1;translate:0 0;}}\n\/* Izmjenjivi zavr\u0161etak naslova *\/\n.spc-rot{display:grid;white-space:nowrap;color:var(--sky);}\n.spc-rot > span{grid-area:1\/1;opacity:0;animation:spcRot 7.5s cubic-bezier(.2,.7,.2,1) infinite;}\n.spc-rot > span:nth-child(1){animation-delay:.5s;}\n.spc-rot > span:nth-child(2){animation-delay:3s;}\n.spc-rot > span:nth-child(3){animation-delay:5.5s;}\n@keyframes spcRot{0%{opacity:0;translate:0 .5em;}5%,30%{opacity:1;translate:0 0;}35%,100%{opacity:0;translate:0 -.5em;}}\n.spc-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;}\n\/* Brojke *\/\n.spc-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:18px;}\n.spc-hero-stats b{display:block;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:800;color:var(--dusk);line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}\n.spc-hero-stats span{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:6px;}\n\/* Asimetri\u010dna fotografija koja izlazi do ruba ekrana *\/\n.spc-hero-media{flex:1 1 440px;min-width:0;position:relative;margin-right:calc(-1 * max(24px, (100vw - 1200px) \/ 2));}\n.spc-hero-media::before{content:\"\";position:absolute;left:-44px;bottom:-44px;width:58%;height:62%;background:rgba(0,85,140,.88);box-shadow:0 30px 60px -20px rgba(0,85,140,.5);}\n.spc-hero-img{position:relative;height:600px;overflow:hidden;animation:spcImg 1.3s cubic-bezier(.7,0,.2,1) .2s both;}\n.spc-hero-img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:0;animation:spcPhoto 7.5s linear infinite both;}\n\/* Fotografije se mijenjaju u istom ritmu kao zavr\u0161etak naslova *\/\n.spc-hero-img img:nth-child(1){animation-delay:.5s;}\n.spc-hero-img img:nth-child(2){animation-delay:3s;}\n.spc-hero-img img:nth-child(3){animation-delay:5.5s;}\n@keyframes spcPhoto{0%{opacity:0;transform:scale(1.1);}6%{opacity:1;}40%{opacity:1;}46%{opacity:0;transform:scale(1.18);}100%{opacity:0;transform:scale(1.18);}}\n@keyframes spcImg{from{clip-path:inset(0 0 0 100%);}to{clip-path:inset(0 0 0 0);}}\n.spc-hero-floats > span:nth-child(1){width:200px;height:200px;left:-70px;top:120px;}\n.spc-hero-floats > span:nth-child(1) i{background:var(--morning);opacity:.22;}\n.spc-hero-floats > span:nth-child(2){width:64px;height:64px;left:44%;top:150px;}\n.spc-hero-floats > span:nth-child(2) i{background:var(--sky);opacity:.55;}\n.spc-hero-floats > span:nth-child(3){width:26px;height:26px;left:38%;bottom:90px;}\n.spc-hero-floats > span:nth-child(3) i{background:var(--dusk);opacity:.7;}\n.spc-hero-floats > span:nth-child(4){width:120px;height:120px;right:6%;bottom:30px;z-index:2;}\n.spc-hero-floats > span:nth-child(4) i{background:var(--morning);opacity:.85;box-shadow:0 20px 40px -12px rgba(0,85,140,.45);}\n\n@media (max-width:820px){\n  .spc-sec{padding:64px 20px;}\n  .spc-hero{padding-top:130px;padding-bottom:90px;}\n  .spc-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .spc-hero-media{margin-right:-20px;margin-left:24px;}\n  .spc-hero-img{height:360px;}\n  .spc-hero-media::before{left:-24px;bottom:-24px;}\n  .spc-hero-floats > span:nth-child(1){width:130px;height:130px;}\n  .spc-hero-floats > span:nth-child(4){width:70px;height:70px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .spc *{transition:none !important;}\n  .spc-w,.spc-hero-img,.spc-hero-img img,.spc-floats i,.spc-wave svg,.spc-js .spc-rv.is-in{animation:none !important;}\n  .spc-js .spc-rv{opacity:1;}\n  .spc-rot > span{animation:none;}\n  .spc-rot > span:nth-child(1){opacity:1;}\n  .spc-hero-img img{transform:scale(1.08);}\n  .spc-hero-img img:nth-child(1){opacity:1;}\n}\n<\/style>\n\n<script>\n\/* Spona Code: pokret na stranici (ulasci, brojke, lebde\u0107e to\u010dke) *\/\n(function(){\n  document.documentElement.classList.add('spc-js');\n  var still=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function ready(fn){if(document.readyState!=='loading'){fn();}else{document.addEventListener('DOMContentLoaded',fn);}}\n  ready(function(){\n    \/* 1. Ulasci *\/\n    var rv=[].slice.call(document.querySelectorAll('.spc-rv'));\n    if(still||!('IntersectionObserver' in window)){rv.forEach(function(e){e.classList.add('is-in');});}\n    else{\n      var io=new IntersectionObserver(function(list){list.forEach(function(x){if(x.isIntersecting){x.target.classList.add('is-in');io.unobserve(x.target);}});},{threshold:.15,rootMargin:'0px 0px -8% 0px'});\n      rv.forEach(function(e){io.observe(e);});\n    }\n    \/* 2. Brojke koje se odbrojavaju *\/\n    var nums=[].slice.call(document.querySelectorAll('[data-count]'));\n    function run(el){\n      var to=+el.getAttribute('data-count'),suf=el.getAttribute('data-suffix')||'',t0=null;\n      function step(t){if(!t0)t0=t;var k=Math.min(1,(t-t0)\/1800),e=1-Math.pow(1-k,3);el.textContent=Math.round(to*e)+suf;if(k<1)requestAnimationFrame(step);}\n      requestAnimationFrame(step);\n    }\n    if(!still&#038;&#038;'IntersectionObserver' in window){\n      var io2=new IntersectionObserver(function(list){list.forEach(function(x){if(x.isIntersecting){run(x.target);io2.unobserve(x.target);}});},{threshold:.6});\n      nums.forEach(function(n){n.textContent='0'+(n.getAttribute('data-suffix')||'');io2.observe(n);});\n    }\n    \/* 3. Blagi pomak na scroll (lebde\u0107e to\u010dke i fotografija) *\/\n    var par=[].slice.call(document.querySelectorAll('[data-par]'));\n    if(still||!par.length)return;\n    var busy=false;\n    function move(){\n      busy=false;var vh=window.innerHeight;\n      par.forEach(function(el){\n        var r=el.parentElement.getBoundingClientRect();\n        if(r.bottom<-200||r.top>vh+200)return;\n        var off=(r.top+r.height\/2-vh\/2)*-parseFloat(el.getAttribute('data-par'));\n        el.style.translate='0 '+off.toFixed(1)+'px';\n      });\n    }\n    window.addEventListener('scroll',function(){if(!busy){busy=true;requestAnimationFrame(move);}},{passive:true});\n    move();\n  });\n})();\n<\/script>\n\n<section class=\"spc spc-sec spc-tint spc-hero\">\n  <div class=\"spc-floats spc-hero-floats\" aria-hidden=\"true\">\n    <span data-par=\".18\"><i><\/i><\/span>\n    <span data-par=\".35\"><i><\/i><\/span>\n    <span data-par=\".5\"><i><\/i><\/span>\n    <span data-par=\".28\"><i><\/i><\/span>\n  <\/div>\n  <div class=\"spc-in\">\n    <div class=\"spc-hero-text\">\n      <p class=\"spc-eyebrow spc-w\" style=\"--i:0\">Changing the way we work. Improving life.<\/p>\n      <h1 class=\"spc-h1 spc-hero-h1\" aria-label=\"Impactful training to any employee, anywhere, anytime\">\n        <span class=\"spc-w\" style=\"--i:1\" aria-hidden=\"true\">Impactful<\/span>\n        <span class=\"spc-w\" style=\"--i:2\" aria-hidden=\"true\">training<\/span>\n        <span class=\"spc-rot\" aria-hidden=\"true\"><span>to any employee<\/span><span>anywhere<\/span><span>anytime<\/span><\/span>\n      <\/h1>\n      <p class=\"spc-lead spc-w\" style=\"--i:5\">To make organisations more efficient and employees happier.<\/p>\n      <div class=\"spc-hero-btns spc-w\" style=\"--i:6\">\n        <a class=\"spc-btn spc-btn--solid\" href=\"#programmes\">Explore programmes<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n        <a class=\"spc-btn spc-btn--line\" href=\"#contact\">Get in touch<\/a>\n      <\/div>\n      <div class=\"spc-hero-stats\">\n        <div class=\"spc-rv\" style=\"--d:0\"><b data-count=\"19\">19<\/b><span>years of experience<\/span><\/div>\n        <div class=\"spc-rv\" style=\"--d:1\"><b data-count=\"250\">250<\/b><span>clients<\/span><\/div>\n        <div class=\"spc-rv\" style=\"--d:2\"><b data-count=\"500\" data-suffix=\"+\">500+<\/b><span>participants<\/span><\/div>\n        <div class=\"spc-rv\" style=\"--d:3\"><b data-count=\"60\" data-suffix=\"+\">60+<\/b><span>certified organisations<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"spc-hero-media\">\n      <div class=\"spc-hero-img\">\n        <img decoding=\"async\" src=\"https:\/\/sponacode.com\/wp-content\/uploads\/2026\/10\/close-up-people-sitting-circle-1-scaled.jpg\" alt=\"People sitting in a circle during a workshop\" fetchpriority=\"high\" data-par=\".08\">\n        <img decoding=\"async\" src=\"https:\/\/sponacode.com\/wp-content\/uploads\/2026\/10\/side-view-people-office-job-1-scaled.jpg\" alt=\"People working together in an office\" loading=\"lazy\" data-par=\".08\">\n        <img decoding=\"async\" src=\"https:\/\/sponacode.com\/wp-content\/uploads\/2026\/10\/woman-sitting-public-talking-scaled.jpg\" alt=\"Woman speaking in front of a group\" loading=\"lazy\" data-par=\".08\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"spc spc-sec spc-tick\" aria-label=\"Changing the way we work, improving work culture, training leaders, certifying inclusive practices\">\n  <div class=\"spc-in\">\n    <div class=\"spc-tick-row\">\n     <div class=\"spc-tick-mask\">\n      <div class=\"spc-tick-track\">\n        <ul class=\"spc-tick-set\" aria-hidden=\"true\">\n          <li>Changing the way we work<\/li><li>Improving work culture<\/li><li>Training leaders<\/li><li>Certifying inclusive practices<\/li><li>Changing the way we work<\/li><li>Improving work culture<\/li><li>Training leaders<\/li><li>Certifying inclusive practices<\/li>\n        <\/ul>\n        <ul class=\"spc-tick-set\" aria-hidden=\"true\">\n          <li>Changing the way we work<\/li><li>Improving work culture<\/li><li>Training leaders<\/li><li>Certifying inclusive practices<\/li><li>Changing the way we work<\/li><li>Improving work culture<\/li><li>Training leaders<\/li><li>Certifying inclusive practices<\/li>\n        <\/ul>\n      <\/div>\n     <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.spc-tick{background:#fff;padding-top:56px;padding-bottom:24px;}\n.spc-tick-row{border-top:1px solid var(--dusk);border-bottom:1px solid var(--dusk);padding:18px 0;}\n.spc-tick-mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}\n.spc-tick-track{display:flex !important;flex-wrap:nowrap !important;width:max-content;animation:spcTick 70s linear infinite;}\n.spc-tick-row:hover .spc-tick-track{animation-play-state:paused;}\n.spc .spc-tick-set{display:flex !important;flex-wrap:nowrap !important;flex-shrink:0;width:auto !important;margin:0 !important;padding:0 !important;}\n.spc .spc-tick-set li{margin:0;display:flex;align-items:center;white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:var(--dusk);}\n.spc .spc-tick-set li::after{content:\"\";width:6px;height:6px;margin:0 30px;border-radius:50%;flex-shrink:0;background:var(--sky);}\n@keyframes spcTick{to{transform:translateX(-50%);}}\n@media (max-width:820px){\n  .spc-tick{padding-top:40px;padding-bottom:12px;}\n  .spc-tick-row{padding:14px 0;}\n  .spc .spc-tick-set li{font-size:12px;}\n  .spc .spc-tick-set li::after{margin:0 20px;}\n}\n@media (prefers-reduced-motion:reduce){.spc-tick-track{animation:none;}}\n<\/style>\n\n\n\n\n<section class=\"spc spc-sec spc-prog\" id=\"programmes\">\n  <div class=\"spc-in\">\n    <div class=\"spc-prog-head spc-rv\">\n      <p class=\"spc-eyebrow\">Our programmes<\/p>\n      <h2 class=\"spc-h2 spc-prog-title\">Programmes and training<\/h2>\n      <p class=\"spc-sub\">Practical programmes for leaders, HR teams and everyone who shapes your workplace culture.<\/p>\n    <\/div>\n    <ul class=\"spc-dots\">\n      <li><a class=\"spc-dot spc-dot--1\" href=\"https:\/\/www.mamforce.hr\/boost\/uvod-u-inkluzivno-liderstvo\/\">\n        <span class=\"spc-dot-title\">Introduction to inclusive leadership<\/span>\n        <span class=\"spc-dot-more\">Learn more \u2192<\/span><\/a><\/li>\n\n      <li><a class=\"spc-dot spc-dot--2\" href=\"https:\/\/www.mamforce.hr\/boost\/odvazno-inspireherleadership\/\">\n        <span class=\"spc-dot-title\">ODVA\u017dNO InspireHER&shy;Leadership<\/span>\n        <span class=\"spc-dot-more\">Learn more \u2192<\/span><\/a><\/li>\n\n      <li><a class=\"spc-dot spc-dot--3\" href=\"[LINK]\">\n        <span class=\"spc-dot-title\">How to recognise unconscious bias<\/span>\n        <span class=\"spc-dot-more\">Learn more \u2192<\/span><\/a><\/li>\n\n      <li><div class=\"spc-dot spc-dot--4 spc-dot--soon\">\n        <span class=\"spc-dot-title\">Gender-neutral job descriptions<\/span>\n        <span class=\"spc-dot-more\">Coming soon<\/span><\/div><\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n.spc-prog{padding-top:110px;padding-bottom:110px;}\n.spc-prog .spc-in{display:flex;flex-direction:column;align-items:center;gap:52px;}\n.spc-prog-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:680px;}\n.spc .spc-prog-title{font-size:clamp(2.1rem,4vw,3.2rem);}\n.spc-dots{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;align-items:center;}\n.spc-dots li{margin:0;}\n\n.spc-dot{position:relative;aspect-ratio:1\/1;width:100%;border-radius:50% !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16%;text-align:center;color:#fff !important;box-shadow:0 22px 48px -16px rgba(0,85,140,.55);transition:transform .35s ease,background .35s ease,box-shadow .35s ease;}\n.spc-dot--1{background:rgba(0,85,140,.92);}\n.spc-dot--2{background:rgba(0,85,140,.8);}\n.spc-dot--3{background:rgba(0,85,140,.7);}\n.spc-dot--4{background:rgba(0,85,140,.55);box-shadow:0 22px 48px -16px rgba(0,85,140,.3);}\na.spc-dot:hover{transform:scale(1.07);background:var(--dusk);box-shadow:0 30px 60px -18px rgba(0,85,140,.65);}\na.spc-dot:focus-visible{outline:3px solid var(--dusk);outline-offset:8px;}\n.spc-dot-title{position:relative;z-index:1;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800;line-height:1.3;color:#fff;overflow-wrap:break-word;hyphens:auto;}\n.spc-dot-more{position:relative;z-index:1;font-size:14px;font-weight:700;color:#fff;opacity:.9;}\n\na.spc-dot::before{content:\"\";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(0,135,205,.55);animation:spcRipple 3.2s ease-out infinite;pointer-events:none;}\n.spc-dot--2::before{animation-delay:.8s !important;}\n.spc-dot--3::before{animation-delay:1.6s !important;}\n@keyframes spcRipple{0%{transform:scale(1);opacity:.9;}100%{transform:scale(1.28);opacity:0;}}\n\n@supports (animation-timeline: view()){\n  .spc-dots li{animation:spcPop linear both;animation-timeline:view();animation-range:entry 5% cover 30%;}\n  .spc-dots li:nth-child(2){animation-range:entry 10% cover 34%;}\n  .spc-dots li:nth-child(3){animation-range:entry 15% cover 38%;}\n  .spc-dots li:nth-child(4){animation-range:entry 20% cover 42%;}\n  @keyframes spcPop{from{opacity:0;transform:translateY(40px) scale(.85);}to{opacity:1;transform:none;}}\n}\n\n@media (max-width:1000px){\n  .spc-dots{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:620px;}\n}\n@media (max-width:480px){\n  .spc-prog{padding-top:72px;padding-bottom:72px;}\n  .spc-dots{gap:16px;}\n  .spc-dot{padding:12%;gap:6px;}\n  .spc-dot-title{font-size:14px;}\n  .spc-dot-more{font-size:12px;}\n}\n@media (prefers-reduced-motion:reduce){\n  .spc-dot{transition:none;}\n  a.spc-dot::before{animation:none;display:none;}\n  .spc-dots li{animation:none !important;}\n}\n<\/style>\n\n\n\n\n<section class=\"spc spc-sec spc-cz\">\n  <div class=\"spc-in\">\n    <div class=\"spc-cz-box\">\n      <!-- Sadr\u017eaj iza zavjese -->\n      <div class=\"spc-cz-content\">\n        <h2 class=\"spc-h2\">Employer certification<\/h2>\n        <div class=\"spc-certa-list\">\n          <a class=\"spc-certa-row\" href=\"https:\/\/mamforce.com\/\">\n            <span class=\"spc-certa-brand\"><img loading=\"lazy\" decoding=\"async\" class=\"spc-certa-logo\" src=\"https:\/\/sponacode.com\/wp-content\/uploads\/2026\/10\/MAMFORCE-glava.png\" alt=\"MAMFORCE logo\" width=\"72\" height=\"72\" loading=\"lazy\"><span class=\"spc-certa-name\">MAMFORCE<\/span><\/span>\n            <span class=\"spc-certa-text\">A quality mark for employer competences. Become a family-friendly workplace for women and parents, and join a community of aware leaders.<\/span>\n            <span class=\"spc-certa-link\">Visit MAMFORCE<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n          <\/a>\n          <a class=\"spc-certa-row\" href=\"https:\/\/incq-all.com\/\">\n            <span class=\"spc-certa-brand\"><img loading=\"lazy\" decoding=\"async\" class=\"spc-certa-logo\" src=\"https:\/\/sponacode.com\/wp-content\/uploads\/2026\/10\/Q.png\" alt=\"IncQ logo\" width=\"72\" height=\"72\" loading=\"lazy\"><span class=\"spc-certa-name\">IncQ<\/span><\/span>\n            <span class=\"spc-certa-text\">Transparent data you can trust. Find out how well your company\u2019s policies are aligned with the experience of your employees.<\/span>\n            <span class=\"spc-certa-link\">Visit IncQ<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n      <!-- Zavjesa preko bloka -->\n      <div class=\"spc-cz-half spc-cz-half--l\" aria-hidden=\"true\"><div class=\"spc-cz-face\"><span>Employer<\/span><span>certification<\/span><\/div><\/div>\n      <div class=\"spc-cz-half spc-cz-half--r\" aria-hidden=\"true\"><div class=\"spc-cz-face\"><span>Employer<\/span><span>certification<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.spc-cz{--o:1;padding-top:100px;padding-bottom:120px;}\n.spc-cz-box{position:relative;overflow:hidden;}\n.spc-cz-content{display:flex;flex-direction:column;gap:24px;padding:36px 0 8px;opacity:calc(.3 + var(--o) * .7);transform:translateY(calc((1 - var(--o)) * 24px));}\n.spc-cz .spc-certa-list{border-top:1px solid var(--dusk);}\n.spc-certa-row{display:grid;grid-template-columns:290px minmax(0,1fr) auto;gap:32px;align-items:center;padding:28px 20px;border-bottom:1px solid var(--dusk);color:var(--ink) !important;transition:background .25s;}\n.spc-certa-row:hover{background:#f4f9fc;}\n.spc-certa-row:focus-visible{outline:3px solid var(--sky);outline-offset:2px;}\n.spc-certa-brand{display:flex;align-items:center;gap:20px;}\n.spc-certa-logo{width:72px;height:72px;flex:0 0 72px;object-fit:contain;display:block;transition:transform .35s ease;}\n.spc-certa-row:hover .spc-certa-logo{transform:rotate(-8deg) scale(1.06);}\n.spc-certa-name{font-size:26px;font-weight:800;line-height:1.2;color:var(--dusk);}\n.spc-certa-text{font-size:16px;line-height:1.6;color:var(--muted);max-width:40em;}\n.spc-certa-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--dusk);white-space:nowrap;}\n.spc-certa-link svg{width:16px;height:16px;transition:transform .2s;}\n.spc-certa-row:hover .spc-certa-link svg{transform:translateX(4px);}\n\/* Zavjesa: dvije Dusk polovice s natpisom koji se razdvaja *\/\n.spc-cz-half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:var(--dusk);z-index:2;pointer-events:none;will-change:transform;}\n.spc-cz-half--l{left:0;transform:translateX(calc(var(--o) * -115%));box-shadow:10px 0 30px -12px rgba(0,58,97,.45);}\n.spc-cz-half--r{right:0;transform:translateX(calc(var(--o) * 115%));box-shadow:-10px 0 30px -12px rgba(0,58,97,.45);}\n.spc-cz-half--l::after{content:\"\";position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.2);}\n.spc-cz-face{position:absolute;top:0;bottom:0;width:200%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}\n.spc-cz-half--l .spc-cz-face{left:0;}\n.spc-cz-half--r .spc-cz-face{right:0;}\n.spc .spc-cz-face span{display:block;font-size:clamp(34px,5vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff;}\n.spc .spc-cz-face span + span{color:var(--morning);}\n@media (max-width:820px){\n  .spc-cz{padding-top:64px;padding-bottom:80px;}\n  .spc-certa-row{grid-template-columns:1fr;gap:12px;padding:22px 4px;}\n  .spc-certa-logo{width:56px;height:56px;flex-basis:56px;}\n}\n@media (prefers-reduced-motion:reduce){.spc-cz-half{display:none;}.spc-cz-content{opacity:1;transform:none;}}\n<\/style>\n\n<script>\n(function(){\n  var sec=document.querySelector('.spc-cz');\n  if(!sec||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\n  var box=sec.querySelector('.spc-cz-box'),cur=0,goal=0,run=false;\n  sec.style.setProperty('--o','0');\n  function target(){\n    var r=box.getBoundingClientRect(),vh=window.innerHeight;\n    \/* zavjesa miruje dok se natpis ne vidi cijeli, otvara se dok vrh bloka putuje od 65 % do 28 % visine ekrana *\/\n    var k=Math.min(1,Math.max(0,(vh*.65-r.top)\/(vh*.37)));\n    return k<.5?2*k*k:1-Math.pow(-2*k+2,2)\/2;\n  }\n  function loop(){\n    cur+=(goal-cur)*.1;            \/* mekano \"dostizanje\": zavjesa klizi s inercijom *\/\n    if(Math.abs(goal-cur)<.001)cur=goal;\n    sec.style.setProperty('--o',cur.toFixed(4));\n    if(cur!==goal){requestAnimationFrame(loop);}else{run=false;}\n  }\n  function onScroll(){goal=target();if(!run){run=true;requestAnimationFrame(loop);}}\n  window.addEventListener('scroll',onScroll,{passive:true});\n  window.addEventListener('resize',onScroll);\n  onScroll();\n})();\n<\/script>\n\n\n\n\n\n<section class=\"spc spc-sec spc-dark spc-wavy spc-serv\">\n  <div class=\"spc-wave\" aria-hidden=\"true\"><svg viewBox=\"0 0 2880 72\" preserveAspectRatio=\"none\"><path d=\"M0,36 C360,72 1080,0 1440,36 C1800,72 2520,0 2880,36 L2880,72 L0,72 Z\"\/><\/svg><\/div>\n  <div class=\"spc-floats spc-serv-floats\" aria-hidden=\"true\">\n    <span data-par=\".2\"><i><\/i><\/span>\n    <span data-par=\".4\"><i><\/i><\/span>\n    <span data-par=\".3\"><i><\/i><\/span>\n  <\/div>\n  <div class=\"spc-in\">\n    <div class=\"spc-serv-head\">\n      <h2 class=\"spc-h2 spc-rv spc-rv--l\">Communication and organisational development<\/h2>\n    <\/div>\n    <div class=\"spc-serv-grid\">\n      <a class=\"spc-serv-card spc-rv\" style=\"--d:1\" href=\"https:\/\/sponacode.com\/index.php\/culture-and-communication\/\">\n        <svg class=\"spc-serv-ic\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><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        <h3>Communication<\/h3>\n        <p>We connect the existing communication tools within an organisation.<\/p>\n        <ul class=\"spc-serv-tags\">\n          <li>Integration of tools<\/li>\n          <li>Change in communication systems<\/li>\n          <li>Event management<\/li>\n          <li>Internal campaigns<\/li>\n          <li>Change of company culture<\/li>\n        <\/ul>\n        <span class=\"spc-serv-link\">Learn more<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"spc-serv-card spc-rv\" style=\"--d:2\" href=\"https:\/\/sponacode.com\/index.php\/organisational-development\/\">\n        <svg class=\"spc-serv-ic\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.5\"\/><path d=\"M2.5 20c.8-3.6 3.4-5.6 6.5-5.6s5.7 2 6.5 5.6M16 4.6a3.5 3.5 0 0 1 0 6.8M18.5 14.6c1.6.8 2.7 2.6 3 5.4\"\/><\/svg>\n        <h3>Organisational development<\/h3>\n        <p>By developing an efficient human resources management system, we strategically help our clients achieve their business goals.<\/p>\n        <ul class=\"spc-serv-tags\">\n          <li>Human relations management<\/li>\n          <li>People development<\/li>\n          <li>Assessing potential<\/li>\n          <li>BOOST<\/li>\n        <\/ul>\n        <span class=\"spc-serv-link\">Learn more<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.spc-serv{overflow:visible;padding-top:110px;padding-bottom:150px;}\n.spc-serv-floats{overflow:hidden;}\n.spc-serv-floats > span:nth-child(1){width:260px;height:260px;right:-80px;top:40px;}\n.spc-serv-floats > span:nth-child(1) i{background:var(--sky);opacity:.35;}\n.spc-serv-floats > span:nth-child(2){width:70px;height:70px;left:8%;bottom:70px;}\n.spc-serv-floats > span:nth-child(2) i{background:var(--morning);opacity:.45;}\n.spc-serv-floats > span:nth-child(3){width:28px;height:28px;right:30%;top:90px;}\n.spc-serv-floats > span:nth-child(3) i{background:var(--morning);opacity:.7;}\n.spc-serv .spc-in{display:flex;flex-direction:column;gap:32px;}\n.spc-serv .spc-h2{color:#fff;}\n.spc-serv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;}\n.spc-serv-card{display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:0;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff !important;transition:background .25s,transform .25s;}\n.spc-serv-card:hover{background:rgba(255,255,255,.18);transform:translateY(-3px);}\n.spc-serv-card:focus-visible{outline:3px solid #fff;outline-offset:4px;}\n.spc-serv-ic{width:30px;height:30px;color:#fff;}\n.spc-serv-card h3{font-size:22px;font-weight:800;line-height:1.25;color:#fff;}\n.spc-serv-card p{font-size:16px;line-height:1.55;font-weight:500;color:#fff;}\n.spc-serv-tags{display:flex;flex-wrap:wrap;gap:8px;flex-grow:1;align-content:flex-start;}\n.spc-serv-tags li{margin:0;font-size:13px;font-weight:600;padding:5px 12px;border-radius:0;background:rgba(255,255,255,.14);color:#fff;}\n.spc-serv-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#fff;}\n.spc-serv-link svg{width:16px;height:16px;transition:transform .2s;}\n.spc-serv-card:hover .spc-serv-link svg{transform:translateX(4px);}\n@media (prefers-reduced-motion:reduce){.spc-serv-card,.spc-serv-link svg{transition:none;}}\n<\/style>\n\n\n\n\n\n<section class=\"spc spc-sec spc-tint spc-wavy spc-val\">\n  <div class=\"spc-wave\" aria-hidden=\"true\"><svg viewBox=\"0 0 2880 72\" preserveAspectRatio=\"none\"><path d=\"M0,36 C360,72 1080,0 1440,36 C1800,72 2520,0 2880,36 L2880,72 L0,72 Z\"\/><\/svg><\/div>\n  <div class=\"spc-in\">\n    <div class=\"spc-val-head spc-rv spc-rv--l\">\n      <p class=\"spc-eyebrow\">Our vision<\/p>\n      <h2 class=\"spc-h2\">Changing the way we work. Improving life.<\/h2>\n      <p class=\"spc-sub\">Our goal: to make organisations more efficient and employees happier.<\/p>\n    <\/div>\n    <ul class=\"spc-val-grid\">\n      <li class=\"spc-val-card spc-rv\" style=\"--d:1\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 17l6-6 4 4 8-8M14 7h7v7\"\/><\/svg>\n        <h3>Commitment to improvement<\/h3>\n        <p>We foster a growth mindset that prioritizes growth and capacity-building in our clients.<\/p>\n      <\/li>\n      <li class=\"spc-val-card spc-rv\" style=\"--d:2\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\/><\/svg>\n        <h3>Inspiring action<\/h3>\n        <p>Our aim is to foster growth in meaningful ways for more diverse, inclusive and equitable companies.<\/p>\n      <\/li>\n      <li class=\"spc-val-card spc-rv\" style=\"--d:3\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"9\" r=\"3\"\/><circle cx=\"16\" cy=\"9\" r=\"3\"\/><path d=\"M2 20c.6-3 3-4.5 6-4.5s5.4 1.5 6 4.5M14.5 15.6c2.9 0 5 1.5 5.5 4.4\"\/><\/svg>\n        <h3>Valuing diversity<\/h3>\n        <p>Diversity makes us smarter while inclusivity makes us richer in every sense.<\/p>\n      <\/li>\n      <li class=\"spc-val-card spc-rv\" style=\"--d:4\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><path d=\"M8 9h8M8 13h5\"\/><\/svg>\n        <h3>A well-argued challenge<\/h3>\n        <p>We actively listen and create custom-made strategies using an evidence-based approach.<\/p>\n      <\/li>\n      <li class=\"spc-val-card spc-rv\" style=\"--d:5\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.5\"\/><\/svg>\n        <h3>Lasting impact<\/h3>\n        <p>The organizational changes we help usher in serve as examples of best practices.<\/p>\n      <\/li>\n    <\/ul>\n    <p class=\"spc-val-tag spc-rv\" style=\"--d:2\">Diversity \u00b7 Challenge \u00b7 Commitment \u00b7 Inspire \u00b7 Impact<\/p>\n  <\/div>\n<\/section>\n\n<style>\n.spc-val{padding-top:110px;}\n.spc-val .spc-in{display:flex;flex-direction:column;gap:36px;}\n.spc-val-head{display:flex;flex-direction:column;gap:10px;max-width:760px;}\n.spc-val-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}\n.spc-val-card{margin:0;display:flex;flex-direction:column;gap:12px;padding:26px 24px;background:#fff;border-radius:0;box-shadow:0 14px 34px -14px rgba(0,85,140,.28);transition:transform .3s,box-shadow .3s;}\n.spc-val-card:hover{transform:translateY(-4px);box-shadow:0 24px 46px -16px rgba(0,85,140,.38);}\n.spc-val-card svg{width:30px;height:30px;color:var(--dusk);}\n.spc-val-card h3{font-size:18px;line-height:1.3;font-weight:800;color:var(--dusk);}\n.spc-val-card p{font-size:15px;line-height:1.55;color:var(--muted);}\n.spc .spc-val-tag{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--dusk);text-align:center;}\n@media (prefers-reduced-motion:reduce){.spc-val-card{transition:none;}}\n<\/style>\n\n\n\n\n\n<section class=\"spc spc-sec spc-dark spc-wavy spc-contact\" id=\"contact\">\n  <div class=\"spc-wave\" aria-hidden=\"true\"><svg viewBox=\"0 0 2880 72\" preserveAspectRatio=\"none\"><path d=\"M0,36 C360,72 1080,0 1440,36 C1800,72 2520,0 2880,36 L2880,72 L0,72 Z\"\/><\/svg><\/div>\n  <div class=\"spc-floats spc-contact-floats\" aria-hidden=\"true\">\n    <span data-par=\".2\"><i><\/i><\/span>\n    <span data-par=\".35\"><i><\/i><\/span>\n  <\/div>\n  <div class=\"spc-in\">\n    <div class=\"spc-contact-info spc-rv spc-rv--l\">\n      <h2 class=\"spc-h2\">Not sure where to start?<\/h2>\n      <p class=\"spc-contact-lead\">Tell us what you need and we will get back to you.<\/p>\n      <ul class=\"spc-contact-list\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v14H4z\"\/><path d=\"M4 6l8 7 8-7\"\/><\/svg><a href=\"mailto:info@spona.hr\">info@spona.hr<\/a><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z\"\/><\/svg><a href=\"tel:+38512310309\">+385 1 2310 309<\/a><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s7-6.1 7-12a7 7 0 0 0-14 0c0 5.9 7 12 7 12z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><span>Fra Filipa Grabovca 4, 10000 Zagreb<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"spc-contact-form spc-rv spc-rv--r\" style=\"--d:1\">\n      [OVDJE-SHORTCODE]\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.spc-contact{padding-top:110px;padding-bottom:120px;}\n.spc-contact .spc-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;}\n.spc-contact .spc-h2{color:#fff;font-size:clamp(2rem,3.6vw,3rem);}\n.spc-contact-info{display:flex;flex-direction:column;gap:18px;padding-top:12px;}\n.spc .spc-contact-lead{font-size:18px;line-height:1.6;color:#fff;max-width:26em;}\n.spc .spc-contact-list{display:flex;flex-direction:column;gap:14px;margin-top:14px;}\n.spc .spc-contact-list li{margin:0;display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;color:#fff;}\n.spc-contact-list svg{width:22px;height:22px;flex:0 0 22px;color:var(--morning);}\n.spc .spc-contact-list a{color:#fff !important;border-bottom:1px solid rgba(255,255,255,.35);transition:border-color .2s;}\n.spc .spc-contact-list a:hover{border-color:#fff;}\n.spc-contact-floats > span:nth-child(1){width:240px;height:240px;left:-90px;bottom:40px;}\n.spc-contact-floats > span:nth-child(1) i{background:var(--sky);opacity:.35;}\n.spc-contact-floats > span:nth-child(2){width:40px;height:40px;left:34%;top:120px;}\n.spc-contact-floats > span:nth-child(2) i{background:var(--morning);opacity:.6;}\n\n\/* Bijela kartica s formom *\/\n.spc-contact-form{background:#fff;padding:36px;box-shadow:0 30px 60px -24px rgba(0,30,55,.55);color:var(--ink);}\n.spc-contact-form .wpcf7 p{margin:0;}\n.spc-contact-form .wpcf7 br{display:none;}\n.spc-f-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;}\n.spc-f-full{grid-column:1 \/ -1;}\n.spc-f-field{display:flex;flex-direction:column;gap:6px;margin:0;}\n.spc-f-field > span:first-child{font-size:13px;font-weight:700;color:var(--dusk);}\n.spc-contact-form .wpcf7-form-control-wrap{display:block;}\n.spc-contact-form input[type=text],.spc-contact-form input[type=email],.spc-contact-form select,.spc-contact-form textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--tint);border:0;border-bottom:2px solid var(--dusk);border-radius:0;padding:12px 14px;box-shadow:none;transition:background .2s,border-color .2s;}\n.spc-contact-form textarea{min-height:130px;resize:vertical;}\n.spc-contact-form input:focus,.spc-contact-form select:focus,.spc-contact-form textarea:focus{outline:none;background:#e1f0f9;border-bottom-color:var(--sky);}\n.spc-f-consent{font-size:14px;line-height:1.5;color:var(--muted);}\n.spc-f-consent .wpcf7-list-item{margin:0;}\n.spc-f-consent label{display:flex;gap:10px;align-items:flex-start;}\n.spc-f-consent input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--dusk);flex:0 0 18px;}\n.spc-contact-form .spc-f-btn,.spc-contact-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border:0;border-radius:0;background:var(--dusk);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s;}\n.spc-contact-form .spc-f-btn:hover,.spc-contact-form input[type=submit]:hover{background:var(--dusk-dark);}\n.spc-contact-form .wpcf7-not-valid-tip{font-size:13px;color:#b3261e;margin-top:4px;}\n.spc-contact-form .wpcf7-response-output{margin:18px 0 0 !important;padding:12px 16px !important;border:0 !important;border-left:4px solid var(--sky) !important;background:var(--tint);font-size:15px;color:var(--ink);}\n.spc-contact-form .wpcf7-spinner{margin:0 0 0 12px;}\n\n@media (max-width:900px){\n  .spc-contact .spc-in{grid-template-columns:1fr;gap:36px;}\n}\n@media (max-width:560px){\n  .spc-contact-form{padding:24px 20px;}\n  .spc-f-grid{grid-template-columns:1fr;}\n}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Changing the way we work. Improving life. Impactful training to any employeeanywhereanytime To make organisations more efficient and employees happier. Explore programmes Get in touch 19years of experience 250clients 500+participants 60+certified organisations Changing the way we work Improving work culture Training leaders Certifying inclusive practices Changing the way we work Improving work culture Training leaders [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/pages\/553"}],"collection":[{"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/comments?post=553"}],"version-history":[{"count":42,"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/pages\/553\/revisions"}],"predecessor-version":[{"id":619,"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/pages\/553\/revisions\/619"}],"wp:attachment":[{"href":"https:\/\/sponacode.com\/index.php\/wp-json\/wp\/v2\/media?parent=553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}