{"id":387,"date":"2024-10-11T08:13:18","date_gmt":"2024-10-11T08:13:18","guid":{"rendered":"https:\/\/www.evolit.sk\/?page_id=387"},"modified":"2025-07-14T17:36:10","modified_gmt":"2025-07-14T17:36:10","slug":"home","status":"publish","type":"page","link":"https:\/\/www.evolit.sk\/sk\/","title":{"rendered":""},"content":{"rendered":"<div class=\"extendedwopts-hide extendedwopts-tablet extendedwopts-mobile wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-150607c0 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-right:0px;padding-left:0px\"><div id=\"front-page\">\n  <style>\n    #front-page {\n      height: calc(100vh - 76px);\n      min-height: 900px;\n    }\n\n    .hero-section {\n      height: 50%;\n      min-height: fit-content;\n      align-content: center;\n      text-align: center;\n      padding: 0 20vw;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hero-section img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: -1;\n    }\n\n    .hero-title {\n      color: #3d5b70;\n      font-size: 68px;\n      font-weight: 500;\n      position: relative;\n      z-index: 1;\n    }\n\n    .content-section {\n      display: flex;\n      height: 50%;\n      min-height: fit-content;\n      align-items: center;\n      padding: 0 20vw;\n      gap: 6rem;\n    }\n\n    .content-text {\n      display: flex;\n      flex-direction: column;\n      text-align: justify;\n      font-size: 28px;\n    }\n\n    .content-image {\n      width: 50%;\n      max-height: 100%;\n      overflow: hidden;\n    }\n\n    .content-image img {\n      width: 100%;\n      height: auto;\n    }\n  <\/style>\n\n  <div class=\"hero-section\">\n    <img\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/DSC_0401_1_cropped_blur_v3.jpg.webp\"\n      alt=\"Delivering Tailored IT Solutions\"\n      fetchpriority=\"high\"\n      decoding=\"async\"\n    >\n    <h1 class=\"hero-title animated slideInUp faster\">\n      Dod\u00e1vame IT rie\u0161enia na mieru<br>\n      - navrhnut\u00e9 pre v\u00e1\u0161 \u00faspech\n    <\/h1>\n  <\/div>\n\n  <div class=\"content-section\">\n    <div class=\"content-text animated slideInUp faster\">\n      <p>Sme t\u00edm, ktor\u00fd ver\u00ed, \u017ee ka\u017ed\u00e1 firma si zasl\u00fa\u017ei jedine\u010dn\u00e9 technologick\u00e9 rie\u0161enia. Vyv\u00edjame softv\u00e9r na mieru, ktor\u00fd optimalizuje procesy, zvy\u0161uje efektivitu a otv\u00e1ra nov\u00e9 pr\u00edle\u017eitosti na rast.<\/p>\n      <p>V Evolit Slovakia dod\u00e1vame inovat\u00edvne IT rie\u0161enia pre firmy, ktor\u00e9 chc\u00fa osta\u0165 o krok vpred. Neboj\u00edme sa v\u0161ak pusti\u0165 aj do \u00fadr\u017eby syst\u00e9mov, od ktor\u00fdch ostatn\u00ed utekaj\u00fa. M\u00e1me radi v\u00fdzvy.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-7bcabc6a wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><div id=\"front-page-mobile\">\n  <style>\n    #front-page-mobile {\n      min-height: fit-content;\n    }\n\n    .hero-section-mobile {\n      min-height: fit-content;\n      align-content: center;\n      text-align: center;\n      padding: 20px 5vw;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hero-section-mobile img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: -1;\n    }\n\n    .hero-title-mobile {\n      color: #3d5b70;\n      font-size: 36px;\n      font-weight: 500;\n      position: relative;\n      z-index: 1;\n    }\n\n    .content-section-mobile {\n      display: flex;\n      flex-direction: column;\n      min-height: fit-content;\n      align-items: center;\n      padding: 20px 5vw;\n      gap: 20px;\n    }\n\n    .content-text-mobile {\n      display: flex;\n      flex-direction: column;\n      text-align: justify;\n      font-size: 18px;\n    }\n\n    .content-image-mobile img {\n      width: 100%;\n      height: auto;\n    }\n  <\/style>\n\n  <div class=\"hero-section-mobile\">\n    <img\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/DSC_0401_1_cropped_blur_v4.jpg.webp\"\n      alt=\"Delivering Tailored IT Solutions\"\n      fetchpriority=\"high\"\n      decoding=\"async\"\n    >\n    <h1 class=\"hero-title-mobile animated slideInUp faster\">\n      Dod\u00e1vame IT rie\u0161enia na mieru<br>\n      - navrhnut\u00e9 pre v\u00e1\u0161 \u00faspech\n    <\/h1>\n  <\/div>\n\n  <div class=\"content-section-mobile\">\n    <div class=\"content-text-mobile animated slideInUp faster\">\n      <p>Sme t\u00edm, ktor\u00fd ver\u00ed, \u017ee ka\u017ed\u00e1 firma si zasl\u00fa\u017ei jedine\u010dn\u00e9 technologick\u00e9 rie\u0161enia. Vyv\u00edjame softv\u00e9r na mieru, ktor\u00fd optimalizuje procesy, zvy\u0161uje efektivitu a otv\u00e1ra nov\u00e9 pr\u00edle\u017eitosti na rast.<\/p>\n      <p>V Evolit Slovakia dod\u00e1vame inovat\u00edvne IT rie\u0161enia pre firmy, ktor\u00e9 chc\u00fa osta\u0165 o krok vpred. Neboj\u00edme sa v\u0161ak pusti\u0165 aj do \u00fadr\u017eby syst\u00e9mov, od ktor\u00fdch ostatn\u00ed utekaj\u00fa. M\u00e1me radi v\u00fdzvy.<\/p>\n    <\/div>\n  <\/div>\n<\/div><\/div>\n\n\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-tablet extendedwopts-mobile wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-28dceedc wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"services-slider\" class=\"services-slider-wrapper\">\n  <style>\n    #services-slider * {\n      font-family: \"Ubuntu\", sans-serif;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      from {\n        transform: scale(0.95);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    #services-slider .container {\n      display: flex;\n      gap: 20px;\n      justify-content: center;\n      align-items: flex-start;\n      background: rgba(115, 194, 199, 0.1);\n      \/* padding: 7rem 6vw; *\/\n    }\n\n    #services-slider .big-square {\n      width: 30rem;\n      height: 30rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      font-size: 28px;\n    }\n\n    #services-slider .square-title {\n      font-size: 68px;\n      margin-bottom: 10px;\n      font-weight: 500;\n      color: #3d5b70;\n    }\n\n    #services-slider .content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 20px;\n    }\n\n    #services-slider #services-slider-content {\n      min-height: 80px;\n      transition: all 0.3s ease-out;\n      animation: fadeIn 0.4s ease-out;\n      font-family: \"Nunito\", sans-serif;\n      font-weight: 400;\n      line-height: 1.4;\n    }\n\n    #services-slider .learn-more-btn {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      color: white;\n      border: none;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-size: 18px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    #services-slider .learn-more-btn:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #services-slider #pause-play-btn {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      width: 36px;\n      height: 36px;\n      color: white;\n      border: none;\n      border-radius: 18px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: absolute;\n      bottom: -8px;\n      right: -8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #services-slider #pause-play-btn:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #services-slider .small-squares-grid-container {\n      height: 26rem;\n      width: 39rem;\n      padding: 2rem;\n      background: rgba(115, 194, 199, 1);\n      border-radius: 18px;\n      position: relative;\n    }\n\n    #services-slider .small-squares-grid {\n      height: 100%;\n      width: 100%;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      grid-gap: 12px;\n    }\n\n    #services-slider .small-square {\n      background-color: #fff;\n      border-radius: 18px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      text-align: center;\n      padding: 10px;\n      font-size: 24px;\n      font-weight: 300;\n      transition: all 0.3s ease;\n      animation: scaleIn 0.6s ease-out;\n    }\n\n    #services-slider .small-square:hover {\n      background-color: rgba(204, 238, 238, 1);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #services-slider .small-square.active {\n      background-color: rgba(166, 225, 227, 1);\n      color: #3d5b70;\n      font-weight: 500;\n      transform: scale(1.05);\n      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n    }\n  <\/style>\n\n  <div class=\"container page-block-padding\">\n    <div class=\"big-square\">\n      <div\n        class=\"square-title animated slideInUp faster\"\n        id=\"services-slider-title\"\n      ><\/div>\n      <div class=\"content-wrapper\">\n        <div id=\"services-slider-content\"><\/div>\n        <a\n          id=\"services-slider-link\"\n          class=\"learn-more-btn\"\n          href=\"#\"\n          data-type=\"page\"\n          >Zisti viac<\/a\n>\n      <\/div>\n    <\/div>\n    <div class=\"small-squares-grid-container\">\n      <div class=\"small-squares-grid\" id=\"services-slider-grid\"><\/div>\n      <button id=\"pause-play-btn\" aria-label=\"Pause\">\n        <svg\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          width=\"24\"\n          height=\"24\"\n          fill=\"currentColor\"\n          class=\"bi bi-pause\"\n          viewbox=\"0 0 16 16\"\n        >\n          <path\n            d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\n          \/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const servicesSlider = {\n        mainTitle: \"Na\u0161e slu\u017eby\",\n        link: \"https:\/\/www.evolit.sk\/our-services\/#it-consulting\",\n        autoSwitchInterval: 3000,\n        currentIndex: 0,\n        autoSwitchTimer: null,\n        isPaused: false,\n        items: [\n          {\n            id: 1,\n            title: \"Poradenstvo v oblasti digitaliz\u00e1cie\",\n            content: \"Komplexn\u00e9 softv\u00e9rov\u00e9 rie\u0161enia na mieru\",\n          },\n          {\n            id: 2,\n            title: \"Softv\u00e9r na mieru\",\n            content: \"Rie\u0161enia prisp\u00f4soben\u00e9 va\u0161im potreb\u00e1m a odvetviu\",\n          },\n          {\n            id: 3,\n            title: \"Spr\u00e1va \u017eivotn\u00e9ho cyklu softv\u00e9ru\",\n            content: \"Spo\u013eahliv\u00e1 podpora od za\u010diatku a\u017e do konca\",\n          },\n          {\n            id: 4,\n            title: \"Optimaliz\u00e1cia aplik\u00e1ci\u00ed\",\n            content: \"Maximaliz\u00e1cia v\u00fdkonu pre udr\u017eate\u013en\u00fd \u00faspech\",\n          },\n        ],\n\n        updateBigSquare: function (id) {\n          const item = this.items.find((item) => item.id === id);\n          if (item) {\n            const content = document.getElementById(\"services-slider-content\");\n            content.style.opacity = \"0\";\n            content.style.transform = \"translateY(10px)\";\n            setTimeout(() => {\n              content.textContent = item.content;\n              content.style.opacity = \"1\";\n              content.style.transform = \"translateY(0)\";\n            }, 200);\n\n            document.getElementById(\"services-slider-link\").href = this.link;\n            document\n              .querySelectorAll(\"#services-slider .small-square\")\n              .forEach((square) => {\n                square.classList.remove(\"active\");\n              });\n            document\n              .querySelector(`#services-slider [data-id=\"${id}\"]`)\n              .classList.add(\"active\");\n            this.currentIndex = this.items.findIndex((item) => item.id === id);\n\n            if (!this.isPaused) {\n              this.resetAutoSwitch();\n            }\n          }\n        },\n\n        autoSwitch: function () {\n          this.currentIndex = (this.currentIndex + 1) % this.items.length;\n          this.updateBigSquare(this.items[this.currentIndex].id);\n        },\n\n        resetAutoSwitch: function () {\n          clearInterval(this.autoSwitchTimer);\n          this.autoSwitchTimer = setInterval(\n            () => this.autoSwitch(),\n            this.autoSwitchInterval\n          );\n        },\n\n        initializePauseButton: function () {\n          const pausePlayBtn = document.getElementById(\"pause-play-btn\");\n\n          const pauseIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-pause\" viewBox=\"0 0 16 16\">\n              <path d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\/>\n            <\/svg>`;\n\n          const playIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-play-fill\" viewBox=\"0 0 16 16\">\n              <path d=\"m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393\"\/>\n            <\/svg>`;\n\n          pausePlayBtn.innerHTML = pauseIcon;\n\n          pausePlayBtn.addEventListener(\"click\", () => {\n            if (this.autoSwitchTimer) {\n              clearInterval(this.autoSwitchTimer);\n              this.autoSwitchTimer = null;\n              this.isPaused = true;\n              pausePlayBtn.innerHTML = playIcon;\n            } else {\n              this.autoSwitchTimer = setInterval(() => {\n                this.autoSwitch();\n              }, this.autoSwitchInterval);\n              this.isPaused = false;\n              pausePlayBtn.innerHTML = pauseIcon;\n            }\n          });\n        },\n\n        initialize: function () {\n          document.getElementById(\"services-slider-title\").textContent =\n            this.mainTitle;\n          document.getElementById(\"services-slider-link\").href = this.link;\n\n          const gridContainer = document.getElementById(\"services-slider-grid\");\n          this.items.forEach((item, index) => {\n            const square = document.createElement(\"div\");\n            square.className = \"small-square\";\n            square.style.animationDelay = `${index * 0.1}s`;\n            square.textContent = item.title;\n            square.dataset.id = item.id;\n            square.onclick = () => this.updateBigSquare(item.id);\n            gridContainer.appendChild(square);\n          });\n\n          this.updateBigSquare(this.items[0].id);\n          this.resetAutoSwitch();\n          this.initializePauseButton();\n        },\n      };\n\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        if (document.getElementById(\"services-slider\")) {\n          servicesSlider.initialize();\n        }\n      });\n    })();\n  <\/script>\n<\/div><\/div>\n\n\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-28dceedc wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"services-mobile-slider\" class=\"services-mobile-slider-wrapper\">\n  <style>\n    #services-mobile-slider * {\n      font-family: \"Ubuntu\", sans-serif;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      from {\n        transform: scale(0.95);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    #services-mobile-slider .container {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      align-items: center;\n      background: rgba(115, 194, 199, 0.1);\n      \/* padding: 20px; *\/\n    }\n\n    #services-mobile-slider .square-title {\n      font-size: 42px;\n      margin-bottom: 10px;\n      font-weight: 500;\n      color: #3d5b70;\n    }\n\n    #services-mobile-slider .content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 20px;\n      font-size: 18px;\n    }\n\n    #services-mobile-slider #services-mobile-slider-content {\n      min-height: 48px;\n      line-height: 24px;\n      transition: all 0.3s ease-out;\n      animation: fadeIn 0.4s ease-out;\n      font-family: \"Nunito\", sans-serif;\n      font-weight: 400;\n      text-align: center;\n    }\n\n    #services-mobile-slider .learn-more-btn {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      color: white;\n      border: none;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-size: 18px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    #services-mobile-slider .learn-more-btn:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #services-mobile-slider #pause-play-btn-mobile {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      width: 36px;\n      height: 36px;\n      color: white;\n      border: none;\n      border-radius: 18px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: absolute;\n      bottom: -8px;\n      right: -8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #services-mobile-slider #pause-play-btn-mobile:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #services-mobile-slider .small-squares-grid-container {\n      height: 26rem;\n      max-width: 100%;\n      width: fit-content;\n      background: rgba(115, 194, 199, 1);\n      border-radius: 18px;\n      position: relative;\n    }\n\n    #services-mobile-slider .small-squares-grid {\n      height: calc(100% - 50px);\n      width: calc(100% - 50px);\n      padding: 25px;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      grid-gap: 12px;\n    }\n\n    #services-mobile-slider .small-square {\n      background-color: #fff;\n      border-radius: 18px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      text-align: center;\n      padding: 10px;\n      font-size: 18px;\n      font-weight: 300;\n      transition: all 0.3s ease;\n      animation: scaleIn 0.6s ease-out;\n    }\n\n    #services-mobile-slider .small-square:hover {\n      background-color: rgba(204, 238, 238, 1);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #services-mobile-slider .small-square.active {\n      background-color: rgba(166, 225, 227, 1);\n      color: #3d5b70;\n      font-weight: 500;\n      transform: scale(1.05);\n      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n    }\n  <\/style>\n\n  <div class=\"container page-block-padding\">\n    <div\n      class=\"square-title animated slideInUp faster\"\n      id=\"services-mobile-slider-title\"\n    >\n      Na\u0161e slu\u017eby\n    <\/div>\n    <div class=\"small-squares-grid-container\">\n      <div class=\"small-squares-grid\" id=\"services-mobile-slider-grid\"><\/div>\n      <button id=\"pause-play-btn-mobile\" aria-label=\"Pause\">\n        <svg\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          width=\"24\"\n          height=\"24\"\n          fill=\"currentColor\"\n          class=\"bi bi-pause\"\n          viewbox=\"0 0 16 16\"\n        >\n          <path\n            d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\n          \/>\n        <\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"content-wrapper\">\n      <div id=\"services-mobile-slider-content\"><\/div>\n      <a id=\"services-mobile-slider-link\" class=\"learn-more-btn\" href=\"#\"\n        >Zisti viac<\/a\n>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const servicesMobileSlider = {\n        mainTitle: \"Na\u0161e slu\u017eby\",\n        link: \"https:\/\/www.evolit.sk\/our-services\/#it-consulting-mobile\",\n        autoSwitchInterval: 3000,\n        currentIndex: 0,\n        autoSwitchTimer: null,\n        isPaused: false,\n\n        items: [\n          {\n            id: 1,\n            title: \"Poradenstvo v oblasti digitaliz\u00e1cie\",\n            content: \"Komplexn\u00e9 softv\u00e9rov\u00e9 rie\u0161enia na mieru\",\n          },\n          {\n            id: 2,\n            title: \"Softv\u00e9r na mieru\",\n            content: \"Rie\u0161enia prisp\u00f4soben\u00e9 va\u0161im potreb\u00e1m a odvetviu\",\n          },\n          {\n            id: 3,\n            title: \"Spr\u00e1va \u017eivotn\u00e9ho cyklu softv\u00e9ru\",\n            content: \"Spo\u013eahliv\u00e1 podpora od za\u010diatku a\u017e do konca\",\n          },\n          {\n            id: 4,\n            title: \"Optimaliz\u00e1cia aplik\u00e1ci\u00ed\",\n            content: \"Maximaliz\u00e1cia v\u00fdkonu pre udr\u017eate\u013en\u00fd \u00faspech\",\n          },\n        ],\n\n        updateBigSquare: function (id) {\n          const item = this.items.find((item) => item.id === id);\n          if (item) {\n            const content = document.getElementById(\n              \"services-mobile-slider-content\"\n            );\n            content.style.opacity = \"0\";\n            content.style.transform = \"translateY(10px)\";\n\n            setTimeout(() => {\n              content.textContent = item.content;\n              content.style.opacity = \"1\";\n              content.style.transform = \"translateY(0)\";\n            }, 200);\n\n            document.getElementById(\"services-mobile-slider-link\").href =\n              this.link;\n\n            document\n              .querySelectorAll(\"#services-mobile-slider .small-square\")\n              .forEach((square) => {\n                square.classList.remove(\"active\");\n              });\n            document\n              .querySelector(`#services-mobile-slider [data-id=\"${id}\"]`)\n              .classList.add(\"active\");\n\n            this.currentIndex = this.items.findIndex((item) => item.id === id);\n            if (!this.isPaused) {\n              this.resetAutoSwitch();\n            }\n          }\n        },\n\n        autoSwitch: function () {\n          this.currentIndex = (this.currentIndex + 1) % this.items.length;\n          this.updateBigSquare(this.items[this.currentIndex].id);\n        },\n\n        resetAutoSwitch: function () {\n          clearInterval(this.autoSwitchTimer);\n          this.autoSwitchTimer = setInterval(\n            () => this.autoSwitch(),\n            this.autoSwitchInterval\n          );\n        },\n\n        initializePauseButton: function () {\n          const pausePlayBtn = document.getElementById(\"pause-play-btn-mobile\");\n\n          const pauseIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-pause\" viewBox=\"0 0 16 16\">\n              <path d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\/>\n            <\/svg>`;\n\n          const playIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-play-fill\" viewBox=\"0 0 16 16\">\n              <path d=\"m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393\"\/>\n            <\/svg>`;\n\n          pausePlayBtn.innerHTML = pauseIcon;\n\n          pausePlayBtn.addEventListener(\"click\", () => {\n            if (this.autoSwitchTimer) {\n              clearInterval(this.autoSwitchTimer);\n              this.autoSwitchTimer = null;\n              this.isPaused = true;\n              pausePlayBtn.innerHTML = playIcon;\n            } else {\n              this.autoSwitchTimer = setInterval(() => {\n                this.autoSwitch();\n              }, this.autoSwitchInterval);\n              this.isPaused = false;\n              pausePlayBtn.innerHTML = pauseIcon;\n            }\n          });\n        },\n\n        initialize: function () {\n          document.getElementById(\"services-mobile-slider-title\").textContent =\n            this.mainTitle;\n          document.getElementById(\"services-mobile-slider-link\").href =\n            this.link;\n\n          const gridContainer = document.getElementById(\n            \"services-mobile-slider-grid\"\n          );\n          this.items.forEach((item, index) => {\n            const square = document.createElement(\"div\");\n            square.className = \"small-square\";\n            square.style.animationDelay = `${index * 0.1}s`;\n            square.textContent = item.title;\n            square.dataset.id = item.id;\n            square.onclick = () => this.updateBigSquare(item.id);\n            gridContainer.appendChild(square);\n          });\n\n          this.updateBigSquare(this.items[0].id);\n          this.resetAutoSwitch();\n          this.initializePauseButton();\n        },\n      };\n\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        if (document.getElementById(\"services-mobile-slider\")) {\n          servicesMobileSlider.initialize();\n        }\n      });\n    })();\n  <\/script>\n<\/div><\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-tablet extendedwopts-mobile wp-block-group o-anim-value-speed-1s page-block-padding has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-14bd75c7 wp-block-group-is-layout-flex\" style=\"background-color:#fae8d5;margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading animated slideInUp faster has-text-color has-link-color has-ubuntu-font-family\" style=\"color:#5c6368;font-size:68px; font-weight: 500; text-align: center;\">Na\u0161e pracovn\u00e9 princ\u00edpy<\/h2>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-24eada54 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0\">\n<div class=\"wp-block-group animated zoomIn faster our-principles-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/verified_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Quality icon\" class=\"wp-image-1194\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-nunito-font-family wp-elements-0fd72c003400b938c5f241ac5cf123b6\" style=\"color:#5c6368;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">Kvalita<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/emoji_objects_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Innovation icon\" class=\"wp-image-1195\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-a9623ce14cd45209a75b02e0ea4fdabc\" style=\"color:#5c6368\">Inov\u00e1cia<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/diversity_3_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Teamwork icon\" class=\"wp-image-1196\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-4b467ce122cd17fb5ab7196f1a633d61\" style=\"color:#5c6368\">T\u00edmov\u00e1 pr\u00e1ca<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/credit_score_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Budget icon\" class=\"wp-image-1197\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-fe6034bc587e9dcef600e478d4d02abe\" style=\"color:#5c6368\">Rozpo\u010det<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/event_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Deadline icon\" class=\"wp-image-1198\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-6e84667fa963d99b3ec165c0c4bbfbd9\" style=\"color:#5c6368\">Term\u00edn<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group o-anim-value-speed-1s page-block-padding has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-b8c7ecd4 wp-block-group-is-layout-flex\" style=\"background-color:#fae8d5;margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading animated slideInUp faster has-text-color has-link-color has-ubuntu-font-family\" style=\"color:#5c6368;font-size:42px; font-weight: 500; text-align: center;\">Na\u0161e pracovn\u00e9 princ\u00edpy<\/h2>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8ca27fd8 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-bcde1d39 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group animated zoomIn faster our-principles-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/verified_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Quality icon\" class=\"wp-image-1194\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-nunito-font-family wp-elements-0fd72c003400b938c5f241ac5cf123b6\" style=\"color:#5c6368;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);\">Kvalita<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/emoji_objects_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Innovation icon\" class=\"wp-image-1195\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-a9623ce14cd45209a75b02e0ea4fdabc\" style=\"color:#5c6368\">Inov\u00e1cia<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-bcde1d39 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group animated zoomIn faster our-principles-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/diversity_3_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Teamwork icon\" class=\"wp-image-1196\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-4b467ce122cd17fb5ab7196f1a633d61\" style=\"color:#5c6368\">T\u00edmov\u00e1 pr\u00e1ca<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/credit_score_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Budget icon\" class=\"wp-image-1197\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-fe6034bc587e9dcef600e478d4d02abe\" style=\"color:#5c6368\">Rozpo\u010det<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster our-principles-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/event_24dp_868789_FILL0_wght400_GRAD0_opsz24.svg\" alt=\"Deadline icon\" class=\"wp-image-1198\" style=\"width:auto;height:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-6e84667fa963d99b3ec165c0c4bbfbd9\" style=\"color:#5c6368\">Term\u00edn<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-tablet extendedwopts-mobile wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-28dceedc wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"career-slider\" class=\"career-slider-wrapper\">\n  <style>\n    #career-slider * {\n      font-family: \"Ubuntu\", sans-serif;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      from {\n        transform: scale(0.95);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    #career-slider .container {\n      display: flex;\n      gap: 20px;\n      justify-content: center;\n      align-items: flex-start;\n      background: rgba(115, 194, 199, 0.1);\n      \/* padding: 7rem 6vw; *\/\n    }\n\n    #career-slider .big-square {\n      width: 30rem;\n      height: 30rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      font-size: 28px;\n    }\n\n    #career-slider .square-title {\n      font-size: 68px;\n      margin-bottom: 10px;\n      font-weight: 500;\n      color: #3d5b70;\n    }\n\n    #career-slider .content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 20px;\n    }\n\n    #career-slider #career-slider-content {\n      min-height: 80px;\n      transition: all 0.3s ease-out;\n      animation: fadeIn 0.4s ease-out;\n      font-family: \"Nunito\", sans-serif;\n      font-weight: 400;\n      line-height: 1.4;\n    }\n\n    #career-slider .learn-more-btn {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      color: white;\n      border: none;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-size: 18px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    #career-slider .learn-more-btn:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #career-slider #pause-play-btn-career {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      width: 36px;\n      height: 36px;\n      color: white;\n      border: none;\n      border-radius: 18px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: absolute;\n      bottom: -8px;\n      right: -8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #career-slider #pause-play-btn-career:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #career-slider .small-squares-grid-container {\n      height: 26rem;\n      width: 39rem;\n      padding: 2rem;\n      background: rgba(115, 194, 199, 1);\n      border-radius: 18px;\n      position: relative;\n    }\n\n    #career-slider .small-squares-grid {\n      height: 100%;\n      width: 100%;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      grid-template-rows: repeat(2, 1fr);\n      grid-gap: 12px;\n    }\n\n    #career-slider .small-square {\n      background-color: #fff;\n      border-radius: 18px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      text-align: center;\n      padding: 10px;\n      font-size: 24px;\n      font-weight: 300;\n      transition: all 0.3s ease;\n      animation: scaleIn 0.6s ease-out;\n    }\n\n    #career-slider .small-square:hover {\n      background-color: rgba(204, 238, 238, 1);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #career-slider .small-square.active {\n      background-color: rgba(166, 225, 227, 1);\n      color: #3d5b70;\n      font-weight: 500;\n      transform: scale(1.05);\n      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n    }\n  <\/style>\n\n  <div class=\"container page-block-padding\">\n    <div class=\"big-square\">\n      <div\n        class=\"square-title animated slideInUp faster\"\n        id=\"career-slider-title\"\n      >\n        Kari\u00e9ra\n      <\/div>\n      <div class=\"content-wrapper\">\n        <div id=\"career-slider-content\"><\/div>\n        <a id=\"career-slider-link\" class=\"learn-more-btn\" href=\"#\"\n          >Zisti viac<\/a\n>\n      <\/div>\n    <\/div>\n    <div class=\"small-squares-grid-container\">\n      <div class=\"small-squares-grid\" id=\"career-slider-grid\"><\/div>\n      <button id=\"pause-play-btn-career\" aria-label=\"Pause\">\n        <svg\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          width=\"24\"\n          height=\"24\"\n          fill=\"currentColor\"\n          class=\"bi bi-pause\"\n          viewbox=\"0 0 16 16\"\n        >\n          <path\n            d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\n          \/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const careerSlider = {\n        mainTitle: \"Kari\u00e9ra\",\n        link: \"https:\/\/www.evolit.sk\/sk\/career\/\",\n        autoSwitchInterval: 3000,\n        currentIndex: 0,\n        autoSwitchTimer: null,\n        isPaused: false,\n\n        items: [\n          {\n            id: 1,\n            title: \"Pr\u00edjemn\u00e9 kancel\u00e1rske priestory\",\n            content:\n              \"Modern\u00e9 kancel\u00e1rie, v\u00fdborn\u00e1 k\u00e1va a zabezpe\u010den\u00e9 parkovanie\",\n          },\n          {\n            id: 2,\n            title: \"Pr\u00e1ca na dia\u013eku\",\n            content: \"Na\u0161im zamestnancom poskytujeme mo\u017enos\u0165 pracova\u0165 z domu\",\n          },\n          {\n            id: 3,\n            title: \"\u0160pi\u010dkov\u00e9 vybavenie\",\n            content:\n              \"Na\u0161im zamestnancom poskytujeme prvotriedne technick\u00e9 vybavenie\",\n          },\n          {\n            id: 4,\n            title: \"Dlhodob\u00e1 spolupr\u00e1ca\",\n            content:\n              \"H\u013ead\u00e1me kolegov na dlhodob\u00fa spolupr\u00e1cu, aby sme mohli spolo\u010dne r\u00e1s\u0165\",\n          },\n          {\n            id: 5,\n            title: \"Zauj\u00edmav\u00e9 projekty\",\n            content:\n              \"Pracujeme na zauj\u00edmav\u00fdch projektoch zo z\u00e1padnej Eur\u00f3py a neust\u00e1le h\u013ead\u00e1me nov\u00e9 pr\u00edle\u017eitosti\",\n          },\n          {\n            id: 6,\n            title: \"Zisti viac\",\n            content: \"Sta\u0148 sa s\u00fa\u010das\u0165ou n\u00e1\u0161ho \u00faspechu\",\n          },\n        ],\n\n        updateBigSquare: function (id) {\n          const item = this.items.find((item) => item.id === id);\n          if (item) {\n            const content = document.getElementById(\"career-slider-content\");\n            content.style.opacity = \"0\";\n            content.style.transform = \"translateY(10px)\";\n\n            setTimeout(() => {\n              content.textContent = item.content;\n              content.style.opacity = \"1\";\n              content.style.transform = \"translateY(0)\";\n            }, 200);\n\n            document.getElementById(\"career-slider-link\").href = this.link;\n\n            document\n              .querySelectorAll(\"#career-slider .small-square\")\n              .forEach((square) => {\n                square.classList.remove(\"active\");\n              });\n            document\n              .querySelector(`#career-slider [data-id=\"${id}\"]`)\n              .classList.add(\"active\");\n\n            this.currentIndex = this.items.findIndex((item) => item.id === id);\n            if (!this.isPaused) {\n              this.resetAutoSwitch();\n            }\n          }\n        },\n\n        autoSwitch: function () {\n          this.currentIndex = (this.currentIndex + 1) % this.items.length;\n          this.updateBigSquare(this.items[this.currentIndex].id);\n        },\n\n        resetAutoSwitch: function () {\n          clearInterval(this.autoSwitchTimer);\n          this.autoSwitchTimer = setInterval(\n            () => this.autoSwitch(),\n            this.autoSwitchInterval\n          );\n        },\n\n        initializePauseButton: function () {\n          const pausePlayBtn = document.getElementById(\"pause-play-btn-career\");\n\n          const pauseIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-pause\" viewBox=\"0 0 16 16\">\n              <path d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\/>\n            <\/svg>`;\n\n          const playIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-play-fill\" viewBox=\"0 0 16 16\">\n              <path d=\"m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393\"\/>\n            <\/svg>`;\n\n          pausePlayBtn.innerHTML = pauseIcon;\n\n          pausePlayBtn.addEventListener(\"click\", () => {\n            if (this.autoSwitchTimer) {\n              clearInterval(this.autoSwitchTimer);\n              this.autoSwitchTimer = null;\n              this.isPaused = true;\n              pausePlayBtn.innerHTML = playIcon;\n            } else {\n              this.autoSwitchTimer = setInterval(() => {\n                this.autoSwitch();\n              }, this.autoSwitchInterval);\n              this.isPaused = false;\n              pausePlayBtn.innerHTML = pauseIcon;\n            }\n          });\n        },\n\n        initialize: function () {\n          document.getElementById(\"career-slider-title\").textContent =\n            this.mainTitle;\n          document.getElementById(\"career-slider-link\").href = this.link;\n\n          const gridContainer = document.getElementById(\"career-slider-grid\");\n          this.items.forEach((item, index) => {\n            const square = document.createElement(\"div\");\n            square.className = \"small-square\";\n            square.style.animationDelay = `${index * 0.1}s`;\n            square.textContent = item.title;\n            square.dataset.id = item.id;\n            square.onclick = () => this.updateBigSquare(item.id);\n            gridContainer.appendChild(square);\n          });\n\n          this.updateBigSquare(this.items[0].id);\n          this.resetAutoSwitch();\n          this.initializePauseButton();\n        },\n      };\n\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        if (document.getElementById(\"career-slider\")) {\n          careerSlider.initialize();\n        }\n      });\n    })();\n  <\/script>\n<\/div><\/div>\n\n\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-d9b25ee7 wp-block-group-is-layout-constrained\" style=\"margin-top:0rem;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"career-mobile-slider\" class=\"career-mobile-slider-wrapper\">\n  <style>\n    #career-mobile-slider * {\n      font-family: \"Ubuntu\", sans-serif;\n    }\n\n    @keyframes fadeIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes scaleIn {\n      from {\n        transform: scale(0.95);\n        opacity: 0;\n      }\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n\n    #career-mobile-slider .container {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      align-items: center;\n      background: rgba(115, 194, 199, 0.1);\n      \/* padding: 20px; *\/\n    }\n\n    #career-mobile-slider .square-title {\n      font-size: 42px;\n      margin-bottom: 10px;\n      font-weight: 500;\n      color: #3d5b70;\n    }\n\n    #career-mobile-slider .content-wrapper {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 20px;\n      font-size: 18px;\n    }\n\n    #career-mobile-slider #career-mobile-slider-content {\n      min-height: 48px;\n      line-height: 24px;\n      transition: all 0.3s ease-out;\n      animation: fadeIn 0.4s ease-out;\n      font-family: \"Nunito\", sans-serif;\n      font-weight: 400;\n      text-align: center;\n    }\n\n    #career-mobile-slider .learn-more-btn {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      color: white;\n      border: none;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-size: 18px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      transition: all 0.3s ease;\n    }\n\n    #career-mobile-slider .learn-more-btn:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #career-mobile-slider #pause-play-btn-mobile-career {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #3d5b70;\n      width: 36px;\n      height: 36px;\n      color: white;\n      border: none;\n      border-radius: 18px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      position: absolute;\n      bottom: -8px;\n      right: -8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #career-mobile-slider #pause-play-btn-mobile-career:hover {\n      background-color: #334766;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #career-mobile-slider .small-squares-grid-container {\n      height: 26rem;\n      max-width: 100%;\n      width: fit-content;\n      background: rgba(115, 194, 199, 1);\n      border-radius: 18px;\n      position: relative;\n    }\n\n    #career-mobile-slider .small-squares-grid {\n      height: calc(100% - 50px);\n      width: calc(100% - 50px);\n      padding: 25px;\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: repeat(3, 1fr);\n      grid-gap: 12px;\n    }\n\n    #career-mobile-slider .small-square {\n      background-color: #fff;\n      border-radius: 18px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      cursor: pointer;\n      text-align: center;\n      padding: 10px;\n      font-size: 18px;\n      font-weight: 300;\n      transition: all 0.3s ease;\n      animation: scaleIn 0.6s ease-out;\n    }\n\n    #career-mobile-slider .small-square:hover {\n      background-color: rgba(204, 238, 238, 1);\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    #career-mobile-slider .small-square.active {\n      background-color: rgba(166, 225, 227, 1);\n      color: #3d5b70;\n      font-weight: 500;\n      transform: scale(1.05);\n      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);\n    }\n  <\/style>\n\n  <div class=\"container page-block-padding\">\n    <div\n      class=\"square-title animated slideInUp faster\"\n      id=\"career-mobile-slider-title\"\n    >\n      Kari\u00e9ra\n    <\/div>\n    <div class=\"small-squares-grid-container\">\n      <div class=\"small-squares-grid\" id=\"career-mobile-slider-grid\"><\/div>\n      <button id=\"pause-play-btn-mobile-career\" aria-label=\"Pause\">\n        <svg\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          width=\"24\"\n          height=\"24\"\n          fill=\"currentColor\"\n          class=\"bi bi-pause\"\n          viewbox=\"0 0 16 16\"\n        >\n          <path\n            d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\n          \/>\n        <\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"content-wrapper\">\n      <div id=\"career-mobile-slider-content\"><\/div>\n      <a id=\"career-mobile-slider-link\" class=\"learn-more-btn\" href=\"#\"\n        >Zisti viac<\/a\n>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      const careerMobileSlider = {\n        mainTitle: \"Kari\u00e9ra\",\n        link: \"https:\/\/www.evolit.sk\/sk\/career\/\",\n        autoSwitchInterval: 3000,\n        currentIndex: 0,\n        autoSwitchTimer: null,\n        isPaused: false,\n\n        items: [\n          {\n            id: 1,\n            title: \"Pr\u00edjemn\u00e9 kancel\u00e1rske priestory\",\n            content:\n              \"Modern\u00e9 kancel\u00e1rie, v\u00fdborn\u00e1 k\u00e1va a zabezpe\u010den\u00e9 parkovanie\",\n          },\n          {\n            id: 2,\n            title: \"Pr\u00e1ca na dia\u013eku\",\n            content: \"Na\u0161im zamestnancom poskytujeme mo\u017enos\u0165 pracova\u0165 z domu\",\n          },\n          {\n            id: 3,\n            title: \"\u0160pi\u010dkov\u00e9 vybavenie\",\n            content:\n              \"Na\u0161im zamestnancom poskytujeme prvotriedne technick\u00e9 vybavenie\",\n          },\n          {\n            id: 4,\n            title: \"Dlhodob\u00e1 spolupr\u00e1ca\",\n            content:\n              \"H\u013ead\u00e1me kolegov na dlhodob\u00fa spolupr\u00e1cu, aby sme mohli spolo\u010dne r\u00e1s\u0165\",\n          },\n          {\n            id: 5,\n            title: \"Zauj\u00edmav\u00e9 projekty\",\n            content:\n              \"Pracujeme na zauj\u00edmav\u00fdch projektoch zo z\u00e1padnej Eur\u00f3py a neust\u00e1le h\u013ead\u00e1me nov\u00e9 pr\u00edle\u017eitosti\",\n          },\n          {\n            id: 6,\n            title: \"Zisti viac\",\n            content: \"Sta\u0148 sa s\u00fa\u010das\u0165ou n\u00e1\u0161ho \u00faspechu\",\n          },\n        ],\n\n        updateBigSquare: function (id) {\n          const item = this.items.find((item) => item.id === id);\n          if (item) {\n            const content = document.getElementById(\n              \"career-mobile-slider-content\"\n            );\n            content.style.opacity = \"0\";\n            content.style.transform = \"translateY(10px)\";\n\n            setTimeout(() => {\n              content.textContent = item.content;\n              content.style.opacity = \"1\";\n              content.style.transform = \"translateY(0)\";\n            }, 200);\n\n            document.getElementById(\"career-mobile-slider-link\").href =\n              this.link;\n\n            document\n              .querySelectorAll(\"#career-mobile-slider .small-square\")\n              .forEach((square) => {\n                square.classList.remove(\"active\");\n              });\n            document\n              .querySelector(`#career-mobile-slider [data-id=\"${id}\"]`)\n              .classList.add(\"active\");\n\n            this.currentIndex = this.items.findIndex((item) => item.id === id);\n            if (!this.isPaused) {\n              this.resetAutoSwitch();\n            }\n          }\n        },\n\n        autoSwitch: function () {\n          this.currentIndex = (this.currentIndex + 1) % this.items.length;\n          this.updateBigSquare(this.items[this.currentIndex].id);\n        },\n\n        resetAutoSwitch: function () {\n          clearInterval(this.autoSwitchTimer);\n          this.autoSwitchTimer = setInterval(\n            () => this.autoSwitch(),\n            this.autoSwitchInterval\n          );\n        },\n\n        initializePauseButton: function () {\n          const pausePlayBtn = document.getElementById(\"pause-play-btn-mobile-career\");\n\n          const pauseIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-pause\" viewBox=\"0 0 16 16\">\n              <path d=\"M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\"\/>\n            <\/svg>`;\n\n          const playIcon = `\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" class=\"bi bi-play-fill\" viewBox=\"0 0 16 16\">\n              <path d=\"m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393\"\/>\n            <\/svg>`;\n\n          pausePlayBtn.innerHTML = pauseIcon;\n\n          pausePlayBtn.addEventListener(\"click\", () => {\n            if (this.autoSwitchTimer) {\n              clearInterval(this.autoSwitchTimer);\n              this.autoSwitchTimer = null;\n              this.isPaused = true;\n              pausePlayBtn.innerHTML = playIcon;\n            } else {\n              this.autoSwitchTimer = setInterval(() => {\n                this.autoSwitch();\n              }, this.autoSwitchInterval);\n              this.isPaused = false;\n              pausePlayBtn.innerHTML = pauseIcon;\n            }\n          });\n        },\n\n        initialize: function () {\n          document.getElementById(\"career-mobile-slider-title\").textContent =\n            this.mainTitle;\n          document.getElementById(\"career-mobile-slider-link\").href = this.link;\n\n          const gridContainer = document.getElementById(\n            \"career-mobile-slider-grid\"\n          );\n          this.items.forEach((item, index) => {\n            const square = document.createElement(\"div\");\n            square.className = \"small-square\";\n            square.style.animationDelay = `${index * 0.1}s`;\n            square.textContent = item.title;\n            square.dataset.id = item.id;\n            square.onclick = () => this.updateBigSquare(item.id);\n            gridContainer.appendChild(square);\n          });\n\n          this.updateBigSquare(this.items[0].id);\n          this.resetAutoSwitch();\n          this.initializePauseButton();\n        },\n      };\n\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        if (document.getElementById(\"career-mobile-slider\")) {\n          careerMobileSlider.initialize();\n        }\n      });\n    })();\n  <\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-72190d31 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"tech-stack-home\" class=\"tech-stack-home-wrapper page-block-padding\">\n  <style>\n    \/* @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Ubuntu:wght@300;400;500;700&family=Nunito:wght@300;400;500;600;700&display=swap\"); *\/\n\n    \/* DISABLE FOR WORDPRESS - START *\/\n    \/* .page-block-padding {\n      padding: 7rem 6vw !important;\n    }\n\n    @media screen and (min-width: 1920px) {\n      .page-block-padding {\n        padding: 7rem 20vw !important;\n      }\n    }\n\n    .font-size-18 {\n      font-size: 18px !important;\n    }\n    .font-weight-500 {\n      font-weight: 500 !important;\n    } *\/\n    \/* DISABLE FOR WORDPRESS - END *\/\n\n    .technology-stack-home-title {\n      font-size: 68px !important;\n    }\n\n    .technology-stack-home-subtitle {\n      font-size: 28px !important;\n    }\n\n    .technology-stack-home-card-title {\n      font-size: 20px !important;\n    }\n\n    .technology-stack-home-button {\n      font-size: 18px !important;\n    }\n\n    @media screen and (max-width: 1024px) {\n      .technology-stack-home-title {\n        font-size: 42px !important;\n      }\n      .technology-stack-home-subtitle {\n        font-size: 18px !important;\n      }\n      .technology-stack-home-card-title {\n        font-size: 18px !important;\n      }\n      .technology-stack-home-button {\n        font-size: 16px !important;\n      }\n    }\n\n    #tech-stack-home {\n      --tech-stack-home-text-color: #5c6368;\n      --tech-stack-home-card-bg: white;\n      --tech-stack-home-border-radius: 18px;\n      --tech-stack-home-shadow-light: 0 4px 15px rgba(0, 0, 0, 0.1);\n      --tech-stack-home-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);\n      --tech-stack-home-transition-fast: 0.3s ease;\n    }\n\n    #tech-stack-home * {\n      font-family: \"Ubuntu\", sans-serif;\n    }\n\n    #tech-stack-home {\n      background: #fae8d5;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    #tech-stack-home .section-title {\n      color: var(--tech-stack-home-text-color);\n      margin-bottom: 1.5rem;\n    }\n\n    #tech-stack-home .section-subtitle {\n      color: var(--tech-stack-home-text-color);\n      margin-bottom: 3rem;\n      opacity: 0.8;\n      line-height: 1.5;\n      max-width: 60vw;\n    }\n\n    #tech-stack-home .technologies-grid {\n      display: grid;\n      width: fit-content;\n      justify-self: center;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 1.5rem;\n      margin-bottom: 3rem;\n    }\n\n    #tech-stack-home .tech-card {\n      background: var(--tech-stack-home-card-bg);\n      border-radius: var(--tech-stack-home-border-radius);\n      padding: 2rem 1rem;\n      transition: all var(--tech-stack-home-transition-fast);\n      box-shadow: var(--tech-stack-home-shadow-light);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #tech-stack-home .tech-card:hover {\n      transform: translateY(-5px);\n      box-shadow: var(--tech-stack-home-shadow-hover);\n    }\n\n    #tech-stack-home .tech-card-title {\n      color: var(--tech-stack-home-text-color);\n      margin: 0;\n    }\n\n    \/* Top row - Angular, Java, .NET each span 2 columns *\/\n    #tech-stack-home .tech-card:nth-child(1),\n    #tech-stack-home .tech-card:nth-child(2),\n    #tech-stack-home .tech-card:nth-child(3) {\n      width: 12rem;\n      max-width: 20vw;\n      grid-column: span 2;\n    }\n\n    \/* Bottom row - Oracle Database, SQL Server each span 3 columns *\/\n    #tech-stack-home .tech-card:nth-child(4),\n    #tech-stack-home .tech-card:nth-child(5) {\n      grid-column: span 3;\n    }\n\n    #tech-stack-home .cta-button {\n      font-family: \"Nunito\", sans-serif;\n      background-color: #5c6368;\n      color: white;\n      border: none;\n      padding: 12px 24px;\n      border-radius: 4px;\n      font-size: 18px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      display: inline-block;\n    }\n\n    #tech-stack-home .cta-button:hover {\n      background-color: #4a5056;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    @media screen and (max-width: 768px) {\n      #tech-stack-home .technologies-grid {\n        gap: 1rem;\n      }\n\n      #tech-stack-home .tech-card {\n        padding: 1rem 0.5rem;\n      }\n    }\n  <\/style>\n\n  <div\n    class=\"section-title technology-stack-home-title font-weight-500 animated slideInUp faster\"\n  >\n    N\u00e1\u0161 technologick\u00fd stack\n  <\/div>\n\n  <div\n    class=\"section-subtitle technology-stack-home-subtitle animated slideInUp faster\"\n  >\n    Pou\u017e\u00edvame tieto osved\u010den\u00e9 technol\u00f3gie na vytv\u00e1ranie spo\u013eahliv\u00e9ho softv\u00e9ru,<br \/>\n    ktor\u00fd je pripraven\u00fd na bud\u00facnos\u0165.\n  <\/div>\n\n  <div class=\"technologies-grid\">\n    <div class=\"tech-card animated zoomIn faster\">\n      <h3\n        class=\"tech-card-title technology-stack-home-card-title font-weight-500\"\n      >\n        Angular\n      <\/h3>\n    <\/div>\n\n    <div class=\"tech-card animated zoomIn faster\">\n      <h3\n        class=\"tech-card-title technology-stack-home-card-title font-weight-500\"\n      >\n        Java\n      <\/h3>\n    <\/div>\n\n    <div class=\"tech-card animated zoomIn faster\">\n      <h3\n        class=\"tech-card-title technology-stack-home-card-title font-weight-500\"\n      >\n        .NET\n      <\/h3>\n    <\/div>\n\n    <div class=\"tech-card animated zoomIn faster\">\n      <h3\n        class=\"tech-card-title technology-stack-home-card-title font-weight-500\"\n      >\n        Datab\u00e1za Oracle\n      <\/h3>\n    <\/div>\n\n    <div class=\"tech-card animated zoomIn faster\">\n      <h3\n        class=\"tech-card-title technology-stack-home-card-title font-weight-500\"\n      >\n        SQL Server\n      <\/h3>\n    <\/div>\n  <\/div>\n\n  <a\n    href=\"\/sk\/our-services\/#our-technology-stack\"\n    class=\"cta-button technology-stack-home-button font-weight-500\"\n  >\n    Pre\u010do tieto technol\u00f3gie?\n  <\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-tablet extendedwopts-mobile extendedwopts-desktop wp-block-group o-anim-value-speed-1s has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-14bd75c7 wp-block-group-is-layout-flex\" style=\"background-color:#fae8d5;margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading animated slideInUp faster has-text-color has-link-color has-ubuntu-font-family\" style=\"color:#5c6368;font-size:68px; font-weight: 500; text-align: center;\">N\u00e1\u0161 technologick\u00fd stack<\/h2>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-24eada54 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0\">\n<div class=\"wp-block-group animated zoomIn faster technology-stack-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1920\" height=\"1920\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient.png\" alt=\"Angular icon\" class=\"wp-image-1324\" style=\"width:60px\" srcset=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient.png 1920w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-300x300.png 300w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-1024x1024.png 1024w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-150x150.png 150w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-768x768.png 768w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-1536x1536.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-55c0de672e92de36cc0d61596b9e2394\" style=\"color:#5c6368\">Angular<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster technology-stack-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/4373217_java_logo_logos_icon.svg\" alt=\"Java icon\" class=\"wp-image-1325\" style=\"width:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-bf6685bf5b8941da3b88699adf949caf\" style=\"color:#5c6368\">Java<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster technology-stack-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/Microsoft_.NET_logo.svg\" alt=\".NET icon\" class=\"wp-image-1326\" style=\"width:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-27e6cebc08a39a8664f56e239eea6374\" style=\"color:#5c6368\">.NET<\/p>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-group animated zoomIn faster technology-stack-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/06\/programmer-computer-icon-gray.svg\" alt=\"\" class=\"wp-image-2506\" style=\"width:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-d345bb948cea0e3f440f711f663e9dfc\" style=\"color:#5c6368\">Oracle<\/p>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-group animated zoomIn faster technology-stack-item has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/06\/programmer-computer-icon-gray.svg\" alt=\"\" class=\"wp-image-2506\" style=\"width:60px\"\/><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-77070ec3aae413684cd2628993b0ab22\" style=\"color:#5c6368\">SQL Server<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-group o-anim-value-speed-1s has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-b8c7ecd4 wp-block-group-is-layout-flex\" style=\"background-color:#fae8d5;margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading animated slideInUp faster has-text-color has-link-color has-ubuntu-font-family\" style=\"color:#5c6368;font-size:42px; font-weight: 500; text-align: center;\">N\u00e1\u0161 technologick\u00fd stack<\/h2>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-23f3e802 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-bcde1d39 wp-block-group-is-layout-flex\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group animated zoomIn faster technology-stack-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"extendedwopts-hide extendedwopts-desktop extendedwopts-tablet extendedwopts-mobile wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/4373217_java_logo_logos_icon.svg\" alt=\"Java icon\" class=\"wp-image-1325\" style=\"width:60px\"\/><\/figure>\n\n\n\n<p class=\"has-custom-dunkelgrau-color has-text-color has-link-color has-medium-font-size wp-elements-565f94056ac7f2083e1cdf7f90900f61\">Java<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster technology-stack-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1920\" height=\"1920\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient.png\" alt=\"Angular icon\" class=\"wp-image-1324\" style=\"width:60px\" srcset=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient.png 1920w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-300x300.png 300w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-1024x1024.png 1024w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-150x150.png 150w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-768x768.png 768w, https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/angular_gradient-1536x1536.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p class=\"has-custom-dunkelgrau-color has-text-color has-link-color has-medium-font-size wp-elements-2cb16a6e70b554f0681cf523014a56e6\">Angular<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group animated zoomIn faster technology-stack-item-mobile has-base-background-color has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-db2364fe wp-block-group-is-layout-flex\" style=\"border-radius:18px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/12\/Microsoft_.NET_logo.svg\" alt=\".NET icon\" class=\"wp-image-1326\" style=\"width:60px\"\/><\/figure>\n\n\n\n<p class=\"has-custom-dunkelgrau-color has-text-color has-link-color has-medium-font-size wp-elements-39e88709483414007e941c85aedd3c30\">.NET<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-mobile extendedwopts-tablet wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-481dc8fc wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"about-us\">\n  <style>\n    #about-us {\n      padding: 7rem 6vw;\n      background: rgba(115, 194, 199, 0.1);\n    }\n\n    @media screen and (min-width: 1920px) {\n      #about-us {\n        padding: 7rem 20vw;\n      }\n    }\n\n    .about-us-content {\n      display: grid;\n      grid-template-columns: 1fr 2fr;\n      gap: 3rem;\n    }\n\n    .main-image {\n      max-height: 40rem;\n      width: auto;\n      max-width: 100%;\n      object-fit: cover;\n      margin-bottom: 1rem;\n    }\n\n    .about-us-text {\n      text-align: justify;\n      \/* padding: 0 6rem 0 3rem; *\/\n    }\n\n    .about-us-text h2 {\n      margin: 0;\n      margin-bottom: 10px;\n      color: #3d5b70;\n      font-size: 68px;\n      font-weight: 500;\n      text-align: center;\n    }\n\n    .about-us-text p {\n    }\n\n    .bottom-images {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.5rem;\n    }\n\n    .bottom-image {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  <\/style>\n\n  <div class=\"about-us-content\">\n    <div class=\"main-image-container animated zoomIn faster\">\n      <img decoding=\"async\"\n        src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/11\/DSC_0061_2-scaled.jpg\"\n        alt=\"Modern office interior with autumn view\"\n        class=\"main-image\"\n      \/>\n    <\/div>\n    <div class=\"about-us-text\">\n      <h2 class=\"animated slideInUp faster has-ubuntu-font-family\">\n        O n\u00e1s\n      <\/h2>\n      <p class=\"animated slideInUp faster\">\n        Sme mlad\u00e1, r\u00fdchlo rast\u00faca firma s\u00eddliaca v kr\u00e1snom prostred\u00ed pod Vysok\u00fdmi Tatrami. Ako slovensk\u00e1 pobo\u010dka rak\u00faskeho software housu si u\u017e\u00edvame nielen n\u00e1dhern\u00e9 v\u00fdh\u013eady, ale aj skvel\u00e9 pr\u00edle\u017eitosti pos\u00fava\u0165 hranice technol\u00f3gi\u00ed.\n      <\/p>\n      <p class=\"animated slideInUp faster\">\n        V Evolite dod\u00e1vame praktick\u00e9 rie\u0161enia na optimaliz\u00e1ciu logistiky, zlep\u0161enie mobility a zefekt\u00edvnenie verejnej dopravy prostredn\u00edctvom najmodernej\u0161ieho softv\u00e9ru prisp\u00f4soben\u00e9ho potreb\u00e1m na\u0161ich klientov. Kombin\u00e1ciou modernej technol\u00f3gie s dizajnom zameran\u00fdm na pou\u017e\u00edvate\u013ea prin\u00e1\u0161ame inov\u00e1cie a efektivitu do ka\u017ed\u00e9ho projektu.\n      <\/p>\n      <p class=\"animated slideInUp faster\">\n        We&#8217;re not a typical corporation. Responding to our colleagues&#8217; requests\n        quickly and helpfully is very important to us. A pleasant working\n        environment, friendly relationships and open communication are an\n        important part of our company.\n      <\/p>\n      <p class=\"animated slideInUp faster\">\n        S nad\u0161en\u00edm sa p\u00fa\u0161\u0165ame do nov\u00fdch v\u00fdziev a h\u013ead\u00e1me inovat\u00edvne projekty, ktor\u00e9 podporuj\u00fa rast a kreativitu. \u010ci u\u017e h\u013ead\u00e1te spo\u013eahliv\u00e9ho partnera pre v\u00e1\u0161 \u010fal\u0161\u00ed projekt alebo m\u00e1te z\u00e1ujem pripoji\u0165 sa k n\u00e1\u0161mu t\u00edmu talentovan\u00fdch softv\u00e9rov\u00fdch v\u00fdvoj\u00e1rov, budeme radi, ak n\u00e1s kontaktujete!\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"bottom-images\">\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/06\/DSCF2761.jpg.webp\"\n      alt=\"Modern office building exterior\"\n      class=\"bottom-image animated zoomIn faster\"\n    \/>\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/11\/DSC_0401_1-1024x681.jpg\"\n      alt=\"Creative office hallway\"\n      class=\"bottom-image animated zoomIn faster\"\n    \/>\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/11\/DSC_0079_2-1024x681.jpg\"\n      alt=\"Modern workspace setup\"\n      class=\"bottom-image animated zoomIn faster\"\n    \/>\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-481dc8fc wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"about-us-mobile\">\n  <style>\n    #about-us-mobile {\n      padding: 7rem 6vw;\n      background: rgba(115, 194, 199, 0.1);\n    }\n\n    .about-us-text-mobile {\n      text-align: justify;\n      margin-bottom: 3rem;\n    }\n\n    .about-us-text-mobile h2 {\n      color: #3d5b70;\n      font-size: 42px;\n      font-weight: 500;\n      text-align: center;\n      margin: 0 0 2rem 0;\n    }\n\n    .about-us-text-mobile p {\n      margin-bottom: 1.5rem;\n      line-height: 1.6;\n    }\n\n    .image-grid-mobile {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-auto-rows: 200px;\n      gap: 1rem;\n    }\n\n    .tall-image-mobile {\n      grid-column: 1;\n      grid-row: 1 \/ span 2;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .horizontal-image-mobile {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .wide-image-mobile {\n      grid-column: 1 \/ span 2;\n      grid-row: 3 \/ span 2;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  <\/style>\n\n  <div class=\"about-us-text-mobile\">\n    <h2 class=\"animated slideInUp faster has-ubuntu-font-family\">O n\u00e1s<\/h2>\n    <p class=\"animated slideInUp faster\">\n      Sme mlad\u00e1, r\u00fdchlo rast\u00faca firma s\u00eddliaca v kr\u00e1snom prostred\u00ed pod Vysok\u00fdmi Tatrami. Ako slovensk\u00e1 pobo\u010dka rak\u00faskeho software housu si u\u017e\u00edvame nielen n\u00e1dhern\u00e9 v\u00fdh\u013eady, ale aj skvel\u00e9 pr\u00edle\u017eitosti pos\u00fava\u0165 hranice technol\u00f3gi\u00ed.\n    <\/p>\n    <p class=\"animated slideInUp faster\">\n      V Evolite dod\u00e1vame praktick\u00e9 rie\u0161enia na optimaliz\u00e1ciu logistiky, zlep\u0161enie mobility a zefekt\u00edvnenie verejnej dopravy prostredn\u00edctvom najmodernej\u0161ieho softv\u00e9ru prisp\u00f4soben\u00e9ho potreb\u00e1m na\u0161ich klientov. Kombin\u00e1ciou modernej technol\u00f3gie s dizajnom zameran\u00fdm na pou\u017e\u00edvate\u013ea prin\u00e1\u0161ame inov\u00e1cie a efektivitu do ka\u017ed\u00e9ho projektu.\n    <\/p>\n    <p class=\"animated slideInUp faster\">\n      We&#8217;re not a typical corporation. Responding to our colleagues&#8217; requests\n      quickly and helpfully is very important to us. A pleasant working\n      environment, friendly relationships and open communication are an\n      important part of our company.\n    <\/p>\n    <p class=\"animated slideInUp faster\">\n      S nad\u0161en\u00edm sa p\u00fa\u0161\u0165ame do nov\u00fdch v\u00fdziev a h\u013ead\u00e1me inovat\u00edvne projekty, ktor\u00e9 podporuj\u00fa rast a kreativitu. \u010ci u\u017e h\u013ead\u00e1te spo\u013eahliv\u00e9ho partnera pre v\u00e1\u0161 \u010fal\u0161\u00ed projekt alebo m\u00e1te z\u00e1ujem pripoji\u0165 sa k n\u00e1\u0161mu t\u00edmu talentovan\u00fdch softv\u00e9rov\u00fdch v\u00fdvoj\u00e1rov, budeme radi, ak n\u00e1s kontaktujete!\n    <\/p>\n  <\/div>\n\n  <div class=\"image-grid-mobile\">\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/11\/DSC_0061_2-scaled.jpg\"\n      alt=\"Modern office interior with autumn view\"\n      class=\"tall-image-mobile animated zoomIn faster\"\n    \/>\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/06\/DSCF2761.jpg.webp\"\n      alt=\"Modern office building exterior\"\n      class=\"horizontal-image-mobile animated zoomIn faster\"\n    \/>\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/11\/DSC_0401_1-1024x681.jpg\"\n      alt=\"Creative office hallway\"\n      class=\"horizontal-image-mobile animated zoomIn faster\"\n    \/>\n    <img decoding=\"async\"\n      src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/11\/DSC_0079_2-1024x681.jpg\"\n      alt=\"Modern workspace setup\"\n      class=\"wide-image-mobile animated zoomIn faster\"\n    \/>\n  <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-mobile extendedwopts-tablet wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-481dc8fc wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"founders-desktop\">\n  <style>\n    #founders-desktop {\n      font-family: \"Nunito\", sans-serif;\n      width: 100vw;\n      overflow: hidden;\n      padding: 7rem 0;\n    }\n\n    #founders-desktop .founders-title {\n      font-weight: 500;\n      text-align: center;\n      color: #3d5b70;\n      font-size: 68px;\n      font-family: \"Ubuntu\", sans-serif;\n      margin: 0 0 60px 0;\n    }\n\n    #founders-desktop .founders-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n    }\n\n    #founders-desktop .founder {\n      display: flex;\n      position: relative;\n    }\n\n    #founders-desktop .founder:nth-child(1) {\n      justify-content: flex-end;\n    }\n\n    #founders-desktop .founder:nth-child(2) {\n      justify-content: flex-start;\n    }\n\n    #founders-desktop .founder-image {\n      width: 300px;\n      height: 300px;\n      border-radius: 100%;\n      border: 2px solid #3d5b70;\n      overflow: hidden;\n      z-index: 1;\n    }\n\n    #founders-desktop .founder-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    #founders-desktop .founder-info-container {\n      background-color: #a6e1e3;\n      position: absolute;\n      height: 150px;\n      width: 100%;\n      border-radius: 0 0 100% 0;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-content: center;\n    }\n\n    #founders-desktop .founder:nth-child(1) .founder-info-container {\n      bottom: 0;\n      border-radius: 0 0 150px 0;\n      margin-right: 15px;\n      align-items: flex-end;\n    }\n\n    #founders-desktop .founder:nth-child(2) .founder-info-container {\n      top: 0;\n      border-radius: 150px 0 0 0;\n      margin-left: 15px;\n      align-items: flex-start;\n    }\n\n    #founders-desktop .founder-info {\n      width: fit-content;\n      font-family: \"Nunito\", sans-serif;\n      color: white;\n      font-weight: 700;\n      font-size: 22px;\n    }\n\n    #founders-desktop .founder:nth-child(1) .founder-info {\n      margin-right: 320px;\n      text-align: left;\n    }\n\n    #founders-desktop .founder:nth-child(2) .founder-info {\n      margin-left: 320px;\n      text-align: right;\n    }\n\n    #founders-desktop .founder-role {\n      margin-bottom: 5px;\n    }\n\n    #founders-desktop .founder-quote {\n      font-weight: 500;\n      text-align: center;\n      font-size: 68px;\n      font-family: \"Ubuntu\", sans-serif;\n      color: #3d5b70;\n      margin-top: 60px;\n    }\n  <\/style>\n\n  <h2 class=\"founders-title animated slideInUp faster\">\n    Na\u0161i zakladatelia na Slovensku\n  <\/h2>\n\n  <div class=\"founders-container\">\n    <div class=\"founder animated slideInLeft faster\">\n      <div class=\"founder-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/DSC_0582_4_compressed_cropped.webp\"\n          alt=\"Peter Bednar\u010d\u00edk\"\n        \/>\n      <\/div>\n      <div class=\"founder-info-container\">\n        <div class=\"founder-info\">\n          <div class=\"founder-role\">CEO Evolit Slovakia<\/div>\n          <div class=\"founder-name\">Ing. Peter Bednar\u010d\u00edk<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"founder animated slideInRight faster\">\n      <div class=\"founder-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/DSC_0567_1_compressed_cropped.webp\"\n          alt=\"D\u00e1vid Antol\u00edk\"\n        \/>\n      <\/div>\n      <div class=\"founder-info-container\">\n        <div class=\"founder-info\">\n          <div class=\"founder-role\">CEO Evolit Slovakia<\/div>\n          <div class=\"founder-name\">Ing. D\u00e1vid Antol\u00edk<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"founder-quote animated slideInUp faster\">\n    \u201cSme tu pre v\u00e1s\u201d\n  <\/div>\n<\/div><\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-481dc8fc wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div id=\"founders-mobile\">\n  <style>\n    #founders-mobile {\n      font-family: \"Nunito\", sans-serif;\n      width: 100vw;\n      min-height:80vh;\n      overflow: hidden;\n      padding: 20px 0;\n    }\n\n    #founders-mobile .founders-title {\n      font-weight: 500;\n      text-align: center;\n      color: #3d5b70;\n      font-size: 42px;\n      font-family: \"Ubuntu\", sans-serif;\n      margin: 0 0 2rem 0;\n    }\n\n    #founders-mobile .founders-container {\n      display: flex;\n      flex-direction: column;\n    }\n\n    #founders-mobile .founder {\n      display: flex;\n      position: relative;\n    }\n\n    #founders-mobile .founder:nth-child(1) {\n      justify-content: flex-start;\n      margin-left: 5vw;\n      position: relative;\n      top: 30px;\n    }\n\n    #founders-mobile .founder:nth-child(2) {\n      justify-content: flex-end;\n      margin-right: 5vw;\n      position: relative;\n      bottom: 30px;\n    }\n\n    #founders-mobile .founder-image {\n      width: 40vw;\n      height: 40vw;\n      border-radius: 100%;\n      border: 2px solid #3d5b70;\n      overflow: hidden;\n      z-index: 1;\n    }\n\n    #founders-mobile .founder-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    #founders-mobile .founder-info-container {\n      background-color: #a6e1e3;\n      position: absolute;\n      height: 20vw;\n      width: 100%;\n      border-radius: 0 0 100% 0;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-content: center;\n    }\n\n    #founders-mobile .founder:nth-child(1) .founder-info-container {\n      top: 0;\n      border-radius: 20vw 0 0 0;\n      margin-left: 15px;\n      align-items: flex-start;\n    }\n\n    #founders-mobile .founder:nth-child(2) .founder-info-container {\n      bottom: 0;\n      border-radius: 0 0 20vw 0;\n      margin-right: 15px;\n      align-items: flex-end;\n    }\n\n    #founders-mobile .founder-info {\n      width: fit-content;\n      font-family: \"Nunito\", sans-serif;\n      color: white;\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    #founders-mobile .founder:nth-child(1) .founder-info {\n      margin-left: 40vw;\n      text-align: right;\n    }\n\n    #founders-mobile .founder:nth-child(2) .founder-info {\n      margin-right: 40vw;\n      text-align: left;\n    }\n\n    #founders-mobile .founder-role {\n      margin-bottom: 5px;\n    }\n\n    #founders-mobile .founder-quote {\n      font-weight: 500;\n      text-align: center;\n      font-size: 28px;\n      font-family: \"Ubuntu\", sans-serif;\n      color: #3d5b70;\n      margin: 2rem 0 0 0;\n    }\n  <\/style>\n\n  <h2 class=\"founders-title animated slideInUp faster\">\n    Na\u0161i zakladatelia na Slovensku\n  <\/h2>\n\n  <div class=\"founders-container\">\n    <div class=\"founder animated slideInRight faster\">\n      <div class=\"founder-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/DSC_0567_1_compressed_cropped.webp\"\n          alt=\"D\u00e1vid Antol\u00edk\"\n        \/>\n      <\/div>\n      <div class=\"founder-info-container\">\n        <div class=\"founder-info\">\n          <div class=\"founder-role\">CEO Evolit Slovakia<\/div>\n          <div class=\"founder-name\">Ing. D\u00e1vid Antol\u00edk<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"founder animated slideInLeft faster\">\n      <div class=\"founder-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/DSC_0582_4_compressed_cropped.webp\"\n          alt=\"Peter Bednar\u010d\u00edk\"\n        \/>\n      <\/div>\n      <div class=\"founder-info-container\">\n        <div class=\"founder-info\">\n          <div class=\"founder-role\">CEO Evolit Slovakia<\/div>\n          <div class=\"founder-name\">Ing. Peter Bednar\u010d\u00edk<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"founder-quote animated slideInUp faster\">\n    \u201cSme tu pre v\u00e1s\u201d\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-tablet extendedwopts-mobile wp-block-group o-anim-value-speed-1s is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-14bd75c7 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--custom-hellgrau);border-top-width:1px;margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading animated slideInUp faster has-text-color has-link-color has-ubuntu-font-family\" style=\"color:#3d5b70;font-size:68px; margin-bottom:60px; font-weight: 500; text-align: center;\">M\u00ed\u013eniky Evolit\na Evolit Slovakia<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full animated zoomIn faster milestones-image-desktop\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/milestones_desktop.webp\" alt=\"Milestones of Evolit and Evolit Slovakia\" class=\"wp-image-1684\" title=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"extendedwopts-hide extendedwopts-desktop wp-block-group o-anim-value-speed-1s is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-14bd75c7 wp-block-group-is-layout-flex\" style=\"border-top-color:var(--wp--preset--color--custom-hellgrau);border-top-width:1px;margin-top:0px;margin-bottom:0px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading animated slideInUp faster has-text-color has-link-color has-ubuntu-font-family\" style=\"color:#3d5b70;font-size:42px; margin-bottom:60px; font-weight: 500; text-align: center;\">M\u00ed\u013eniky Evolit\na Evolit Slovakia<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full animated zoomIn faster\"><img decoding=\"async\" src=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2025\/03\/milestones_mobile.webp\" alt=\"Milestones of Evolit and Evolit Slovakia\" class=\"wp-image-1685\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Our working principles Quality Innovation Teamwork Budget Deadline Our working principles Quality Innovation Teamwork Budget Deadline Our technology stack Angular Java .NET Oracle SQL Server Our technology stack Java Angular .NET Milestones of Evolit &#038; Evolit Slovakia Milestones of Evolit &#038; Evolit Slovakia<\/p>","protected":false},"author":2,"featured_media":226,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"cybocfi_hide_featured_image":"yes","footnotes":""},"class_list":["post-387","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Evolit Slovakia | your software partner<\/title>\n<meta name=\"description\" content=\"Delivering tailored IT solutions for logistics, mobility, and public transport, Evolit Slovakia empowers businesses with innovative software development.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.evolit.sk\/sk\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Evolit Slovakia | your software partner\" \/>\n<meta property=\"og:description\" content=\"Delivering tailored IT solutions for logistics, mobility, and public transport, Evolit Slovakia empowers businesses with innovative software development.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.evolit.sk\/sk\/\" \/>\n<meta property=\"og:site_name\" content=\"your software partner\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-14T17:36:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/09\/cropped-Evolit-300.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 min\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.evolit.sk\/\",\"url\":\"https:\/\/www.evolit.sk\/\",\"name\":\"Evolit Slovakia | your software partner\",\"isPartOf\":{\"@id\":\"https:\/\/www.evolit.sk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.evolit.sk\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.evolit.sk\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/09\/cropped-Evolit-300.png\",\"datePublished\":\"2024-10-11T08:13:18+00:00\",\"dateModified\":\"2025-07-14T17:36:10+00:00\",\"description\":\"Delivering tailored IT solutions for logistics, mobility, and public transport, Evolit Slovakia empowers businesses with innovative software development.\",\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.evolit.sk\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.evolit.sk\/#website\",\"url\":\"https:\/\/www.evolit.sk\/\",\"name\":\"your software partner\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.evolit.sk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.evolit.sk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.evolit.sk\/#organization\",\"name\":\"your software partner\",\"url\":\"https:\/\/www.evolit.sk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\/\/www.evolit.sk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/08\/Logo-Evolit-SK-RGB.png\",\"contentUrl\":\"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/08\/Logo-Evolit-SK-RGB.png\",\"width\":1005,\"height\":453,\"caption\":\"your software partner\"},\"image\":{\"@id\":\"https:\/\/www.evolit.sk\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Evolit Slovakia | your software partner","description":"Delivering tailored IT solutions for logistics, mobility, and public transport, Evolit Slovakia empowers businesses with innovative software development.","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:\/\/www.evolit.sk\/sk\/","og_locale":"sk_SK","og_type":"article","og_title":"Evolit Slovakia | your software partner","og_description":"Delivering tailored IT solutions for logistics, mobility, and public transport, Evolit Slovakia empowers businesses with innovative software development.","og_url":"https:\/\/www.evolit.sk\/sk\/","og_site_name":"your software partner","article_modified_time":"2025-07-14T17:36:10+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/09\/cropped-Evolit-300.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Predpokladan\u00fd \u010das \u010d\u00edtania":"5 min\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.evolit.sk\/","url":"https:\/\/www.evolit.sk\/","name":"Evolit Slovakia | your software partner","isPartOf":{"@id":"https:\/\/www.evolit.sk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.evolit.sk\/#primaryimage"},"image":{"@id":"https:\/\/www.evolit.sk\/#primaryimage"},"thumbnailUrl":"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/09\/cropped-Evolit-300.png","datePublished":"2024-10-11T08:13:18+00:00","dateModified":"2025-07-14T17:36:10+00:00","description":"Delivering tailored IT solutions for logistics, mobility, and public transport, Evolit Slovakia empowers businesses with innovative software development.","inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.evolit.sk\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.evolit.sk\/#website","url":"https:\/\/www.evolit.sk\/","name":"your software partner","description":"","publisher":{"@id":"https:\/\/www.evolit.sk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.evolit.sk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.evolit.sk\/#organization","name":"your software partner","url":"https:\/\/www.evolit.sk\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.evolit.sk\/#\/schema\/logo\/image\/","url":"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/08\/Logo-Evolit-SK-RGB.png","contentUrl":"https:\/\/www.evolit.sk\/wp-content\/uploads\/2024\/08\/Logo-Evolit-SK-RGB.png","width":1005,"height":453,"caption":"your software partner"},"image":{"@id":"https:\/\/www.evolit.sk\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/pages\/387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/comments?post=387"}],"version-history":[{"count":327,"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/pages\/387\/revisions"}],"predecessor-version":[{"id":2804,"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/pages\/387\/revisions\/2804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/media\/226"}],"wp:attachment":[{"href":"https:\/\/www.evolit.sk\/sk\/wp-json\/wp\/v2\/media?parent=387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}