{"id":36,"date":"2026-02-06T15:18:33","date_gmt":"2026-02-06T15:18:33","guid":{"rendered":"https:\/\/omitech.me2d.si\/?page_id=36"},"modified":"2026-02-10T09:48:11","modified_gmt":"2026-02-10T09:48:11","slug":"domov","status":"publish","type":"page","link":"https:\/\/www.omitech.si\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\" id=\"top\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\" data-et-mv-hidden-phone=\"true\"><style>\n    \/* === GLOBALNO SMOOTH SCROLLANJE === *\/\n    html {\n        scroll-behavior: smooth;\n    }\n\n    \/* === SCOPED STILI ZA HERO === *\/\n    .omitech-hero {\n        --royal-gold: #E5BE4A;\n        --omitech-teal: #086788;\n        --text-white: #ffffff;\n        \n        position: relative;\n        width: 100%;\n        min-height: 90vh;\n        background-color: transparent;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-family: 'Inter', sans-serif;\n    }\n\n    \/* === STIL ZA LOGO === *\/\n    .omitech-logo-container {\n        margin-bottom: 30px;\n        opacity: 0;\n        animation: omitech-fade-down 0.8s ease forwards;\n        z-index: 20;\n    }\n\n    .omitech-logo-img {\n        max-width: 200px;\n        height: auto;\n        display: block;\n        margin: 0 auto;\n    }\n\n    \/* === TEHNOLO\u0160KO OZADJE (VEZJE) === *\/\n    .omitech-hero::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M10 10 L90 10 M90 10 L90 90 M10 90 L10 10 M50 10 L50 90 M10 50 L90 50' stroke='%23E5BE4A' stroke-width='0.5' fill='none' opacity='0.1'\/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23E5BE4A' opacity='0.2'\/%3E%3Ccircle cx='90' cy='10' r='1' fill='%23E5BE4A' opacity='0.2'\/%3E%3Ccircle cx='90' cy='90' r='1' fill='%23E5BE4A' opacity='0.2'\/%3E%3Ccircle cx='10' cy='90' r='1' fill='%23E5BE4A' opacity='0.2'\/%3E%3C\/svg%3E\");\n        background-size: 150px 150px;\n        z-index: 1;\n        opacity: 0.4;\n        animation: omitech-bg-drift 60s linear infinite;\n        pointer-events: none;\n    }\n\n    .omitech-hero-content {\n        position: relative;\n        z-index: 10;\n        max-width: 1200px;\n        width: 100%;\n        padding: 40px 20px;\n        text-align: center;\n    }\n\n    \/* === NASLOVI IN TEKSTI === *\/\n    .omitech-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 24px;\n        opacity: 0;\n        animation: omitech-fade-down 0.8s ease forwards 0.2s;\n    }\n\n    .omitech-badge .line { width: 20px; height: 1px; background-color: var(--royal-gold); }\n    .omitech-badge span { color: var(--royal-gold); font-size: 13px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; }\n\n    .omitech-h1 {\n        font-size: clamp(32px, 7vw, 72px);\n        font-weight: 900;\n        color: var(--text-white);\n        line-height: 1.1;\n        text-transform: uppercase;\n        margin-bottom: 24px;\n        letter-spacing: -2px;\n        opacity: 0;\n        animation: omitech-fade-up 0.8s ease forwards 0.4s;\n    }\n\n    .omitech-h1 span { color: var(--royal-gold); text-shadow: 0 0 30px rgba(229, 190, 74, 0.3); }\n\n    .omitech-p {\n        color: rgba(255, 255, 255, 0.9);\n        font-size: 18px;\n        max-width: 700px;\n        margin: 0 auto 40px;\n        line-height: 1.6;\n        opacity: 0;\n        animation: omitech-fade-up 0.8s ease forwards 0.6s;\n    }\n\n    \/* === GUMBI === *\/\n    .omitech-btn-group {\n        display: flex;\n        gap: 16px;\n        justify-content: center;\n        flex-wrap: wrap;\n        opacity: 0;\n        animation: omitech-fade-up 0.8s ease forwards 0.8s;\n    }\n\n    .omitech-btn {\n        padding: 16px 36px;\n        border-radius: 4px;\n        font-weight: 700;\n        text-transform: uppercase;\n        font-size: 13px;\n        letter-spacing: 2px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 210px;\n        height: 52px;\n    }\n\n    .omitech-btn-secondary { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); color: var(--text-white); }\n    .omitech-btn-secondary:hover { background: rgba(255, 255, 255, 0.2); border-color: var(--royal-gold); }\n\n    \/* === SCROLL POVEZAVA === *\/\n    .omitech-scroll {\n        position: absolute;\n        bottom: 30px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 100;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n        opacity: 0;\n        text-decoration: none; \n        cursor: pointer;\n        animation: omitech-fade-in 1s ease forwards 1.2s;\n    }\n\n    .omitech-scroll span { font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: rgba(255, 255, 255, 0.6); }\n\n    .omitech-scroll-line {\n        width: 1px;\n        height: 60px;\n        background: linear-gradient(to bottom, var(--royal-gold), transparent);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .omitech-scroll-line::after {\n        content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(255, 255, 255, 0.6);\n        animation: omitech-scroll-anim 2s cubic-bezier(0.76, 0, 0.3, 1) infinite;\n    }\n\n    \/* === ANIMACIJE === *\/\n    @keyframes omitech-scroll-anim { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }\n    @keyframes omitech-fade-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes omitech-fade-down { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes omitech-fade-in { from { opacity: 0; } to { opacity: 1; } }\n    @keyframes omitech-bg-drift { from { background-position: 0 0; } to { background-position: 1000px 1000px; } }\n\n    \/* === MOBILNA PRILAGODITEV === *\/\n    @media (max-width: 768px) {\n        .omitech-h1 { font-size: 38px; }\n        .omitech-hero { min-height: 100vh; justify-content: flex-start; padding-top: 60px; }\n        \n        .omitech-scroll {\n            position: relative;\n            bottom: auto;\n            margin-top: 60px;\n            transform: none;\n            left: auto;\n        }\n    }\n<\/style>\n\n<div class=\"omitech-hero\">\n    \n    <div class=\"omitech-hero-content\">\n        <div class=\"omitech-logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/Logo-pokoncen-temna-podlaga.png\" alt=\"OmiTech Logo\" class=\"omitech-logo-img\">\n        <\/div>\n\n        <div class=\"omitech-badge\">\n            <div class=\"line\"><\/div>\n            <span>Custom Technology Solutions<\/span>\n            <div class=\"line\"><\/div>\n        <\/div>\n\n        <h1 class=\"omitech-h1\">FROM CONCEPT <span>TO CREATION<\/span><\/h1>\n\n        <p class=\"omitech-p\">\n            We transform your ideas into reality through expert hardware development, software engineering, and complete turnkey solutions.\n        <\/p>\n\n        <div class=\"omitech-btn-group\">\n            <a href=\"#next\" class=\"omitech-btn omitech-btn-secondary\">Explore Our Services<\/a>\n        <\/div>\n    <\/div>\n\n    <a href=\"#next\" class=\"omitech-scroll\">\n        <span>Next<\/span>\n        <div class=\"omitech-scroll-line\"><\/div>\n    <\/a>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\" id=\"next\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- === STILI: SEKCIJA STORITEV (KARTICE) === -->\n<style>\n    \/* \/ === SCOPED STILI ZA KARTICE === \/ *\/\n    .omitech-services-wrapper {\n        --royal-gold: #E5BE4A;\n        --text-dark: #1a1a1a;\n        --text-gray: #666666;\n        --card-bg: #ffffff;\n        --border-color: #f0f0f0;\n        \n        font-family: 'Inter', sans-serif;\n        padding: 80px 20px;\n        max-width: 1320px;\n        margin: 0 auto;\n        background-color: transparent;\n    }\n\n    \/* \/ === GLAVA SEKCIJE === \/ *\/\n    .services-header {\n        text-align: center;\n        margin-bottom: 60px;\n        opacity: 0;\n        animation: omitech-reveal 0.8s ease forwards;\n    }\n\n    .services-header h2 {\n        font-size: clamp(26px, 3.8vw, 40px);\n        font-weight: 800;\n        color: var(--text-dark);\n        margin-bottom: 12px;\n        letter-spacing: -1px;\n    }\n\n    .services-header h2 span {\n        color: var(--royal-gold);\n    }\n\n    .services-header p {\n        color: var(--text-gray);\n        font-size: 17px;\n        font-weight: 400;\n    }\n\n    \/* \/ === MRE\u017dA KARTIC === \/ *\/\n    .services-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 35px;\n    }\n\n    \/* \/ === POSAMEZNA KARTICA === \/ *\/\n    .service-card {\n        background: var(--card-bg);\n        border-radius: 14px;\n        padding: 40px 30px;\n        text-align: left;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.04);\n        border: 1px solid var(--border-color);\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        display: flex;\n        flex-direction: row; \n        gap: 20px;\n        position: relative;\n        overflow: hidden;\n        height: 100%;\n        opacity: 0;\n        transform: translateY(30px);\n        animation: omitech-reveal 0.6s ease forwards;\n    }\n\n    \/* Zamiki za animacijo kartic (staggered effect) *\/\n    .service-card:nth-child(1) { animation-delay: 0.1s; }\n    .service-card:nth-child(2) { animation-delay: 0.2s; }\n    .service-card:nth-child(3) { animation-delay: 0.3s; }\n    .service-card:nth-child(4) { animation-delay: 0.4s; }\n    .service-card:nth-child(5) { animation-delay: 0.5s; }\n    .service-card:nth-child(6) { animation-delay: 0.6s; }\n\n    .service-card-body {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* \/ === HOVER EFEKTI === \/ *\/\n    .service-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 0;\n        background-color: var(--royal-gold);\n        transition: height 0.3s ease;\n    }\n\n    .service-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n        border-color: rgba(229, 190, 74, 0.3);\n    }\n\n    .service-card:hover::before {\n        height: 6px;\n    }\n\n    .service-card:hover .card-icon {\n        background-color: var(--royal-gold);\n        color: #ffffff;\n        transform: rotateY(180deg);\n    }\n\n    \/* \/ === IKONE === \/ *\/\n    .card-icon {\n        width: 48px;\n        height: 48px;\n        background: #fdf8e6;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        color: var(--royal-gold);\n        transition: all 0.5s ease;\n    }\n\n    \/* \/ === BESEDILO V KARTICAH === \/ *\/\n    .service-card h3 {\n        font-size: 19px;\n        font-weight: 700;\n        color: var(--text-dark);\n        line-height: 1.3;\n        margin-bottom: 12px;\n        transition: color 0.3s ease;\n    }\n\n    .service-card:hover h3 {\n        color: var(--royal-gold);\n    }\n\n    .service-card p {\n        font-size: 14.5px;\n        color: var(--text-gray);\n        line-height: 1.5;\n        margin-bottom: 20px;\n    }\n\n    \/* \/ === SEZNAMI === \/ *\/\n    .service-card ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        margin-top: auto;\n    }\n\n    .service-card ul li {\n        font-size: 13.5px;\n        color: var(--text-gray);\n        padding-left: 20px;\n        position: relative;\n        margin-bottom: 5px;\n        line-height: 1.4;\n        transition: transform 0.2s ease;\n    }\n\n    .service-card:hover ul li {\n        transform: translateX(5px);\n    }\n\n    .service-card ul li::before {\n        content: \"\u2022\";\n        color: var(--royal-gold);\n        position: absolute;\n        left: 0;\n        font-weight: bold;\n    }\n\n    \/* \/ === ANIMACIJE === \/ *\/\n    @keyframes omitech-reveal {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* \/ === PRILAGODITEV ZA TABLICE === \/ *\/\n    @media (max-width: 1024px) {\n        .services-grid { \n            grid-template-columns: repeat(2, 1fr); \n            gap: 25px;\n        }\n    }\n\n    \/* \/ === PRILAGODITEV ZA TELEFONE: ABSOLUTNI MINIMUM ROBJA === \/ *\/\n    @media (max-width: 768px) {\n        .services-grid { \n            grid-template-columns: 1fr; \n            gap: 12px; \n        }\n        \n        .omitech-services-wrapper { \n            padding: 25px 0px; \/* \/ Ni\u010d odmika na robovih za wrapper \/ *\/\n        }\n        \n        .service-card { \n            padding: 25px 12px; \/* \/ Zelo ozek notranji odmik, da tekst ne gre \u010dez rob \/ *\/\n            flex-direction: column;\n            border-radius: 0; \/* \/ Odstranimo zaobljenost za \"edge-to-edge\" izgled \/ *\/\n            border-left: none;\n            border-right: none;\n            opacity: 1 !important; \n            animation: none !important;\n            transform: none !important;\n        }\n\n        .services-header {\n            opacity: 1 !important;\n            animation: none !important;\n            transform: none !important;\n            margin-bottom: 20px;\n            padding: 0 15px; \/* \/ Glava \u0161e vedno rabi malo zraka \/ *\/\n        }\n    }\n<\/style>\n\n<!-- === SEKCIJA: STORITVE (HTML) === -->\n<div class=\"omitech-services-wrapper\">\n    \n    <!-- Glava sekcije -->\n    <div class=\"services-header\">\n        <h2>Comprehensive <span>Development Services<\/span><\/h2>\n        <p>End-to-end solutions tailored to your business needs<\/p>\n    <\/div>\n\n    <!-- Mre\u017ea kartic -->\n    <div class=\"services-grid\">\n        \n        <!-- Kartica 1: Elektronika -->\n        <div class=\"service-card\">\n            <div class=\"card-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M6 8h.01\"\/><path d=\"M10 8h.01\"\/><path d=\"M14 8h.01\"\/><path d=\"M18 8h.01\"\/><path d=\"M8 12h8\"\/><path d=\"M8 16h8\"\/><\/svg>\n            <\/div>\n            <div class=\"service-card-body\">\n                <h3>Electronic Hardware Development<\/h3>\n                <p>Custom circuit design, PCB development, and hardware prototyping for your unique requirements<\/p>\n                <ul>\n                    <li>Electronic hardware development<\/li>\n                    <li>Mechanical design<\/li>\n                    <li>Electric installations development<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Kartica 2: Programska oprema -->\n        <div class=\"service-card\">\n            <div class=\"card-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\n            <\/div>\n            <div class=\"service-card-body\">\n                <h3>Software Development<\/h3>\n                <p>Scalable web and local applications built with cutting-edge technologies<\/p>\n                <ul>\n                    <li>Embedded software development<\/li>\n                    <li>Web applications<\/li>\n                    <li>Local applications<\/li>\n                    <li>Custom software solutions<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Kartica 3: In\u017eeniring -->\n        <div class=\"service-card\">\n            <div class=\"card-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n            <\/div>\n            <div class=\"service-card-body\">\n                <h3>Complete Engineering Solutions<\/h3>\n                <p>From initial concept through final delivery\u2014fully integrated solutions<\/p>\n                <ul>\n                    <li>Turnkey solutions<\/li>\n                    <li>System integration<\/li>\n                    <li>Product development<\/li>\n                    <li>Automation<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Kartica 4: Vodenje -->\n        <div class=\"service-card\">\n            <div class=\"card-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <div class=\"service-card-body\">\n                <h3>Project &amp; Product Management<\/h3>\n                <p>Expert guidance to keep your technical projects on track and on budget<\/p>\n                <ul>\n                    <li>Technical project management<\/li>\n                    <li>Product management<\/li>\n                    <li>Requirements specification<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Kartica 5: Prodaja -->\n        <div class=\"service-card\">\n            <div class=\"card-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"16\" y1=\"11\" x2=\"22\" y2=\"11\"\/><\/svg>\n            <\/div>\n            <div class=\"service-card-body\">\n                <h3>Business &amp; Technical Sales<\/h3>\n                <p>Strategic partnerships and market entry support for technology products<\/p>\n                <ul>\n                    <li>Business development<\/li>\n                    <li>Partner\/customer acquisition<\/li>\n                    <li>Technical sales<\/li>\n                    <li>Distribution &amp; import<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Kartica 6: Svetovanje -->\n        <div class=\"service-card\">\n            <div class=\"card-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n            <\/div>\n            <div class=\"service-card-body\">\n                <h3>Consulting &amp; Audit Services<\/h3>\n                <p>Professional assessments and strategic technical consulting<\/p>\n                <ul>\n                    <li>Technical consulting<\/li>\n                    <li>Audit services<\/li>\n                    <li>Requirements analysis<\/li>\n                    <li>Feasibility studies<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- === STILI: INDUSTRIJSKA AVTOMATIZACIJA === -->\n<style>\n    \/* \/ === DEFINICIJA BARV IN OSNOVE === \/ *\/\n    :root {\n        --royal-gold: #E5BE4A;\n        --royal-gold-light: #fdf8e6;\n        --text-dark: #1a1a1a;\n        --text-gray: #666666;\n        --card-bg: #ffffff;\n        --border-color: #f0f0f0;\n        --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n\n    .omi-automation-section {\n        font-family: 'Inter', sans-serif;\n        padding: 80px 20px;\n        max-width: 1320px;\n        margin: 0 auto;\n        background-color: transparent;\n    }\n\n    \/* \/ === ANIMACIJSKI KLJU\u010cI === \/ *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* \/ === GLAVA SEKCIJE S TAGOM === \/ *\/\n    .omi-header {\n        text-align: center;\n        margin-bottom: 50px;\n        animation: fadeInUp 0.8s ease-out forwards;\n    }\n\n    .omi-industry-tag {\n        display: inline-block;\n        background-color: var(--royal-gold-light);\n        color: var(--royal-gold);\n        font-size: 13px;\n        font-weight: 600;\n        padding: 6px 18px;\n        border-radius: 50px;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        border: 1px solid rgba(229, 190, 74, 0.2);\n        transition: var(--transition-smooth);\n    }\n\n    .omi-industry-tag:hover {\n        background-color: var(--royal-gold);\n        color: white;\n        transform: scale(1.05);\n    }\n\n    .omi-header h2 {\n        font-size: clamp(26px, 3.8vw, 40px);\n        font-weight: 800;\n        color: var(--text-dark);\n        margin-bottom: 15px;\n        letter-spacing: -1px;\n    }\n\n    .omi-header h2 span {\n        color: var(--royal-gold);\n    }\n\n    .omi-header p {\n        color: var(--text-gray);\n        font-size: 16px;\n        max-width: 800px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    \/* \/ === GLAVNA SLIKA === \/ *\/\n    .omi-main-feature {\n        position: relative;\n        width: 100%;\n        height: 500px;\n        border-radius: 16px;\n        overflow: hidden;\n        margin-bottom: 30px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        animation: fadeInUp 1s ease-out forwards;\n    }\n\n    .omi-main-feature img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: var(--transition-smooth);\n    }\n\n    .omi-main-feature:hover img {\n        transform: scale(1.03);\n    }\n\n    .omi-feature-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 50px 40px;\n        background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);\n        color: white;\n    }\n\n    .omi-feature-overlay h3 {\n        font-size: 28px;\n        font-weight: 800;\n        margin-bottom: 10px;\n        color: var(--royal-gold);\n    }\n\n    \/* \/ === MRE\u017dA KARTIC === \/ *\/\n    .omi-auto-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n    }\n\n    .omi-auto-card {\n        background: var(--card-bg);\n        border-radius: 12px;\n        padding: 25px;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n        transition: var(--transition-smooth);\n        display: flex;\n        flex-direction: column;\n    }\n\n    .omi-auto-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n        border-color: var(--royal-gold);\n    }\n\n    .omi-auto-card .icon-box {\n        color: var(--royal-gold);\n        margin-bottom: 15px;\n        background: var(--royal-gold-light);\n        width: 45px;\n        height: 45px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 10px;\n        transition: var(--transition-smooth);\n    }\n\n    .omi-auto-card:hover .icon-box {\n        background-color: var(--royal-gold);\n        color: #ffffff;\n        transform: rotateY(180deg);\n    }\n\n    .omi-auto-card h4 {\n        font-size: 16px;\n        font-weight: 700;\n        margin-bottom: 10px;\n        color: var(--text-dark);\n    }\n\n    .omi-auto-card p {\n        font-size: 13px;\n        color: var(--text-gray);\n        line-height: 1.5;\n    }\n\n    \/* \/ === PRILAGODITEV ZA TABLICE === \/ *\/\n    @media (max-width: 1024px) {\n        .omi-auto-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    \/* \/ === PRILAGODITEV ZA TELEFONE: ABSOLUTNI MINIMUM ROBJA === \/ *\/\n    @media (max-width: 768px) {\n        .omi-auto-grid { \n            grid-template-columns: 1fr; \n            gap: 12px; \n        }\n        \n        .omi-automation-section { \n            padding: 25px 0px; \/* \/ Odstranjen padding na robovih \/ *\/\n        }\n\n        .omi-main-feature {\n            height: 350px;\n            border-radius: 0; \/* \/ Edge-to-edge slika \/ *\/\n        }\n\n        .omi-feature-overlay {\n            padding: 30px 15px;\n        }\n\n        .omi-feature-overlay h3 {\n            font-size: 22px;\n        }\n        \n        .omi-auto-card { \n            padding: 25px 15px;\n            border-radius: 0; \/* \/ Odstranjena zaobljenost za edge-to-edge videz \/ *\/\n            border-left: none;\n            border-right: none;\n            opacity: 1 !important; \n            animation: none !important;\n            transform: none !important;\n        }\n\n        .omi-header {\n            opacity: 1 !important;\n            animation: none !important;\n            transform: none !important;\n            margin-bottom: 25px;\n            padding: 0 15px;\n        }\n    }\n<\/style>\n\n<!-- === HTML: SEKCIJA AVTOMATIZACIJE === -->\n<section class=\"omi-automation-section\">\n    \n    <!-- Glava -->\n    <div class=\"omi-header\">\n        <div class=\"omi-industry-tag\">Industry 4.0 Ready<\/div>\n        \n        <h2>Industrial <span>Automation Solutions<\/span><\/h2>\n        <p>Complete automation services from concept to commissioning\u2014powered by cutting-edge AI and decades of engineering expertise<\/p>\n    <\/div>\n\n    <!-- Glavna slika -->\n    <div class=\"omi-main-feature\">\n        <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/2151977854.jpg\" alt=\"Pametna tovarna\">\n        <div class=\"omi-feature-overlay\">\n            <h3>Smart Factory Solutions<\/h3>\n            <p>From robotic assembly lines to fully integrated production systems\u2014we bring Industry 4.0 to your factory floor<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Mre\u017ea kartic (8 storitev) -->\n    <div class=\"omi-auto-grid\">\n        \n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n            <\/div>\n            <h4>Mechanical design<\/h4>\n            <p>Custom mechanical solutions for automated systems, conveyor lines, and robotic workstations<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n            <\/div>\n            <h4>Electrical Design<\/h4>\n            <p>Complete electrical engineering including control panels, wiring schematics, and power distribution<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\n            <\/div>\n            <h4>PLC Programming<\/h4>\n            <p>Expert programming for Siemens, Allen-Bradley, Beckhoff, and other major PLC platforms<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n            <\/div>\n            <h4>ERP &amp; MES Integration<\/h4>\n            <p>Seamless integration with SAP, Oracle, and custom MES systems for real-time production data<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <h4>Robotics Integration<\/h4>\n            <p>Industrial robot programming and integration for assembly, welding, pick &amp; place operations<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n            <\/div>\n            <h4>SCADA & HMI<\/h4>\n            <p>Intuitive operator interfaces and comprehensive supervisory control systems<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n            <\/div>\n            <h4>Production Lines<\/h4>\n            <p>End-to-end assembly line design, optimization, and commissioning<\/p>\n        <\/div>\n\n        <div class=\"omi-auto-card\">\n            <div class=\"icon-box\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <\/div>\n            <h4>AI &amp; Machine Vision<\/h4>\n            <p>Smart quality control, predictive maintenance, and AI-powered process optimization<\/p>\n        <\/div>\n\n    <\/div>\n<\/section><\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n    \/* \/ === DEFINICIJA BARV IN TIPOGRAFIJE === \/ *\/\n    :root {\n        --royal-gold: #E5BE4A;\n        --text-dark: #1a1a1a;\n        --text-gray: #666666;\n        --border-color: #f0f0f0;\n    }\n\n    .omi-ai-section {\n        font-family: 'Inter', sans-serif;\n        padding: 80px 20px;\n        max-width: 1320px;\n        margin: 0 auto;\n        background-color: transparent;\n    }\n\n    \/* \/ === VHODNE ANIMACIJE (BREZ JAVASCRIPTA) === \/ *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .omi-animate {\n        opacity: 0; \/* Za\u010detno stanje *\/\n        animation: fadeInUp 0.8s ease-out forwards;\n    }\n\n    .delay-1 { animation-delay: 0.2s; }\n    .delay-2 { animation-delay: 0.4s; }\n    .delay-3 { animation-delay: 0.6s; }\n\n    \/* \/ === ZGORNJA VRSTICA === \/ *\/\n    .omi-ai-row {\n        display: flex;\n        gap: 50px;\n        align-items: center;\n        margin-bottom: 60px;\n    }\n\n    .omi-ai-text {\n        flex: 1;\n        text-align: left;\n    }\n\n    .omi-ai-images {\n        flex: 1;\n        display: flex;\n        gap: 20px;\n    }\n\n    \/* \/ === ELEMENTI BESEDILA === \/ *\/\n    .omi-ai-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: var(--royal-gold);\n        color: var(--text-dark);\n        padding: 8px 18px;\n        border-radius: 50px;\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin-bottom: 25px;\n        box-shadow: 0 4px 10px rgba(229, 190, 74, 0.2);\n    }\n\n    .omi-ai-text h2 {\n        font-size: clamp(28px, 4vw, 42px);\n        font-weight: 800;\n        color: var(--text-dark);\n        line-height: 1.2;\n        margin-bottom: 20px;\n    }\n\n    .omi-ai-text h2 span {\n        color: var(--royal-gold);\n    }\n\n    .omi-ai-text p {\n        color: var(--text-gray);\n        font-size: 16px;\n        line-height: 1.6;\n        margin-bottom: 30px;\n    }\n\n    \/* \/ === SEZNAM === \/ *\/\n    .omi-ai-list {\n        list-style: none !important;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n\n    .omi-ai-list li {\n        position: relative;\n        padding-left: 25px;\n        margin-bottom: 12px;\n        font-size: 15px;\n        color: var(--text-dark);\n        font-weight: 500;\n        transition: transform 0.2s ease;\n    }\n\n    .omi-ai-list li:hover {\n        transform: translateX(5px);\n        color: var(--royal-gold);\n    }\n\n    .omi-ai-list li::before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 8px;\n        width: 8px;\n        height: 8px;\n        background-color: var(--royal-gold);\n        border-radius: 50%;\n    }\n\n    \/* \/ === SLIKE === \/ *\/\n    .omi-img-wrapper {\n        flex: 1;\n        height: 350px;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n    }\n\n    .omi-img-wrapper:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n    }\n\n    .omi-img-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    \/* \/ === KARTICE === \/ *\/\n    .omi-ai-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n    }\n\n    .omi-ai-card {\n        background: #f9f9f9;\n        padding: 25px;\n        border-radius: 12px;\n        text-align: center;\n        border: 1px solid var(--border-color);\n        transition: all 0.3s ease;\n    }\n\n    .omi-ai-card:hover {\n        background: #ffffff;\n        box-shadow: 0 10px 25px rgba(229, 190, 74, 0.1);\n        border-color: var(--royal-gold);\n        transform: translateY(-5px);\n    }\n\n    .omi-ai-card h4 {\n        color: var(--royal-gold);\n        font-size: 18px;\n        font-weight: 800;\n        margin-bottom: 5px;\n    }\n\n    .omi-ai-card p {\n        color: var(--text-gray);\n        font-size: 13px;\n        margin: 0;\n    }\n\n    \/* \/ === MOBILNA PRILAGODITEV === \/ *\/\n    @media (max-width: 1024px) {\n        .omi-ai-row { flex-direction: column; text-align: center; }\n        .omi-ai-text { text-align: center; }\n        .omi-ai-list { display: inline-block; text-align: left; }\n        .omi-ai-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 768px) {\n        .omi-ai-section { \n            padding: 25px 0px; \n        }\n\n        .omi-img-wrapper { \n            border-radius: 0; \n            height: 280px;\n        }\n\n        .omi-ai-images { \n            flex-direction: column; \n            width: 100%; \n            gap: 10px;\n        }\n\n        .omi-ai-grid { \n            grid-template-columns: 1fr; \n            gap: 10px; \n        }\n\n        .omi-ai-card { \n            padding: 25px 15px;\n            border-radius: 0; \n            border-left: none;\n            border-right: none;\n        }\n\n        .omi-ai-text {\n            padding: 0 15px;\n        }\n        \n        .omi-animate {\n            opacity: 1 !important; \n            animation: none !important;\n            transform: none !important;\n        }\n    }\n<\/style>\n\n<section class=\"omi-ai-section\">\n    \n    <div class=\"omi-ai-row\">\n        \n        <div class=\"omi-ai-text omi-animate\">\n            <div class=\"omi-ai-badge\">\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                Automation with UI\n            <\/div>\n            <h2>The Future of Manufacturing is <span>Intelligent<\/span><\/h2>\n            <p>\n                We can integrate artificial intelligence into every layer of your automation infrastructure\u2014from predictive maintenance that prevents costly downtime to machine vision systems that ensure the perfect quality of every product.\n            <\/p>\n            \n            <ul class=\"omi-ai-list\">\n                <li class=\"omi-animate delay-1\">Predictive maintenance &amp; anomaly detection<\/li>\n                <li class=\"omi-animate delay-1\">Computer vision quality inspection<\/li>\n                <li class=\"omi-animate delay-2\">AI-optimized production scheduling<\/li>\n                <li class=\"omi-animate delay-2\">Natural language interfaces for operators<\/li>\n                <li class=\"omi-animate delay-3\">Real-time analytics &amp; decision support<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"omi-ai-images\">\n            <div class=\"omi-img-wrapper omi-animate delay-2\">\n                <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/23086.jpg\" alt=\"Robotska celica z UI\">\n            <\/div>\n            <div class=\"omi-img-wrapper omi-animate delay-3\">\n                <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/23420.jpg\" alt=\"Pametno krmiljenje procesov\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"omi-ai-grid\">\n        <div class=\"omi-ai-card omi-animate delay-1\">\n            <h4>Industry 4.0<\/h4>\n            <p>Compliance<\/p>\n        <\/div>\n        <div class=\"omi-ai-card omi-animate delay-2\">\n            <h4>Multi-Platform<\/h4>\n            <p>Full stack<\/p>\n        <\/div>\n        <div class=\"omi-ai-card omi-animate delay-3\">\n            <h4>End-to-End<\/h4>\n            <p>Integration<\/p>\n        <\/div>\n        <div class=\"omi-ai-card omi-animate delay-1\">\n            <h4>AI-Enhanced<\/h4>\n            <p>Solutions<\/p>\n        <\/div>\n    <\/div>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- === STILI: SEKCIJA ZAKAJ IZBRATI NAS (MOBILE EDGE-TO-EDGE) === -->\n<style>\n    \/* \/ === DEFINICIJA BARV IN TIPOGRAFIJE === \/ *\/\n    :root {\n        --royal-gold: #E5BE4A;\n        --pure-white: #ffffff;\n    }\n\n    .omi-why-section {\n        font-family: 'Inter', sans-serif;\n        padding: 100px 20px;\n        max-width: 1320px;\n        margin: 0 auto;\n        background-color: transparent;\n        display: flex;\n        align-items: center;\n        gap: 60px;\n    }\n\n    \/* \/ === LEVA STRAN: VSEBINA === \/ *\/\n    .omi-why-content {\n        flex: 1.2;\n        text-align: left;\n    }\n\n    .omi-why-content h2 {\n        font-size: clamp(32px, 4vw, 48px);\n        font-weight: 800;\n        \/* Forsiranje bele barve *\/\n        color: #ffffff !important;\n        margin-bottom: 20px;\n        letter-spacing: -1.5px;\n    }\n\n    .omi-why-content h2 span {\n        color: var(--royal-gold) !important;\n    }\n\n    .omi-why-content .subtitle {\n        \/* Forsiranje bele barve *\/\n        color: rgba(255, 255, 255, 0.9) !important;\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 50px;\n        max-width: 550px;\n    }\n\n    \/* \/ === MRE\u017dA PREDNOSTI === \/ *\/\n    .omi-features-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px 30px;\n    }\n\n    .omi-feature-item {\n        display: flex;\n        gap: 15px;\n        align-items: flex-start;\n    }\n\n    .omi-feature-icon {\n        width: 32px;\n        height: 32px;\n        background: rgba(229, 190, 74, 0.15);\n        color: var(--royal-gold);\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .omi-feature-text h4 {\n        font-size: 18px;\n        font-weight: 700;\n        \/* Forsiranje bele barve *\/\n        color: #ffffff !important;\n        margin-bottom: 8px;\n    }\n\n    .omi-feature-text p {\n        font-size: 14px;\n        \/* Forsiranje bele barve *\/\n        color: rgba(255, 255, 255, 0.8) !important;\n        line-height: 1.5;\n    }\n\n    \/* \/ === DESNA STRAN: VIDEO ELEMENT === \/ *\/\n    .omi-why-visual {\n        flex: 1;\n        position: relative;\n        aspect-ratio: 16 \/ 9;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 25px 50px rgba(0,0,0,0.3);\n        background-color: #000;\n        align-self: center;\n    }\n\n    .omi-why-visual video {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n    }\n\n    .omi-video-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(45deg, rgba(0,0,0,0.2) 0%, transparent 100%);\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    \/* \/ === MOBILNA PRILAGODITEV: MINIMALNI PADDING === \/ *\/\n    @media (max-width: 1024px) {\n        .omi-why-section { flex-direction: column; padding: 60px 20px; text-align: center; }\n        .omi-why-content { text-align: center; }\n        .omi-why-content .subtitle { margin: 0 auto 50px; }\n        .omi-feature-item { text-align: left; }\n        .omi-why-visual { width: 100%; max-width: 650px; }\n    }\n\n    @media (max-width: 768px) {\n        .omi-why-section { \n            padding: 40px 0px; \/* Odstranjen stranski padding wrapperja *\/\n        }\n\n        .omi-why-content {\n            padding: 0 15px; \/* Besedilo \u0161e vedno rabi malo varnostne razdalje *\/\n        }\n\n        .omi-why-visual { \n            width: 100%; \n            max-width: none; \n            border-radius: 0; \/* Video gre od roba do roba *\/\n            box-shadow: none;\n        }\n\n        .omi-features-grid { \n            grid-template-columns: 1fr; \n            padding: 0 15px;\n        }\n    }\n<\/style>\n\n<!-- === HTML: SEKCIJA ZAKAJ OMITECH === -->\n<section class=\"omi-why-section\">\n    \n    <!-- Vsebinska stran -->\n    <div class=\"omi-why-content\">\n        <h2>Why Choose <span>OMITECH<\/span>?<\/h2>\n        <p class=\"subtitle\">\n            We combine deep technical expertise with a collaborative approach to deliver solutions that truly meet your needs.\n        <\/p>\n\n        <!-- Mre\u017ea prednosti -->\n        <div class=\"omi-features-grid\">\n            <div class=\"omi-feature-item\">\n                <div class=\"omi-feature-icon\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5M12 2L2 7l10 5 10-5-10-5z\"\/><\/svg>\n                <\/div>\n                <div class=\"omi-feature-text\">\n                    <h4>Full-Stack Expertise<\/h4>\n                    <p>From electronics to software, mechanical to embedded\u2014we handle it all under one roof<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"omi-feature-item\">\n                <div class=\"omi-feature-icon\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                <\/div>\n                <div class=\"omi-feature-text\">\n                    <h4>Custom Solutions<\/h4>\n                    <p>No cookie-cutter approaches. Every solution is tailored to your specific needs<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"omi-feature-item\">\n                <div class=\"omi-feature-icon\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                <\/div>\n                <div class=\"omi-feature-text\">\n                    <h4>Proven Track Record<\/h4>\n                    <p>Our products showcase our capabilities\u2014we practice what we preach<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"omi-feature-item\">\n                <div class=\"omi-feature-icon\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg>\n                <\/div>\n                <div class=\"omi-feature-text\">\n                    <h4>End-to-End Support<\/h4>\n                    <p>Concept, design, development, and deployment\u2014plus ongoing support<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vizualni del (Video) -->\n    <div class=\"omi-why-visual\">\n        <div class=\"omi-video-overlay\"><\/div>\n        <video autoplay loop muted playsinline>\n            <source src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/5813017_Coll_wavebreak_Digital_1280x720.mp4\" type=\"video\/mp4\">\n            Va\u0161 brskalnik ne podpira video predvajalnika.\n        <\/video>\n    <\/div>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\" id=\"products\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n    \/* \/ === DEFINICIJA BARV IN OSNOVE === \/ *\/\n    :root {\n        --royal-gold: #E5BE4A;\n        --text-dark: #1a1a1a;\n        --text-gray: #666666;\n        --bg-white: #ffffff;\n        --card-shadow: 0 15px 40px rgba(0,0,0,0.06);\n    }\n\n    .omi-innovation-section {\n        font-family: 'Inter', sans-serif;\n        padding: 100px 20px;\n        max-width: 1320px;\n        margin: 0 auto;\n        text-align: center;\n        background-color: var(--bg-white);\n    }\n\n    \/* \/ === GLAVA SEKCIJE === \/ *\/\n    .omi-inn-header {\n        margin-bottom: 60px;\n    }\n\n    .omi-inn-header h2 {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 800;\n        color: var(--text-dark);\n        margin-bottom: 15px;\n        letter-spacing: -1.5px;\n    }\n\n    .omi-inn-header h2 span {\n        color: var(--royal-gold);\n    }\n\n    .omi-inn-header p {\n        color: var(--text-gray);\n        font-size: 17px;\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    \/* \/ === MRE\u017dA KARTIC === \/ *\/\n    .omi-inn-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin-bottom: 70px;\n    }\n\n    \/* \/ === POSAMEZNA KARTICA PRODUKTA === \/ *\/\n    .omi-product-card {\n        background: white;\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: var(--card-shadow);\n        border: 1px solid #f0f0f0;\n        text-align: left;\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .omi-product-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 25px 50px rgba(0,0,0,0.1);\n    }\n\n    \/* \/ === ZGORNJI DEL KARTICE (SLIKA) === \/ *\/\n    .omi-card-visual {\n        position: relative;\n        height: 240px;\n        width: 100%;\n        overflow: hidden;\n    }\n\n    .omi-card-visual img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .omi-product-card:hover .omi-card-visual img {\n        transform: scale(1.1);\n    }\n\n    .omi-category-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(5px);\n        padding: 8px 16px;\n        border-radius: 30px;\n        font-size: 10px;\n        font-weight: 800;\n        color: var(--text-dark);\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        z-index: 5;\n    }\n\n    \/* \/ === VSEBINA KARTICE === \/ *\/\n    .omi-card-body {\n        padding: 35px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .omi-card-body h3 {\n        font-size: 22px;\n        font-weight: 800;\n        color: var(--text-dark);\n        margin-bottom: 15px;\n        letter-spacing: -0.5px;\n    }\n\n    .omi-card-body p {\n        font-size: 15px;\n        color: var(--text-gray);\n        line-height: 1.6;\n        margin-bottom: 25px;\n    }\n\n    \/* \/ === ZNA\u010cKE (TAGS) === \/ *\/\n    .omi-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-bottom: 30px;\n    }\n\n    .omi-tag {\n        font-size: 11px;\n        background: #f8f8f8;\n        color: #888;\n        padding: 5px 12px;\n        border-radius: 6px;\n        font-weight: 700;\n        border: 1px solid #eee;\n    }\n\n    .omi-learn-more {\n        margin-top: auto;\n        color: var(--royal-gold);\n        text-decoration: none;\n        font-weight: 800;\n        font-size: 14px;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        transition: all 0.3s ease;\n    }\n\n    .omi-learn-more:hover {\n        gap: 12px;\n        color: var(--text-dark);\n    }\n\n    \/* \/ === SPODNJI CTA DEL === \/ *\/\n    .omi-cta-footer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 24px;\n        margin-top: 20px;\n    }\n\n    .omi-cta-footer p {\n        color: var(--text-gray);\n        font-size: 16px;\n        font-weight: 500;\n    }\n\n    \/* \/ === GUMB S HOVER EFEKTOM === \/ *\/\n    .omi-main-btn {\n        padding: 18px 40px;\n        border: 2px solid var(--royal-gold);\n        background: transparent;\n        border-radius: 12px;\n        font-weight: 800;\n        font-size: 14px;\n        color: var(--royal-gold);\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        min-width: 340px;\n        height: 60px;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n\n    .omi-main-btn .btn-txt-normal {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;\n    }\n\n    .omi-main-btn .btn-txt-hover {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transform: translateY(100%);\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        font-weight: 900;\n        color: var(--text-dark);\n        background: var(--royal-gold);\n    }\n\n    .omi-main-btn:hover .btn-txt-normal {\n        transform: translateY(-100%);\n        opacity: 0;\n    }\n\n    .omi-main-btn:hover .btn-txt-hover {\n        transform: translateY(0);\n    }\n\n    \/* \/ === PRILAGODITEV ZA TABLICE === \/ *\/\n    @media (max-width: 1024px) {\n        .omi-inn-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    \/* \/ === MOBILNA PRILAGODITEV === \/ *\/\n    @media (max-width: 768px) {\n        .omi-inn-grid { \n            grid-template-columns: 1fr; \n            gap: 15px; \n        }\n        \n        .omi-innovation-section { \n            padding: 40px 0px;\n        }\n        \n        .omi-product-card { \n            border-radius: 0;\n            border-left: none;\n            border-right: none;\n            opacity: 1 !important; \n            animation: none !important;\n            transform: none !important;\n        }\n\n        .omi-card-body {\n            padding: 30px 15px;\n        }\n\n        .omi-inn-header {\n            opacity: 1 !important;\n            animation: none !important;\n            transform: none !important;\n            margin-bottom: 30px;\n            padding: 0 15px;\n        }\n\n        .omi-main-btn {\n            min-width: 90%;\n        }\n\n        .omi-card-visual {\n            height: 220px;\n        }\n    }\n<\/style>\n\n<section class=\"omi-innovation-section\">\n    \n    <div class=\"omi-inn-header\">\n        <h2>Innovation <span>in Action<\/span><\/h2>\n        <p>Our products demonstrate our development excellence<\/p>\n    <\/div>\n\n    <div class=\"omi-inn-grid\">\n        \n        <div class=\"omi-product-card\">\n            <div class=\"omi-card-visual\">\n                <span class=\"omi-category-badge\">Digital Platform<\/span>\n                <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/2151924155.jpg\" alt=\"Platforma IZIBIZNIS\">\n            <\/div>\n            <div class=\"omi-card-body\">\n                <h3>IZIBIZNIS Platform<\/h3>\n                <p>Web-based platform connecting service providers with customers\u2014built from the ground up using our custom software development expertise<\/p>\n                <div class=\"omi-tags\">\n                    <span class=\"omi-tag\">Web application<\/span>\n                    <span class=\"omi-tag\">Custom development<\/span>\n                    <span class=\"omi-tag\">Service marketplace<\/span>\n                <\/div>\n                <a href=\"#\" class=\"omi-learn-more\">Learn More \u2192<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"omi-product-card\">\n            <div class=\"omi-card-visual\">\n                <span class=\"omi-category-badge\">Smart Agriculture<\/span>\n                <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/2151908084.jpg\" alt=\"Tomato Hero\">\n            <\/div>\n            <div class=\"omi-card-body\">\n                <h3>Tomato Hero<\/h3>\n                <p>Innovative automated growing solution combining our hardware, software, and mechanical design capabilities<\/p>\n                <div class=\"omi-tags\">\n                    <span class=\"omi-tag\">Hardware + software integration<\/span>\n                    <span class=\"omi-tag\">Automation<\/span>\n                    <span class=\"omi-tag\">IoT<\/span>\n                <\/div>\n                <a href=\"#\" class=\"omi-learn-more\">Learn More \u2192<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"omi-product-card\">\n            <div class=\"omi-card-visual\">\n                <span class=\"omi-category-badge\">IoT Device<\/span>\n                <img decoding=\"async\" src=\"https:\/\/www.omitech.si\/wp-content\/uploads\/2026\/02\/8737.jpg\" alt=\"Re\u0161itev pametnega klju\u010da\">\n            <\/div>\n            <div class=\"omi-card-body\">\n                <h3>Smart Key Solution<\/h3>\n                <p>Transform any analog key into a smart, trackable digital key. Know your door status, locate your keys, and gain peace of mind<\/p>\n                <div class=\"omi-tags\">\n                    <span class=\"omi-tag\">IoT<\/span>\n                    <span class=\"omi-tag\">Mobile app integration<\/span>\n                    <span class=\"omi-tag\">Location tracking<\/span>\n                <\/div>\n                <a href=\"#\" class=\"omi-learn-more\">Learn More \u2192<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"omi-cta-footer\">\n        <p>See what we can build for you<\/p>\n        <a href=\"mailto:info@omitech.si\" class=\"omi-main-btn\">\n            <span class=\"btn-txt-normal\">\n                Discuss Your Project\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n            <\/span>\n            <span class=\"btn-txt-hover\">WRITE TO US<\/span>\n        <\/a>\n    <\/div>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\" id=\"procesi\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- === STILI: RAZVOJNI PROCES (MOBILE EDGE-TO-EDGE) === -->\n<style>\n    \/* \/ === DEFINICIJA BARV IN TIPOGRAFIJE === \/ *\/\n    :root {\n        --royal-gold: #E5BE4A;\n        --text-white: #ffffff;\n        --text-light-gray: rgba(255, 255, 255, 0.7);\n        --border-white: rgba(255, 255, 255, 0.1);\n        --card-bg: rgba(255, 255, 255, 0.03);\n    }\n\n    .omi-process-section {\n        font-family: 'Inter', sans-serif;\n        padding: 100px 20px;\n        max-width: 1400px;\n        margin: 0 auto;\n        background-color: transparent;\n        text-align: center;\n        overflow: hidden;\n    }\n\n    \/* \/ === KLJU\u010cNE ANIMACIJE (KEYFRAMES) === \/ *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes expandLine {\n        from { transform: scaleX(0); }\n        to { transform: scaleX(1); }\n    }\n\n    \/* \/ === GLAVA SEKCIJE === \/ *\/\n    .omi-process-header {\n        margin-bottom: 80px;\n        animation: fadeInUp 0.8s ease-out forwards;\n    }\n\n    .omi-process-header h2 {\n        font-size: clamp(32px, 4vw, 48px);\n        font-weight: 800;\n        color: var(--text-white);\n        margin-bottom: 15px;\n        letter-spacing: -1.5px;\n    }\n\n    .omi-process-header h2 span {\n        color: var(--royal-gold);\n    }\n\n    .omi-process-header p {\n        color: var(--text-light-gray);\n        font-size: 18px;\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    \/* \/ === VSEBNIK ZA KORAKE === \/ *\/\n    .omi-process-container {\n        display: flex;\n        justify-content: space-between;\n        position: relative;\n        gap: 20px;\n        margin-top: 40px;\n    }\n\n    \/* \/ === POVEZOVALNA \u010cRTA (SAMO ZA NAMIZJA) === \/ *\/\n    .omi-process-container::before {\n        content: \"\";\n        position: absolute;\n        top: 100px; \n        left: 5%;\n        right: 5%;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--border-white), transparent);\n        z-index: 1;\n        transform-origin: left;\n        animation: expandLine 1.5s ease-in-out forwards;\n        animation-delay: 0.5s;\n        transform: scaleX(0);\n    }\n\n    \/* \/ === POSAMEZNI KORAK === \/ *\/\n    .omi-step-card {\n        flex: 1;\n        background: var(--card-bg);\n        padding: 40px 25px;\n        border-radius: 16px;\n        border: 1px solid var(--border-white);\n        box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        position: relative;\n        z-index: 2;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        backdrop-filter: blur(10px);\n        \n        opacity: 0;\n        animation: fadeInUp 0.6s ease-out forwards;\n    }\n\n    \/* Zamiki za stopnjevanje (Stagger) *\/\n    .omi-step-card:nth-child(1) { animation-delay: 0.2s; }\n    .omi-step-card:nth-child(2) { animation-delay: 0.4s; }\n    .omi-step-card:nth-child(3) { animation-delay: 0.6s; }\n    .omi-step-card:nth-child(4) { animation-delay: 0.8s; }\n    .omi-step-card:nth-child(5) { animation-delay: 1.0s; }\n\n    .omi-step-card:hover {\n        transform: translateY(-15px) scale(1.02);\n        box-shadow: 0 20px 40px rgba(229, 190, 74, 0.15);\n        border-color: var(--royal-gold);\n        background: rgba(255, 255, 255, 0.08);\n    }\n\n    \/* \/ === \u0160TEVILKA KORAKA === \/ *\/\n    .omi-step-number {\n        position: absolute;\n        top: -15px;\n        background: var(--royal-gold);\n        color: #1a1a1a;\n        font-size: 12px;\n        font-weight: 800;\n        width: 34px;\n        height: 34px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 10px rgba(229, 190, 74, 0.3);\n    }\n\n    \/* \/ === IKONA KORAKA === \/ *\/\n    .omi-step-icon {\n        width: 60px;\n        height: 60px;\n        background: rgba(229, 190, 74, 0.1);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--royal-gold);\n        margin-bottom: 25px;\n        transition: all 0.4s ease;\n    }\n\n    .omi-step-card:hover .omi-step-icon {\n        background: var(--royal-gold);\n        color: #1a1a1a;\n        transform: scale(1.1);\n    }\n\n    \/* \/ === BESEDILO KORAKA === \/ *\/\n    .omi-step-card h3 {\n        font-size: 20px;\n        font-weight: 700;\n        color: var(--text-white);\n        margin-bottom: 15px;\n    }\n\n    .omi-step-card p {\n        font-size: 14px;\n        color: var(--text-light-gray);\n        line-height: 1.6;\n    }\n\n    \/* \/ === PRILAGODITEV ZA TABLICE === \/ *\/\n    @media (max-width: 1100px) {\n        .omi-process-container {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n        }\n        .omi-process-container::before { display: none; }\n    }\n\n    \/* \/ === PRILAGODITEV ZA MOBILCE: ABSOLUTNI MINIMALIZEM ROBJA === \/ *\/\n    @media (max-width: 768px) {\n        .omi-process-section { \n            padding: 50px 0px; \/* \/ Odstranjen stranski padding wrapperja \/ *\/\n        }\n\n        .omi-process-header { \n            margin-bottom: 40px; \n            padding: 0 15px; \/* \/ Glava rabi malo zraka \/ *\/\n        }\n\n        .omi-process-container {\n            grid-template-columns: 1fr;\n            gap: 25px;\n            margin-top: 30px;\n        }\n\n        .omi-step-card { \n            padding: 40px 15px; \n            border-radius: 0; \/* \/ Edge-to-edge videz koraka \/ *\/\n            border-left: none;\n            border-right: none;\n            opacity: 1 !important; \n            animation: none !important;\n            transform: none !important;\n        }\n\n        .omi-step-number {\n            left: 15px;\n            top: 15px;\n        }\n    }\n<\/style>\n\n<!-- === HTML: SEKCIJA RAZVOJNEGA PROCESA === -->\n<section class=\"omi-process-section\">\n    \n    <!-- Glava -->\n    <div class=\"omi-process-header\">\n        <h2>Our Development <span>Process<\/span><\/h2>\n        <p>From concept to creation\u2014a proven methodology<\/p>\n    <\/div>\n\n    <!-- Mre\u017ea korakov -->\n    <div class=\"omi-process-container\">\n        \n        <!-- Korak 01 -->\n        <div class=\"omi-step-card\">\n            <div class=\"omi-step-number\">01<\/div>\n            <div class=\"omi-step-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n            <\/div>\n            <h3>Discovery<\/h3>\n            <p>Understanding your needs\u2014whether it's a new product concept or production line automation<\/p>\n        <\/div>\n\n        <!-- Korak 02 -->\n        <div class=\"omi-step-card\">\n            <div class=\"omi-step-number\">02<\/div>\n            <div class=\"omi-step-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"18\"\/><line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"22\"\/><\/svg>\n            <\/div>\n            <h3>Strategy<\/h3>\n            <p>Technical specifications, system architecture, and project roadmap for development or integration<\/p>\n        <\/div>\n\n        <!-- Korak 03 -->\n        <div class=\"omi-step-card\">\n            <div class=\"omi-step-number\">03<\/div>\n            <div class=\"omi-step-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><path d=\"M2 2l7.586 7.586\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg>\n            <\/div>\n            <h3>Design<\/h3>\n            <p>Prototypes, schematics, mechanical CAD, and detailed engineering designs<\/p>\n        <\/div>\n\n        <!-- Korak 04 -->\n        <div class=\"omi-step-card\">\n            <div class=\"omi-step-number\">04<\/div>\n            <div class=\"omi-step-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n            <\/div>\n            <h3>Development<\/h3>\n            <p>Hardware, software, PLC programming, and robotics\u2014built and tested with precision<\/p>\n        <\/div>\n\n        <!-- Korak 05 -->\n        <div class=\"omi-step-card\">\n            <div class=\"omi-step-number\">05<\/div>\n            <div class=\"omi-step-icon\">\n                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4.5c1.62-1.63 5-2.5 5-2.5\"\/><path d=\"M12 15v5s3.03-.55 4.5-2c1.63-1.62 2.5-5 2.5-5\"\/><\/svg>\n            <\/div>\n            <h3>Delivery<\/h3>\n            <p>Deployment, commissioning, operator training, and ongoing support<\/p>\n        <\/div>\n\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\" id=\"kontakt\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n    \/* \/ === DEFINICIJA BARV IN OSNOVE === \/ *\/\n    :root {\n        --royal-gold: #E5BE4A;\n        --royal-gold-hover: #f0c54d;\n        --tech-black: #1a1a1a;\n        --tech-gray: #666666;\n        --bg-white: #ffffff;\n    }\n\n    .omi-cta-section {\n        font-family: 'Inter', sans-serif;\n        padding: 120px 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n        background-color: var(--bg-white);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n\n    \/* \/ === GLAVA: NASLOV IN OPIS === \/ *\/\n    .omi-cta-header h2 {\n        font-size: clamp(32px, 5vw, 54px);\n        font-weight: 900;\n        color: var(--tech-black);\n        margin-bottom: 20px;\n        letter-spacing: -1.5px;\n        line-height: 1.1;\n    }\n\n    .omi-cta-header h2 span {\n        color: var(--royal-gold);\n    }\n\n    .omi-cta-header p {\n        color: var(--tech-gray);\n        font-size: clamp(16px, 2vw, 20px);\n        max-width: 750px;\n        margin: 0 auto 50px;\n        line-height: 1.5;\n    }\n\n    \/* \/ === SKUPINA GUMBOV === \/ *\/\n    .omi-btn-group {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        margin-bottom: 60px;\n        flex-wrap: wrap;\n    }\n\n    .omi-btn {\n        padding: 18px 36px;\n        border-radius: 8px;\n        font-weight: 700;\n        font-size: 15px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 240px;\n        height: 60px;\n    }\n\n    \/* \/ === PRIMARNI GUMB (PI\u0160ITE NAM) === \/ *\/\n    .omi-btn-primary {\n        background-color: var(--royal-gold);\n        color: var(--tech-black);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .omi-btn-primary .btn-text-normal {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        transition: transform 0.3s ease, opacity 0.3s ease;\n    }\n\n    .omi-btn-primary .btn-text-hover {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transform: translateY(100%);\n        transition: transform 0.3s ease;\n        font-weight: 800;\n    }\n\n    .omi-btn-primary:hover .btn-text-normal {\n        transform: translateY(-100%);\n        opacity: 0;\n    }\n\n    .omi-btn-primary:hover .btn-text-hover {\n        transform: translateY(0);\n    }\n\n    .omi-btn-primary:hover {\n        background-color: var(--royal-gold-hover);\n    }\n\n    \/* \/ === SPODNJI KONTAKTNI PODATKI === \/ *\/\n    .omi-contact-footer {\n        display: flex;\n        gap: 40px;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    .omi-footer-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: var(--tech-gray);\n        font-size: 15px;\n        text-decoration: none;\n        transition: color 0.2s ease;\n    }\n\n    .omi-footer-item:hover {\n        color: var(--tech-black);\n    }\n\n    .omi-footer-item svg {\n        color: #999;\n    }\n\n    \/* \/ === MOBILNA PRILAGODITEV === \/ *\/\n    @media (max-width: 768px) {\n        .omi-cta-section { \n            padding: 60px 0px; \n        }\n        \n        .omi-cta-header {\n            padding: 0 15px;\n        }\n\n        .omi-btn-group {\n            padding: 0 15px;\n            width: 100%;\n            box-sizing: border-box;\n            gap: 12px;\n            margin-bottom: 40px;\n        }\n\n        .omi-btn { \n            width: 100%; \n            min-width: unset;\n            border-radius: 6px;\n            height: 54px;\n        }\n\n        .omi-contact-footer { \n            gap: 5px;\n            flex-direction: column; \n            align-items: center; \n            padding: 0 15px;\n        }\n\n        .omi-footer-item {\n            width: 100%;\n            justify-content: center;\n            padding: 8px 0;\n            border-bottom: 1px solid #f9f9f9;\n            font-size: 14px;\n        }\n\n        .omi-footer-item:last-child {\n            border-bottom: none;\n        }\n    }\n<\/style>\n\n<section class=\"omi-cta-section\">\n    \n    <div class=\"omi-cta-header\">\n        <h2>Ready to Bring Your <span>Idea to Life?<\/span><\/h2>\n        <p>Let's discuss how OMITECH can help you achieve your technology goals<\/p>\n    <\/div>\n\n    <div class=\"omi-btn-group\">\n        <a href=\"mailto:info@omitech.si\" class=\"omi-btn omi-btn-primary\" rel=\"noopener\">\n            <span class=\"btn-text-normal\">\n                Contact Us \n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n            <\/span>\n            <span class=\"btn-text-hover\">info@omitech.si<\/span>\n        <\/a>\n    <\/div>\n\n    <div class=\"omi-contact-footer\">\n        <a href=\"mailto:info@omitech.si\" class=\"omi-footer-item\" rel=\"noopener\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            info@omitech.si\n        <\/a>\n\n        <a href=\"tel:+38640864490\" class=\"omi-footer-item\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n            +386 40 864 490\n        <\/a>\n\n        <a href=\"https:\/\/www.linkedin.com\/company\/omitech-si\" class=\"omi-footer-item\" target=\"_blank\" rel=\"noopener\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n            LinkedIn\n        <\/a>\n\n        <div class=\"omi-footer-item\">\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            Slovenia\n        <\/div>\n    <\/div>\n\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":59,"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/pages\/36\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/www.omitech.si\/en\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}