{"id":5454,"date":"2024-10-09T13:21:07","date_gmt":"2024-10-09T12:21:07","guid":{"rendered":"https:\/\/nsbi.org.rs\/?page_id=5454"},"modified":"2026-07-21T13:16:17","modified_gmt":"2026-07-21T12:16:17","slug":"grupne-clanarine-za-kompanije","status":"publish","type":"page","link":"https:\/\/nsbi.org.rs\/sr\/grupne-clanarine-za-kompanije","title":{"rendered":"Grupne \u010dlanarine za kompanije"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Vodi\u0161 dru\u0161tveno odgovornu kompaniju kojoj je stalo do za\u0161tite \u017eivotne sredine i unapre\u0111enja zajednice? \u017deli\u0161 da svojim uticajem smanji\u0161 saobra\u0107ajne gu\u017eve i zaga\u0111enje? Onda si na pravom mestu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Znamo koliko je va\u017eno smanjiti saobra\u0107ajne gu\u017eve i biciklom i\u0107i na posao. Zato smo se odlu\u010dili da kompanije koje podsti\u010du svoje zaposlene da biciklom dolaze na posao dodatno nagradimo &#8211; popustom za grupne \u010dlanarine za zaposlene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Po\u0161alji upit ili nas kontaktiraj za vi\u0161e detalja o tome kako svojim zaposlenima mo\u017ee\u0161 obezbediti benefite u partnerskim servisima i radnjama i time ih podsta\u0107i da dolaze biciklom na posao. Time \u0107e\u0161 direktno uticati ne samo na smanjenje zaga\u0111enja i saobra\u0107ajnih gu\u017evi ve\u0107 i na bolje zdravstveno stanje svojih zaposlenih.<\/p>\n\n\n\n<!-- Biblioteka za telefon sa zastavicama -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/css\/intlTelInput.css\" \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/js\/intlTelInput.min.js\"><\/script>\n\n<div class=\"nsbi-b2b-wrapper\">\n  \n  <div class=\"nsbi-forma-header\">\n    <h2>Prijava za B2B grupne \u010dlanarine \u2013 Biciklograd<\/h2>\n    <p>Motivi\u0161ite svoje zaposlene, unapredite corporate wellness i ostvarite posebne grupne popuste za Va\u0161u kompaniju!<\/p>\n  <\/div>\n\n  <div id=\"b2b-form-response\" style=\"display: none; padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; font-weight: 600; font-size: 14px;\"><\/div>\n\n  <form id=\"nsbi_b2b_prijavna_forma\" class=\"nsbi-form\" enctype=\"multipart\/form-data\">\n\n    <!-- SEKCIJA 1: PODACI O KOMPANIJI -->\n    <div class=\"b2b-section-title\">1. Podaci o kompaniji<\/div>\n    \n    <div class=\"form-row row-2-cols\">\n      <div class=\"form-group\">\n        <label for=\"naziv_kompanije\">Puno ime kompanije \/ pravnog lica *<\/label>\n        <input type=\"text\" id=\"naziv_kompanije\" name=\"naziv_kompanije\" required placeholder=\"Npr. Moj Kompanija d.o.o.\">\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"pib_kompanije\">PIB kompanije *<\/label>\n        <input type=\"text\" id=\"pib_kompanije\" name=\"pib_kompanije\" required placeholder=\"100000000\">\n      <\/div>\n    <\/div>\n\n    <div class=\"form-row row-2-cols\">\n      <div class=\"form-group\">\n        <label for=\"adresa_kompanije\">Sedi\u0161te i adresa *<\/label>\n        <input type=\"text\" id=\"adresa_kompanije\" name=\"adresa_kompanije\" required placeholder=\"Bulevar oslobo\u0111enja 12, Novi Sad\">\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"efaktura_id\">Mati\u010dni broj ili e-Faktura ID (opciono)<\/label>\n        <input type=\"text\" id=\"efaktura_id\" name=\"efaktura_id\" placeholder=\"Unesite podatak za fakturisanje\">\n      <\/div>\n    <\/div>\n\n    <!-- SEKCIJA 2: KONTAKT OSOBA -->\n    <div class=\"b2b-section-title\">2. Ovla\u0161\u0107eno lice \/ Kontakt osoba<\/div>\n\n    <div class=\"form-row row-3-cols\">\n      <div class=\"form-group\">\n        <label for=\"kontakt_ime\">Ime i prezime *<\/label>\n        <input type=\"text\" id=\"kontakt_ime\" name=\"kontakt_ime\" required placeholder=\"Marko Markovi\u0107\">\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"kontakt_funkcija\">Funkcija \/ HR \/ Management *<\/label>\n        <input type=\"text\" id=\"kontakt_funkcija\" name=\"kontakt_funkcija\" required placeholder=\"Npr. HR Manager\">\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"kontakt_email\">Slu\u017ebeni e-mail *<\/label>\n        <input type=\"email\" id=\"kontakt_email\" name=\"kontakt_email\" required placeholder=\"marko@kompanija.rs\">\n      <\/div>\n    <\/div>\n\n    <div class=\"form-row row-2-cols\">\n      <div class=\"form-group\">\n        <label for=\"b2b_telefon\">Broj telefona *<\/label>\n        <input type=\"tel\" id=\"b2b_telefon\" name=\"b2b_telefon\" required>\n        <input type=\"hidden\" id=\"b2b_puni_telefon\" name=\"b2b_puni_telefon\">\n        <small id=\"b2b-tel-error\" style=\"color: #d32f2f; display: none; margin-top: 4px; font-size: 12px;\">Unesite ispravan broj telefona.<\/small>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"odabrani_paket\">Kategorija tima \/ Paketa *<\/label>\n        <select id=\"odabrani_paket\" name=\"odabrani_paket\" required>\n          <option value=\"Mali tim (5-15 zaposlenih) - 15% popusta\">Mali tim (5\u201315 zaposlenih) \u2013 15% popusta<\/option>\n          <option value=\"Srednji tim (16-50 zaposlenih) - 25% popusta\">Srednji tim (16\u201350 zaposlenih) \u2013 25% popusta<\/option>\n          <option value=\"Velika kompanija (50+ zaposlenih) - Prilago\u0111eno\">Velika kompanija (50+ zaposlenih) \u2013 Prilago\u0111en paket<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- SEKCIJA 3: KALKULACIJA I BROJ ZAPOSLENIH -->\n    <div class=\"b2b-section-title\">3. Obim \u010dlanstva i trajanje<\/div>\n\n    <div class=\"form-row row-2-cols\">\n      <div class=\"form-group\">\n        <label for=\"broj_zaposlenih\">Okviran broj zaposlenih za \u010dlanstvo *<\/label>\n        <input type=\"number\" id=\"broj_zaposlenih\" name=\"broj_zaposlenih\" min=\"5\" value=\"5\" required>\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"b2b_trajanje\">Trajanje \u010dlanarine *<\/label>\n        <select id=\"b2b_trajanje\" name=\"b2b_trajanje\" required>\n          <option value=\"1 god\">1 Godina (Godi\u0161nja \u010dlanarina)<\/option>\n          <option value=\"2 god\">2 Godine (Dvogodi\u0161nja \u010dlanarina)<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- INFORMATIVNI BOX ZA KALKULACIJU CENI -->\n    <div class=\"b2b-calc-box\">\n      <div class=\"calc-info\">\n        <div>Osnovna cena po zaposlenom: <strong id=\"prikaz_osnovne_cene\">1.500 RSD \/ god<\/strong><\/div>\n        <div>Ostvareni popust: <strong id=\"prikaz_popusta\">15%<\/strong><\/div>\n      <\/div>\n      <div class=\"calc-total\">\n        Procenjen ukupni iznos: <span id=\"prikaz_ukupno\">6.375 RSD<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- SEKCIJA 4: SPISAK ZAPOSLENIH -->\n    <div class=\"b2b-section-title\">4. Spisak zaposlenih koji dobijaju kartice<\/div>\n\n    <div class=\"form-group\">\n      <label>Na\u010din dostave spiska zaposlenih: *<\/label>\n      <select id=\"nacin_spiska\" name=\"nacin_spiska\">\n        <option value=\"rucno\" selected>Unesi podatak za svakog zaposlenog pojedina\u010dno (Ime, Prezime, Mejl)<\/option>\n        <option value=\"prilog\">Prilo\u017ei\u0107u Excel \/ PDF fajl sa spiskom zaposlenih<\/option>\n        <option value=\"naknadno\">Dostavi\u0107u spisak naknadno nakon overe ugovora\/ponude<\/option>\n      <\/select>\n    <\/div>\n\n    <!-- DINAMI\u010cKA POLJA SA SIVIM PLACEHOLDER-om -->\n    <div class=\"form-group\" id=\"b2b_rucni_container\">\n      <label style=\"margin-bottom: 12px; display: block;\">Unesite podatke za zaposlene:<\/label>\n      <div id=\"zaposleni_dynamic_list\">\n        <!-- Dinami\u010dki redovi idu ovde -->\n      <\/div>\n      <div id=\"zaposleni_limit_notice\" style=\"display: none; background-color: #fff3cd; color: #856404; padding: 10px; border-radius: 6px; font-size: 13px; margin-top: 10px;\">\n        Za timove ve\u0107e od 30 zaposlenih preporu\u010dujemo opciju prilaganja Excel fajla radi br\u017eeg unosa.\n      <\/div>\n    <\/div>\n\n    <!-- PRILOG FAJLA -->\n    <div class=\"form-group\" id=\"b2b_fajl_container\" style=\"display: none;\">\n      <label>Prilo\u017eite spisak zaposlenih (Excel, PDF ili Word):<\/label>\n      <div class=\"file-upload-box\">\n        <input type=\"file\" id=\"spisak_file\" name=\"spisak_file\" accept=\".pdf, .xls, .xlsx, .doc, .docx, .txt\">\n        <div class=\"upload-content\">\n          <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"upload-icon\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg>\n          <span class=\"upload-text\" id=\"b2b_upload_label\">Kliknite ovde ili prevucite spisak (Excel \/ PDF)<\/span>\n          <small class=\"upload-hint\">Format fajla treba da sadr\u017ei: Ime, Prezime i Slu\u017ebeni E-mail zaposlenog<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Napomena -->\n    <div class=\"form-group\">\n      <label for=\"b2b_napomena\">Dodatna napomena ili poseban zahtev<\/label>\n      <textarea id=\"b2b_napomena\" name=\"b2b_napomena\" rows=\"3\" placeholder=\"Ukoliko imate posebne zahteve za brending, fakturisanje ili networking doga\u0111aje...\"><\/textarea>\n    <\/div>\n\n    <!-- Saglasnost -->\n    <div class=\"form-group custom-checkbox-group\">\n      <label class=\"checkbox-container\">\n        <input type=\"checkbox\" id=\"b2b_saglasnost\" name=\"b2b_saglasnost\" required>\n        <span class=\"checkmark\"><\/span>\n        <span class=\"checkbox-label-text\">Potvr\u0111ujem ta\u010dnost unetih podataka i podnosim zahtev za ponudu\/fakturu za grupnu \u010dlanarinu. *<\/span>\n      <\/label>\n    <\/div>\n\n    <div class=\"form-actions\" style=\"margin-top: 25px;\">\n      <button type=\"submit\" id=\"b2b-btn-submit\" class=\"btn-nsbi-submit\">Po\u0161alji zahtev za kompaniju<\/button>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n<!-- JAVASCRIPT -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  \/\/ 1. Telefon\n  const phoneInputB2B = document.querySelector(\"#b2b_telefon\");\n  let itiB2B = null;\n  if(phoneInputB2B && window.intlTelInput) {\n    itiB2B = window.intlTelInput(phoneInputB2B, {\n      initialCountry: \"rs\",\n      preferredCountries: [\"rs\", \"ba\", \"hr\", \"me\", \"mk\", \"si\"],\n      separateDialCode: true,\n      utilsScript: \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/js\/utils.js\",\n    });\n  }\n\n  \/\/ 2. Elementi\n  const elBroj = document.getElementById('broj_zaposlenih');\n  const elTrajanje = document.getElementById('b2b_trajanje');\n  const elPaket = document.getElementById('odabrani_paket');\n\n  const txtOsnovna = document.getElementById('prikaz_osnovne_cene');\n  const txtPopust = document.getElementById('prikaz_popusta');\n  const txtUkupno = document.getElementById('prikaz_ukupno');\n\n  const dynamicListContainer = document.getElementById('zaposleni_dynamic_list');\n  const limitNotice = document.getElementById('zaposleni_limit_notice');\n  const selectNacin = document.getElementById('nacin_spiska');\n\n  \/\/ Funkcija za generisanje redova sa zahtevanim placeholder-ima\n  function generisiPoljaZaZaposlene(broj) {\n    if (!dynamicListContainer) return;\n\n    if (broj > 30) {\n      limitNotice.style.display = 'block';\n    } else {\n      limitNotice.style.display = 'none';\n    }\n\n    const trenutnoRedova = dynamicListContainer.children.length;\n\n    if (broj > trenutnoRedova) {\n      for (let i = trenutnoRedova + 1; i <= broj; i++) {\n        const row = document.createElement('div');\n        row.className = 'zaposleni-row';\n        row.setAttribute('data-index', i);\n        row.innerHTML = `\n          <div class=\"row-badge\">#${i}<\/div>\n          <div class=\"form-group zaposleni-input-group\">\n            <input type=\"text\" name=\"zaposleni_ime_${i}\" placeholder=\"ime i prezime zaposlenog\" ${selectNacin.value === 'rucno' ? 'required' : ''}>\n          <\/div>\n          <div class=\"form-group zaposleni-input-group\">\n            <input type=\"email\" name=\"zaposleni_email_${i}\" placeholder=\"e-mail adresa zaposlenog\" ${selectNacin.value === 'rucno' ? 'required' : ''}>\n          <\/div>\n        `;\n        dynamicListContainer.appendChild(row);\n      }\n    } else if (broj < trenutnoRedova) {\n      for (let i = trenutnoRedova; i > broj; i--) {\n        if (dynamicListContainer.lastChild) {\n          dynamicListContainer.removeChild(dynamicListContainer.lastChild);\n        }\n      }\n    }\n  }\n\n  \/\/ Kalkulacija\n  function preracunajB2B(izvor = 'broj') {\n    if (!elBroj || !elTrajanje || !elPaket) return;\n\n    let broj = parseInt(elBroj.value) || 0;\n    let trajanjeGodina = (elTrajanje.value === '2 god') ? 2 : 1;\n    let cenaPoOsobiGodisnje = (trajanjeGodina === 2) ? 2500 : 1500; \n\n    if (izvor === 'paket') {\n      let selektovanPaket = elPaket.value;\n      if (selektovanPaket.includes('Mali tim') && (broj < 5 || broj > 15)) {\n        broj = 5; elBroj.value = 5;\n      } else if (selektovanPaket.includes('Srednji tim') && (broj < 16 || broj > 50)) {\n        broj = 20; elBroj.value = 20;\n      } else if (selektovanPaket.includes('Velika kompanija') && broj <= 50) {\n        broj = 55; elBroj.value = 55;\n      }\n    }\n\n    let popustProcenat = 0;\n    if (broj >= 5 && broj <= 15) {\n      popustProcenat = 15;\n      if (izvor !== 'paket') elPaket.selectedIndex = 0;\n    } else if (broj >= 16 && broj <= 50) {\n      popustProcenat = 25;\n      if (izvor !== 'paket') elPaket.selectedIndex = 1;\n    } else if (broj > 50) {\n      popustProcenat = 35;\n      if (izvor !== 'paket') elPaket.selectedIndex = 2;\n    }\n\n    let ukupnoBezPopusta = broj * cenaPoOsobiGodisnje;\n    let popustIznos = (ukupnoBezPopusta * popustProcenat) \/ 100;\n    let konacno = ukupnoBezPopusta - popustIznos;\n\n    let formatiranaCena = cenaPoOsobiGodisnje.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n    let formatiranoUkupno = konacno.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\");\n\n    if (txtOsnovna) txtOsnovna.textContent = `${formatiranaCena} RSD \/ ${trajanjeGodina === 2 ? '2 god' : 'god'}`;\n    if (txtPopust) txtPopust.textContent = `${popustProcenat}%`;\n    if (txtUkupno) txtUkupno.textContent = `${formatiranoUkupno} RSD`;\n\n    generisiPoljaZaZaposlene(broj);\n  }\n\n  if (elBroj) {\n    ['input', 'change', 'keyup', 'mousewheel'].forEach(evt => {\n      elBroj.addEventListener(evt, () => preracunajB2B('broj'));\n    });\n  }\n\n  if (elTrajanje) elTrajanje.addEventListener('change', () => preracunajB2B('trajanje'));\n  if (elPaket) elPaket.addEventListener('change', () => preracunajB2B('paket'));\n\n  preracunajB2B('broj');\n\n  \/\/ Promena na\u010dina unosa\n  const containerFajl = document.getElementById('b2b_fajl_container');\n  const containerRucno = document.getElementById('b2b_rucni_container');\n\n  if(selectNacin) {\n    selectNacin.addEventListener('change', function() {\n      const inputs = containerRucno.querySelectorAll('input');\n\n      if(this.value === 'rucno') {\n        containerFajl.style.display = 'none';\n        containerRucno.style.display = 'block';\n        inputs.forEach(i => i.required = true);\n      } else if(this.value === 'prilog') {\n        containerFajl.style.display = 'block';\n        containerRucno.style.display = 'none';\n        inputs.forEach(i => i.required = false);\n      } else {\n        containerFajl.style.display = 'none';\n        containerRucno.style.display = 'none';\n        inputs.forEach(i => i.required = false);\n      }\n    });\n  }\n\n  \/\/ Naziv fajla\n  const fileInp = document.getElementById('spisak_file');\n  if(fileInp) {\n    fileInp.addEventListener('change', function() {\n      const lbl = document.getElementById('b2b_upload_label');\n      if(this.files && this.files[0]) {\n        lbl.textContent = 'Izabran spisak: ' + this.files[0].name;\n        lbl.style.fontWeight = 'bold';\n        lbl.style.color = '#2e7d32';\n      } else {\n        lbl.textContent = 'Kliknite ovde ili prevucite spisak (Excel \/ PDF)';\n        lbl.style.fontWeight = 'normal';\n        lbl.style.color = '#444';\n      }\n    });\n  }\n\n  \/\/ 5. AJAX Slanje\n  const b2bForma = document.getElementById('nsbi_b2b_prijavna_forma');\n  if(b2bForma) {\n    b2bForma.addEventListener('submit', function(e) {\n      e.preventDefault();\n\n      const errorMsg = document.getElementById(\"b2b-tel-error\");\n      const fullPhoneInput = document.getElementById(\"b2b_puni_telefon\");\n      const responseBox = document.getElementById(\"b2b-form-response\");\n      const submitBtn = document.getElementById(\"b2b-btn-submit\");\n\n      if (itiB2B && !itiB2B.isValidNumber()) {\n        errorMsg.style.display = \"block\";\n        phoneInputB2B.classList.add(\"input-error\");\n        return;\n      } else if(itiB2B) {\n        errorMsg.style.display = \"none\";\n        phoneInputB2B.classList.remove(\"input-error\");\n        fullPhoneInput.value = itiB2B.getNumber();\n      }\n\n      submitBtn.disabled = true;\n      submitBtn.innerText = \"Slanje zahteva u toku...\";\n      responseBox.style.display = \"none\";\n\n      const formData = new FormData(this);\n      formData.append('action', 'posalji_nsbi_b2b_prijavu');\n\n      const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';\n\n      fetch(ajaxUrl, {\n        method: 'POST',\n        body: formData\n      })\n      .then(response => response.json())\n      .then(data => {\n        responseBox.style.display = \"block\";\n        if (data.success) {\n          responseBox.style.backgroundColor = \"#e8f5e9\";\n          responseBox.style.color = \"#2e7d32\";\n          responseBox.style.border = \"1px solid #a5d6a7\";\n          responseBox.innerHTML = data.data.message;\n          b2bForma.reset();\n          preracunajB2B('broj');\n        } else {\n          responseBox.style.backgroundColor = \"#ffebee\";\n          responseBox.style.color = \"#c62828\";\n          responseBox.style.border = \"1px solid #ef9a9a\";\n          responseBox.innerHTML = data.data.message || \"Do\u0161lo je do gre\u0161ke. Poku\u0161ajte ponovo.\";\n        }\n      })\n      .catch(error => {\n        console.error(\"AJAX Error:\", error);\n        responseBox.style.display = \"block\";\n        responseBox.style.backgroundColor = \"#ffebee\";\n        responseBox.style.color = \"#c62828\";\n        responseBox.style.border = \"1px solid #ef9a9a\";\n        responseBox.innerHTML = \"Do\u0161lo je do gre\u0161ke prilikom slanja. Proverite uspostavljenu vezu ili popunjenost polja.\";\n      })\n      .finally(() => {\n        submitBtn.disabled = false;\n        submitBtn.innerText = \"Po\u0161alji zahtev za kompaniju\";\n      });\n    });\n  }\n\n});\n<\/script>\n\n<style>\n  :root {\n    --nsbi-green: #2e7d32;\n    --nsbi-green-dark: #1b5e20;\n    --nsbi-green-light: #f1f8f1;\n  }\n\n  .nsbi-b2b-wrapper {\n    max-width: 900px;\n    margin: 30px auto;\n    font-family: 'Open Sans', Arial, sans-serif;\n    color: #2c3e50;\n    background: #ffffff;\n    border: 2px solid #e0e0e0;\n    padding: 35px;\n    border-radius: 12px;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n  }\n\n  .b2b-section-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--nsbi-green);\n    border-bottom: 2px solid var(--nsbi-green-light);\n    padding-bottom: 6px;\n    margin: 25px 0 18px 0;\n  }\n\n  .b2b-calc-box {\n    background-color: var(--nsbi-green-light);\n    border: 1px dashed var(--nsbi-green);\n    border-radius: 8px;\n    padding: 18px 22px;\n    margin: 15px 0 25px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 15px;\n  }\n\n  .calc-info { font-size: 14px; line-height: 1.6; color: #333; }\n  .calc-total { font-size: 18px; font-weight: 800; color: var(--nsbi-green-dark); }\n  .calc-total span { font-size: 22px; color: var(--nsbi-green); }\n\n  .nsbi-forma-header { border-bottom: 2px dashed #e0e0e0; padding-bottom: 15px; margin-bottom: 20px; }\n  .nsbi-forma-header h2 { margin: 0 0 8px 0; color: var(--nsbi-green); font-size: 24px; }\n  .nsbi-forma-header p { margin: 0; color: #666; font-size: 14.5px; }\n\n  .form-row { display: flex; gap: 15px; margin-bottom: 15px; }\n  .row-3-cols .form-group, .row-2-cols .form-group { flex: 1; }\n  .form-group { margin-bottom: 18px; }\n  .form-group label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 14px; color: #333; }\n\n  .nsbi-form input[type=\"text\"],\n  .nsbi-form input[type=\"email\"],\n  .nsbi-form input[type=\"tel\"],\n  .nsbi-form input[type=\"number\"],\n  .nsbi-form select,\n  .nsbi-form textarea {\n    width: 100%;\n    padding: 11px 14px;\n    border: 1px solid #ccc;\n    border-radius: 6px;\n    box-sizing: border-box;\n    font-size: 14px;\n    color: #1a1a1a !important;\n    background-color: #ffffff !important;\n  }\n\n  \/* POSIVLJEN PLACEHOLDER ZA UNOS *\/\n  .nsbi-form input::placeholder,\n  .nsbi-form textarea::placeholder {\n    color: #8d99ae !important;\n    opacity: 1;\n    font-style: italic;\n  }\n\n  .iti { width: 100%; }\n\n  .zaposleni-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n    background-color: #f9f9f9;\n    padding: 8px 12px;\n    border-radius: 8px;\n    border: 1px solid #eaeaea;\n  }\n\n  .row-badge {\n    background-color: var(--nsbi-green);\n    color: #fff;\n    font-weight: bold;\n    font-size: 12px;\n    padding: 6px 10px;\n    border-radius: 4px;\n    min-width: 28px;\n    text-align: center;\n  }\n\n  .zaposleni-input-group {\n    flex: 1;\n    margin-bottom: 0 !important;\n  }\n\n  .file-upload-box {\n    position: relative;\n    border: 2px dashed var(--nsbi-green);\n    background-color: var(--nsbi-green-light);\n    border-radius: 8px;\n    padding: 20px;\n    text-align: center;\n    cursor: pointer;\n  }\n  .file-upload-box input[type=\"file\"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }\n  .upload-content { display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none; }\n\n  .custom-checkbox-group { margin-top: 20px; }\n  .checkbox-container { display: flex; align-items: flex-start; position: relative; padding-left: 32px; cursor: pointer; font-size: 14px; }\n  .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }\n  .checkmark { position: absolute; top: 1px; left: 0; height: 20px; width: 20px; background-color: #fff; border: 2px solid #ccc; border-radius: 4px; }\n  .checkbox-container input:checked ~ .checkmark { background-color: var(--nsbi-green); border-color: var(--nsbi-green); }\n  .checkmark:after { content: \"\"; position: absolute; display: none; }\n  .checkbox-container input:checked ~ .checkmark:after { display: block; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }\n\n  .btn-nsbi-submit {\n    background-color: var(--nsbi-green);\n    color: #ffffff !important;\n    padding: 14px 32px;\n    border: none;\n    border-radius: 6px;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n    box-shadow: 0 4px 10px rgba(46, 125, 50, 0.3);\n    width: 100%;\n  }\n  .btn-nsbi-submit:hover { background-color: var(--nsbi-green-dark); }\n\n  @media (max-width: 768px) {\n    .form-row { flex-direction: column; gap: 0; }\n    .zaposleni-row { flex-direction: column; align-items: stretch; gap: 8px; }\n    .row-badge { width: fit-content; }\n    .nsbi-b2b-wrapper { padding: 20px; }\n    .b2b-calc-box { flex-direction: column; align-items: flex-start; }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Vodi\u0161 dru\u0161tveno odgovornu kompaniju kojoj je stalo do za\u0161tite \u017eivotne sredine i unapre\u0111enja zajednice? \u017deli\u0161 da svojim uticajem smanji\u0161 saobra\u0107ajne gu\u017eve i zaga\u0111enje? Onda si na pravom mestu. Znamo koliko&#8230;<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-5454","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Marko Mazalica","author_link":"https:\/\/nsbi.org.rs\/sr\/author\/m-mazalica"},"uagb_comment_info":0,"uagb_excerpt":"Vodi\u0161 dru\u0161tveno odgovornu kompaniju kojoj je stalo do za\u0161tite \u017eivotne sredine i unapre\u0111enja zajednice? \u017deli\u0161 da svojim uticajem smanji\u0161 saobra\u0107ajne gu\u017eve i zaga\u0111enje? Onda si na pravom mestu. Znamo koliko...","_links":{"self":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/5454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/comments?post=5454"}],"version-history":[{"count":9,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/5454\/revisions"}],"predecessor-version":[{"id":9380,"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/pages\/5454\/revisions\/9380"}],"wp:attachment":[{"href":"https:\/\/nsbi.org.rs\/sr\/wp-json\/wp\/v2\/media?parent=5454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}