{"id":1271,"date":"2025-03-17T13:15:20","date_gmt":"2025-03-17T13:15:20","guid":{"rendered":"https:\/\/new.infehitus.ee\/job-vacancies\/"},"modified":"2025-08-15T13:40:07","modified_gmt":"2025-08-15T13:40:07","slug":"job-vacancies","status":"publish","type":"page","link":"https:\/\/infehitus.ee\/en\/job-vacancies\/","title":{"rendered":"Come to work"},"content":{"rendered":"<section class=\"relative flex items-end text-left h-24 alignfull wp-block-page-header\"\n    id=\"page-header-69ddef7226453\" style=\"background-color: var(--primary-color);\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n        <h1 class=\"text-6xl md:text-7xl uppercase font-walsheim font-bold m-0 -mb-[13px] leading-none\"\n             style=\"color: #ffffff;\" >\n            Come to work\n        <\/h1>\n    <\/div>\n<\/section>\n\n\n<style>\n    \/* Scope all styles to this specific block to prevent conflicts *\/\n    #page-header-69ddef7226453 {\n        position: relative;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    \/* Frontend text styling classes *\/\n    #page-header-69ddef7226453 h1.uppercase {\n        text-transform: uppercase;\n    }\n\n    #page-header-69ddef7226453 h1.page-header-outline {\n        -webkit-text-stroke-color: white;\n        text-stroke-color: white;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n    }\n\n    #page-header-69ddef7226453 h1.page-header-outline-sm {\n        -webkit-text-stroke-width: 1px;\n        text-stroke-width: 1px;\n    }\n\n    #page-header-69ddef7226453 h1.page-header-outline-md {\n        -webkit-text-stroke-width: 2px;\n        text-stroke-width: 2px;\n    }\n\n    #page-header-69ddef7226453 h1.page-header-outline-lg {\n        -webkit-text-stroke-width: 4px;\n        text-stroke-width: 4px;\n    }\n\n    #page-header-69ddef7226453 h1.page-header-transparent {\n        color: transparent !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n\n    \/* Editor-specific styling to match frontend exactly *\/\n    .editor-styles-wrapper #page-header-69ddef7226453 {\n        position: relative !important;\n        display: flex !important;\n        align-items: flex-end !important;\n        background-color: var(--primary-color) !important;\n        min-height: 6rem !important;\n\n                    justify-content: flex-start !important;\n            }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 .container {\n        max-width: 80rem !important;\n        \/* max-w-7xl equivalent *\/\n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1rem !important;\n        \/* px-4 equivalent *\/\n        padding-right: 1rem !important;\n        \/* px-4 equivalent *\/\n        width: 100% !important;\n    }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 h1 {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        font-weight: 700 !important;\n        line-height: 1 !important;\n        margin: 0 !important;\n        margin-bottom: -13px !important;\n\n                    color: #ffffff !important;\n        \n                    text-align: left !important;\n            }\n\n    \/* Editor text styling classes *\/\n    .editor-styles-wrapper #page-header-69ddef7226453 h1.uppercase {\n        text-transform: uppercase !important;\n    }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 h1.page-header-outline {\n        -webkit-text-stroke-color: white !important;\n        text-stroke-color: white !important;\n        color: transparent !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 h1.page-header-outline-sm {\n        -webkit-text-stroke-width: 1px !important;\n        text-stroke-width: 1px !important;\n    }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 h1.page-header-outline-md {\n        -webkit-text-stroke-width: 2px !important;\n        text-stroke-width: 2px !important;\n    }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 h1.page-header-outline-lg {\n        -webkit-text-stroke-width: 4px !important;\n        text-stroke-width: 4px !important;\n    }\n\n    .editor-styles-wrapper #page-header-69ddef7226453 h1.page-header-transparent {\n        color: transparent !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n\n    \/* Size-specific editor styling - exact Tailwind equivalents *\/\n            .editor-styles-wrapper #page-header-69ddef7226453 h1 {\n            font-size: 4.5rem !important;\n            \/* text-6xl: 72px *\/\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper #page-header-69ddef7226453 h1 {\n                font-size: 5.25rem !important;\n                \/* md:text-7xl: 84px *\/\n            }\n        }\n    \n    \/* Subtitle section editor styling *\/\n    .editor-styles-wrapper .page-header-subtitle {\n        position: relative !important;\n        background-color: transparent !important;\n\n                    text-align: left !important;\n            }\n\n    .editor-styles-wrapper .page-header-subtitle .container {\n        max-width: 80rem !important;\n        \/* max-w-7xl equivalent *\/\n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1rem !important;\n        \/* px-4 equivalent *\/\n        padding-right: 1rem !important;\n        \/* px-4 equivalent *\/\n        width: 100% !important;\n    }\n\n    .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        max-width: 48rem !important;\n        \/* max-w-3xl equivalent *\/\n        color: #ffffff !important;\n\n            }\n\n    \/* Size-specific subtitle styling - exact Tailwind equivalents *\/\n            .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n            font-size: 1.5rem !important;\n            \/* text-2xl: 24px *\/\n            padding-top: 1.25rem !important;\n            \/* py-5: 20px *\/\n            padding-bottom: 1.25rem !important;\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n                font-size: 1.875rem !important;\n                \/* md:text-3xl: 30px *\/\n            }\n        }\n    <\/style>\n\n\n\n\n<div id=\"content-with-image-69ddef7227d62\"\n    class=\"wp-block-content-with-image py-16 md:py-24 bg-light \">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center lg:grid-flow-dense\">\n\n            <div\n                class=\"lg:col-start-2 lg:col-span-1 mb-8 lg:mb-0\">\n                                    <h2 class=\"text-3xl font-bold text-gray-800 mb-6\">AS INF Ehitus as an employer<\/h2>\n                \n                                    <div class=\"prose max-w-none text-gray-600\">\n                        <p class=\"whitespace-pre-wrap break-words\">INF Ehitus is an innovative employer that values the professional development and well-being of its team. The company offers a dynamic working environment where proactivity, teamwork and the contribution of every employee is valued. <\/p>\n\n                    <\/div>\n                \n                \n                                    <div class=\"mt-8\">\n                        <a href=\"#job-offers-section\" class=\"btn-primary\" target=\"\">\n                            <span>See all job offers<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n\n\n            <div\n                class=\"lg:col-start-1 lg:col-span-1\">\n                                                            \n                        <div\n                            class=\"overflow-hidden shadow-lg relative \">\n                            <img decoding=\"async\" data-src=\"https:\/\/infehitus.ee\/app\/uploads\/2025\/05\/balticgalerii3.jpg\" alt=\"\"\n                                class=\"w-full h-auto object-contain lazyload\"\n                                src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 600px; --smush-placeholder-aspect-ratio: 600\/400;\">\n\n                                                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* Editor-specific title styling *\/\n    .editor-styles-wrapper #content-with-image-69ddef7227d62 h2 {\n        font-size: 1.875rem !important;\n        \/* text-3xl equivalent *\/\n        font-weight: 700 !important;\n        line-height: 1.1 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    \/* Button styles - keep original styling, only fix arrow hover *\/\n    #content-with-image-69ddef7227d62 .btn-primary svg {\n        margin-left: 10px;\n        width: 20px;\n        height: 20px;\n        transition: all 0.3s ease;\n    }\n\n    \/* Fix arrow color on button hover *\/\n    #content-with-image-69ddef7227d62 .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Editor-specific button styling *\/\n    .editor-styles-wrapper #content-with-image-69ddef7227d62 .btn-primary {\n        font-weight: 600 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    \/* Auto-height slider specific styles *\/\n    #content-with-image-69ddef7227d62 .auto-height-slider {\n        height: auto !important;\n        min-height: 200px;\n        \/* Minimum height to prevent layout shift *\/\n    }\n\n    #content-with-image-69ddef7227d62 .auto-height-slider .swiper-wrapper {\n        align-items: flex-start;\n        \/* Align slides to top *\/\n    }\n\n    #content-with-image-69ddef7227d62 .auto-height-slider .swiper-slide {\n        height: auto !important;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    #content-with-image-69ddef7227d62 .auto-height-slider .swiper-slide img {\n        max-width: 100%;\n        height: auto;\n        object-fit: contain;\n    }\n\n    \/* Ensure navigation controls are properly positioned for auto-height *\/\n    #content-with-image-69ddef7227d62 .auto-height-slider .absolute {\n        position: absolute !important;\n    }\n\n    \/* Smooth height transitions *\/\n    #content-with-image-69ddef7227d62 .auto-height-slider.swiper-container-autoheight {\n        transition: height 0.3s ease;\n    }\n<\/style>\n\n\n<!-- DEBUG: services_background_color in main template =  -->\n<section class=\"services-preview-section wp-block-services-preview bg-light\"\n    id=\"services-preview-section\" data-columns=\"3\"\n    data-layout=\"services_only\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n                    \n                            \n                                <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-8 services-grid lg:grid-cols-3\"\n                    data-columns=\"3\">\n                                            <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">arrow_warm_up<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                Development\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We encourage professional training, staff development and professional development.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                            <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">directions_run<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                Support for health and sport\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Quarterly support for a suitable health service or exercise.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                            <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">license<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                Recognition\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We remember our staff on anniversaries, long service, and professional education.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                            <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">family_restroom<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                Valuing the family\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We remember the children of our staff on the occasion of their births, their first classes and Christmas. We give our staff 7 calendar days of additional paid leave and allow a shorter working day before each public holiday.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                            <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">add_moderator<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                Working environment\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We have a modern working environment and high-quality tools. We map employee satisfaction and organise social events.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                            <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">percent_discount<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                My employee benefits\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We offer partner and group discounts.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                    <\/div>\n                        <\/div>\n<\/section>\n\n<style>\n    \/* Button hover effects for Services Preview block *\/\n    #services-preview-section .btn-primary svg {\n        transition: all 0.3s ease;\n    }\n\n    #services-preview-section .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Material Symbols styling for editor and frontend *\/\n    #services-preview-section .material-symbols-outlined {\n        font-family: 'Material Symbols Outlined' !important;\n        font-weight: normal;\n        font-style: normal;\n        font-size: 68px !important;\n        line-height: 1;\n        letter-spacing: normal;\n        text-transform: none;\n        display: inline-block;\n        white-space: nowrap;\n        word-wrap: normal;\n        direction: ltr;\n        -webkit-font-feature-settings: 'liga';\n        -webkit-font-smoothing: antialiased;\n        color: var(--accent-color) !important;\n    }\n\n    \/* Ensure icon container uses accent color *\/\n    #services-preview-section .icon-container {\n        color: var(--accent-color) !important;\n    }\n\n    \/* Editor-specific styling to match frontend *\/\n    .editor-styles-wrapper #services-preview-section h2 {\n        font-size: 1.875rem !important;\n        \/* text-3xl equivalent *\/\n        font-weight: 700 !important;\n        line-height: 1.1 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .btn-primary {\n        font-weight: 600 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    \/* Ensure Material Symbols work in editor with proper color *\/\n    .editor-styles-wrapper #services-preview-section .material-symbols-outlined {\n        font-family: 'Material Symbols Outlined' !important;\n        color: var(--accent-color) !important;\n    }\n\n    \/* Ensure icon container uses accent color in editor *\/\n    .editor-styles-wrapper #services-preview-section .icon-container {\n        color: var(--accent-color) !important;\n    }\n\n    \/* Editor-specific grid column styling to match frontend *\/\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-1 {\n        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-2 {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-3 {\n        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-4 {\n        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    }\n\n    \/* Editor-specific service item text styling to match frontend *\/\n    .editor-styles-wrapper #services-preview-section .service-item h4 {\n        font-size: 1.25rem !important;\n        \/* text-xl equivalent *\/\n        font-weight: 600 !important;\n        \/* font-semibold *\/\n        color: #1f2937 !important;\n        \/* text-gray-800 *\/\n        margin-bottom: 0.75rem !important;\n        \/* mb-3 *\/\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        line-height: 1.2 !important;\n    }\n\n    \/* Editor-specific service item background styling for color picker *\/\n    .editor-styles-wrapper #services-preview-section .service-item {\n        transition: all 0.2s ease;\n    }\n\n    \/* Ensure padding and spacing work correctly in editor *\/\n    .editor-styles-wrapper #services-preview-section .service-item.p-6 {\n        padding: 1.5rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.mb-8 {\n        margin-bottom: 2rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.mb-6 {\n        margin-bottom: 1.5rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.border {\n        border: 1px solid #e5e7eb !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.shadow-sm {\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.rounded-lg {\n        border-radius: 0.5rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-description {\n        font-size: 1rem !important;\n        \/* text-base equivalent *\/\n        color: #4b5563 !important;\n        \/* text-gray-600 *\/\n        margin-bottom: 1rem !important;\n        \/* mb-4 *\/\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n        line-height: 1.5 !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-description p {\n        margin-bottom: 0.5rem !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-link {\n        font-weight: 500 !important;\n        \/* font-medium *\/\n        color: var(--secondary-color) !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n        margin-top: 0.25rem !important;\n        \/* mt-1 *\/\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-link span {\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    \/* Accordion-specific styles - matching job offers theme *\/\n    #services-preview-section .services-accordion {\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    #services-preview-section .services-accordion .service-accordion-item {\n        margin-bottom: 0.75rem;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 0 !important;\n        background-color: #fff;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n    }\n\n    #services-preview-section .services-accordion .service-accordion-item:hover {\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n        transform: translateY(-1px);\n    }\n\n    #services-preview-section .services-accordion .accordion-header {\n        cursor: pointer;\n        position: relative;\n        padding: 0.75rem !important;\n        margin: 0;\n        background-color: #fff;\n        user-select: none;\n        transition: background-color 0.2s ease;\n        border-radius: 0 !important;\n        border: none;\n        width: 100%;\n        text-align: left;\n        font-family: var(--body-font, 'Nunito Sans', sans-serif) !important;\n        font-weight: 500;\n        font-size: 1rem;\n        color: var(--color-black, #111827) !important;\n    }\n\n    #services-preview-section .services-accordion .accordion-header:hover {\n        background-color: rgba(0, 0, 0, 0.01);\n    }\n\n    #services-preview-section .services-accordion .accordion-header:focus {\n        outline: none;\n    }\n\n    #services-preview-section .services-accordion .accordion-header h4 {\n        color: #111827 !important;\n        font-family: var(--heading-font, 'GT Walsheim Pro', sans-serif) !important;\n        font-size: 1.125rem !important;\n        font-weight: 600 !important;\n        margin: 0 !important;\n    }\n\n    \/* Custom arrow styling to match job offers *\/\n    #services-preview-section .services-accordion .accordion-arrow {\n        position: absolute;\n        right: 1rem !important;\n        top: 50%;\n        width: 0.75rem;\n        height: 0.75rem;\n        border-right: 2px solid #6b7280;\n        border-bottom: 2px solid #6b7280;\n        transform: translateY(-75%) rotate(45deg);\n        transition: transform 0.3s ease;\n        background: none;\n    }\n\n    #services-preview-section .services-accordion .accordion-header[aria-expanded=\"true\"] .accordion-arrow {\n        transform: translateY(-25%) rotate(-135deg);\n    }\n\n    #services-preview-section .services-accordion .accordion-content {\n        overflow: hidden;\n        display: none;\n        visibility: hidden;\n        height: 0;\n        transition: height 0.4s ease, visibility 0.4s ease;\n    }\n\n    #services-preview-section .services-accordion .accordion-content:not(.hidden) {\n        display: block;\n        visibility: visible;\n        height: auto;\n    }\n\n    #services-preview-section .services-accordion .accordion-content .text-gray-600 {\n        padding: 1rem 1.5rem 2rem 1.5rem;\n        color: #1f2937;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        word-break: break-word;\n        font-family: var(--body-font, 'Nunito Sans', sans-serif) !important;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    #services-preview-section .services-accordion .icon-container-small {\n        transition: all 0.2s ease;\n        flex-shrink: 0;\n    }\n\n    \/* no hover scale for icon *\/\n\n    \/* Apply Button Styles - matching job offers *\/\n    #services-preview-section .services-accordion .apply-button {\n        display: inline-flex;\n        align-items: center;\n        padding: 0.75rem 1.5rem;\n        font-size: 0.875rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: white !important;\n        background-color: var(--primary-color, #003385) !important;\n        border-radius: 0 !important;\n        border: 2px solid var(--primary-color, #003385);\n        transition: all 0.3s ease;\n        text-decoration: none !important;\n        font-family: var(--body-font, 'Nunito Sans', sans-serif) !important;\n    }\n\n    #services-preview-section .services-accordion .apply-button:hover {\n        background-color: transparent !important;\n        color: var(--primary-color, #003385) !important;\n        border-color: var(--primary-color, #003385) !important;\n    }\n\n    #services-preview-section .services-accordion .apply-button svg {\n        margin-left: 0.5rem;\n        height: 1rem;\n        width: 1rem;\n        transition: transform 0.3s ease, stroke 0.3s ease;\n        stroke: currentColor;\n    }\n\n    #services-preview-section .services-accordion .apply-button:hover svg {\n        transform: translateX(4px);\n        stroke: var(--primary-color, #003385) !important;\n    }\n\n    \/* Button container styling *\/\n    #services-preview-section .services-accordion .flex.justify-end.mt-6 {\n        border-top: 1px solid rgba(0, 0, 0, 0.1);\n        padding-top: 1rem;\n        margin-top: 1.5rem;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 767px) {\n        #services-preview-section .services-accordion .accordion-header .flex.items-center {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        #services-preview-section .services-accordion .accordion-header h4 {\n            margin-bottom: 0.5rem !important;\n            font-size: 1rem !important;\n        }\n\n        #services-preview-section .services-accordion .accordion-content .text-gray-600 {\n            padding: 1.25rem;\n        }\n\n        #services-preview-section .services-accordion .apply-button {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n\n    \/* Editor-specific accordion styles *\/\n    .editor-styles-wrapper #services-preview-section .services-accordion .accordion-header {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        pointer-events: none;\n        \/* Disable clicks in editor *\/\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-accordion .accordion-content {\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    \/* Show all accordion content in editor for preview *\/\n    .editor-styles-wrapper #services-preview-section .services-accordion .accordion-content.hidden {\n        display: block !important;\n        opacity: 0.7;\n    }\n\n    \/* Add editor preview label *\/\n    .editor-styles-wrapper #services-preview-section .services-accordion::before {\n        content: 'Accordion Preview (Interactive on Frontend)';\n        display: block;\n        background: #f0f0f1;\n        color: #50575e;\n        padding: 8px 12px;\n        font-size: 12px;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        margin-bottom: 16px;\n    }\n<\/style>\n\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Only run accordion JavaScript on frontend, not in editor\n            if (typeof wp !== 'undefined' && wp.data && wp.data.select('core\/block-editor')) {\n                return; \/\/ Exit if in block editor\n            }\n\n            const accordionContainer = document.querySelector(\n                '#services-preview-section [data-accordion=\"services\"]');\n\n            if (accordionContainer) {\n                const accordionButtons = accordionContainer.querySelectorAll('.accordion-header');\n\n                accordionButtons.forEach(button => {\n                    button.addEventListener('click', function() {\n                        const target = document.querySelector(this.getAttribute(\n                            'data-accordion-target'));\n                        const arrow = this.querySelector('.accordion-arrow');\n                        const isExpanded = this.getAttribute('aria-expanded') === 'true';\n\n                        \/\/ Close all other accordion items\n                        accordionButtons.forEach(otherButton => {\n                            if (otherButton !== this) {\n                                const otherTarget = document.querySelector(otherButton\n                                    .getAttribute('data-accordion-target'));\n                                const otherArrow = otherButton.querySelector(\n                                    '.accordion-arrow');\n\n                                if (otherTarget) {\n                                    otherTarget.classList.add('hidden');\n                                }\n                                if (otherArrow) {\n                                    otherArrow.classList.remove('rotate-180');\n                                }\n                                otherButton.setAttribute('aria-expanded', 'false');\n                            }\n                        });\n\n                        \/\/ Toggle current item\n                        if (isExpanded) {\n                            if (target) {\n                                target.classList.add('hidden');\n                            }\n                            if (arrow) {\n                                arrow.classList.remove('rotate-180');\n                            }\n                            this.setAttribute('aria-expanded', 'false');\n                        } else {\n                            if (target) {\n                                target.classList.remove('hidden');\n                            }\n                            if (arrow) {\n                                arrow.classList.add('rotate-180');\n                            }\n                            this.setAttribute('aria-expanded', 'true');\n                        }\n                    });\n                });\n            }\n        });\n    <\/script>\n\n\n\n\n<section id=\"job-offers-section\" data-block-id=\"job-offers-69ddef722d0e1\" class=\"job-offers-section py-12 md:py-20 bg-white\">\n    <div class=\"container mx-auto px-4\">\n        \n        \n                    <div class=\"text-center mb-12\">\n                <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800\">Active job offers<\/h2>\n                                    <p class=\"mt-4 text-xl text-gray-600\">  Join us for exciting projects and development opportunities!<\/p>\n                            <\/div>\n        \n\n        \n        \n        \n        <div class=\"job-listings\">\n                            \n                <div id=\"accordion-container-job-offers-69ddef722d0e1\" class=\"accordion-container\">\n                    <!-- No results message -->\n                                            <!-- Direct job accordion items -->\n                                                    <div class=\"accordion-item ac border mb-4\">\n                                <!-- Accordion Header -->\n                                <h2 class=\"ac-header\">\n                                    <button type=\"button\" class=\"ac-trigger w-full\">\n                                        <div\n                                            class=\"accordion-header p-3 flex justify-between items-center hover:bg-gray-50 transition-colors\">\n                                            <div\n                                                class=\"flex-1 text-left flex flex-wrap md:flex-nowrap items-center gap-3\">\n                                                <h3 class=\"text-xl font-bold text-gray-900 mb-0 mr-3\">\n                                                    Gaasiseadmete lukksepp<\/h3>\n                                                <div class=\"flex flex-wrap items-center gap-2\">\n                                                                                                            <span\n                                                            class=\"job-type-badge job-type-full-time\">\n                                                            T\u00e4iskohaga\n                                                        <\/span>\n                                                    \n                                                                                                            <span class=\"location-badge\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\"\n                                                                height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                                                stroke=\"currentColor\" stroke-width=\"2\"\n                                                                stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                class=\"mr-1.5\">\n                                                                <path\n                                                                    d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\">\n                                                                <\/path>\n                                                                <circle cx=\"12\" cy=\"10\" r=\"3\">\n                                                                <\/circle>\n                                                            <\/svg>\n                                                            Tartumaa\n                                                        <\/span>\n                                                    \n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/button>\n                                <\/h2>\n\n                                <!-- Accordion Content -->\n                                <div class=\"ac-panel\">\n                                    <div class=\"ac-text p-6\">\n                                        \n                                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                                            \n                                            \n                                            \n                                                                                    <\/div>\n\n                                        \n                                        <div class=\"text-gray-700 px-4\">\n                                            <p><img decoding=\"async\" class=\"alignnone wp-image-2164 size-full lazyload\" data-src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1.jpg\" alt=\"\" width=\"1414\" height=\"2000\" data-srcset=\"https:\/\/infehitus.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1.jpg 1414w, https:\/\/infehitus.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-212x300.jpg 212w, https:\/\/infehitus.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-724x1024.jpg 724w, https:\/\/infehitus.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-768x1086.jpg 768w, https:\/\/infehitus.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-1086x1536.jpg 1086w\" data-sizes=\"(max-width: 1414px) 100vw, 1414px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1414px; --smush-placeholder-aspect-ratio: 1414\/2000;\" \/><\/p>\n\n                                        <\/div>\n\n                                        \n                                        <div class=\"flex justify-end mt-6 border-t border-gray-100 pt-4\">\n                                                                                            <a href=\"#\"\n                                                    class=\"apply-button\">\n                                                    Kandideeri\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\n                                                        viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                            stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\n                                                    <\/svg>\n                                                <\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                            <\/div>\n                    <\/div>\n    <\/div>\n\n    \n    <\/section>\n\n    <!-- Accordion-JS library CSS -->\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/accordion-js@3.4.0\/dist\/accordion.min.css\" \/>\n\n    <!-- Direct inline styles to override any conflicting styles -->\n    <style>\n        \/* Critical accordion styles *\/\n        #job-offers-69ddef722d0e1 .job-type-badge {\n            display: inline-flex;\n            align-items: center;\n            padding: 0.25rem 0.75rem;\n            font-size: 0.75rem;\n            font-weight: 500;\n            letter-spacing: 0.025em;\n            white-space: nowrap;\n            border-width: 1px;\n            border-style: solid;\n            border-radius: 4px !important;\n            background-color: #e9f5f2 !important;\n            color: #047857 !important;\n            border-color: #d1e9e3 !important;\n            margin-right: 0.5rem;\n            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n        }\n\n        #job-offers-69ddef722d0e1 .job-type-part-time {\n            background-color: #eef2ff !important;\n            color: #4f46e5 !important;\n            border-color: #dbeafe !important;\n        }\n\n        #job-offers-69ddef722d0e1 .job-type-temporary,\n        #job-offers-69ddef722d0e1 .job-type-contract,\n        #job-offers-69ddef722d0e1 .job-type-volunteer {\n            background-color: #fff7ed !important;\n            color: #ea580c !important;\n            border-color: #ffedd5 !important;\n        }\n\n        #job-offers-69ddef722d0e1 .location-badge {\n            display: inline-flex;\n            align-items: center;\n            font-size: 0.75rem;\n            padding: 0.25rem 0.75rem;\n            background-color: #f3f4f6;\n            color: #6b7280;\n            border: 1px solid #e5e7eb;\n            border-radius: 4px !important;\n            transition: all 0.2s ease;\n            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n        }\n\n        #job-offers-69ddef722d0e1 .ac {\n            margin-bottom: 0.75rem;\n            border: 1px solid rgba(0, 0, 0, 0.1);\n            border-radius: 2px !important;\n            background-color: #fff;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n            overflow: hidden;\n        }\n\n        #job-offers-69ddef722d0e1 .ac:hover {\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n            transform: translateY(-1px);\n        }\n\n        #job-offers-69ddef722d0e1 .accordion-header {\n            padding: 0;\n            margin: 0;\n            transition: background-color 0.2s ease;\n        }\n\n        #job-offers-69ddef722d0e1 .ac .ac-header {\n            margin: 0;\n        }\n\n        #job-offers-69ddef722d0e1 .ac.is-active .accordion-header {\n            background-color: transparent;\n            border-radius: 0 !important;\n        }\n\n        #job-offers-69ddef722d0e1 .ac .ac-trigger {\n            font: 500 1rem 'Nunito Sans', sans-serif;\n            color: var(--color-black, #111827);\n            text-align: left;\n            width: 100%;\n            padding: 1rem !important;\n            display: block;\n            cursor: pointer;\n            background-color: transparent;\n            transition: color .25s ease;\n            position: relative;\n            text-decoration: none;\n            margin: 0;\n            border: 0;\n            outline: none;\n        }\n\n        #job-offers-69ddef722d0e1 .bg-gray-50.p-4 {\n            border-radius: 8px !important;\n            padding: 1.25rem !important;\n            border: 1px solid rgba(0, 0, 0, 0.08);\n            background-color: #f9fafb;\n        }\n\n        #job-offers-69ddef722d0e1 .bg-gray-50.p-4 li svg {\n            color: #047857 !important;\n        }\n\n        #job-offers-69ddef722d0e1 .bg-gray-50.p-4:nth-child(2) li svg {\n            color: #3b82f6 !important;\n        }\n\n        #job-offers-69ddef722d0e1 .ac-text {\n            padding: 1.5rem !important;\n            color: #1f2937;\n            overflow-wrap: break-word;\n            word-wrap: break-word;\n            word-break: break-word;\n        }\n\n        #job-offers-69ddef722d0e1 .apply-button {\n            display: inline-flex;\n            align-items: center;\n            padding: 0.75rem 1.5rem;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: white !important;\n            background-color: var(--primary-color, #003385) !important;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n            text-decoration: none !important;\n            white-space: nowrap !important;\n            min-width: fit-content !important;\n        }\n\n        #job-offers-69ddef722d0e1 .apply-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            filter: brightness(110%);\n        }\n\n        #job-offers-69ddef722d0e1 .ac .ac-trigger::after {\n            content: \"\";\n            position: absolute;\n            right: 1rem !important;\n            top: 50%;\n            width: 0.75rem;\n            height: 0.75rem;\n            border-right: 2px solid #6b7280;\n            border-bottom: 2px solid #6b7280;\n            transform: translateY(-75%) rotate(45deg);\n            transition: transform 0.3s ease;\n        }\n\n        #job-offers-69ddef722d0e1 .ac.is-active .ac-trigger::after {\n            transform: translateY(-25%) rotate(-135deg);\n        }\n\n        #job-offers-69ddef722d0e1 .accordion-header h3 {\n            margin-bottom: 0 !important;\n            font-size: 1.25rem;\n            line-height: 1.3;\n            color: #111827;\n            font-family: 'GT Walsheim Pro', sans-serif;\n            font-weight: 600;\n            margin-right: 1rem;\n        }\n\n        #job-offers-69ddef722d0e1 .accordion-header .flex-1 {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 8px;\n        }\n\n        @media (max-width: 767px) {\n            #job-offers-69ddef722d0e1 .accordion-header .flex-1.flex {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            #job-offers-69ddef722d0e1 .accordion-header h3 {\n                margin-bottom: 0.5rem !important;\n            }\n\n            #job-offers-69ddef722d0e1 .apply-button {\n                width: 100%;\n                justify-content: center;\n            }\n\n            #job-offers-69ddef722d0e1 .ac-text {\n                padding: 1.25rem !important;\n            }\n        }\n    <\/style>\n\n    <!-- Optimized Job Offers Accordion Styles -->\n    <link rel=\"stylesheet\" href=\"https:\/\/infehitus.ee\/app\/themes\/sage\/public\/build\/app\/themes\/sage\/resources\/css\/blocks\/job-offers-accordion.css\" \/>\n\n    <!-- Accordion-JS library JS (loaded via app.js) -->\n    <!--\n        Note: The accordion initialization is now managed by the main script in job-offers.js\n        to prevent double initialization issues. The accordion library itself is loaded in\n        the <head> section of the site.\n    -->\n    <script>\n        \/\/ Add custom data attribute to identify this block's specific accordion\n        document.addEventListener('DOMContentLoaded', function() {\n            const accordionContainer = document.querySelector('#accordion-container-job-offers-69ddef722d0e1');\n            if (accordionContainer) {\n                \/\/ Mark container as needing initialization from the main JS\n                accordionContainer.setAttribute('data-block-id', 'job-offers-69ddef722d0e1');\n                accordionContainer.setAttribute('data-needs-init', 'true');\n            }\n        });\n    <\/script>\n\n\n\n\n<section id=\"content-section-69ddef722e7ba\"\n        class=\"wp-block-content-section relative bg-dark text-white pt-16 pb-16 md:pt-16 md:pb-16 lazyload\"\n         style=\"background-image:inherit; background-size: cover; background-position: center;\"  data-bg-image=\"url(&#039;https:\/\/infehitus.ee\/app\/uploads\/2025\/04\/67775894_103873170962876_85568375740170240_n.jpg&#039;)\">\n        <div class=\"container mx-auto px-4 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto\">\n                                    <h2 class=\"text-3xl font-bold mb-6 leading-tight\">Questions?<\/h2>\n                \n                                    <div\n                        class=\"prose prose-headings:font-bold prose-h1:text-4xl prose-h2:text-3xl prose-h3:text-2xl prose-h4:text-xl prose-h5:text-lg prose-h6:text-base prose-headings:leading-tight prose-headings:mb-4 max-w-none mb-8\">\n                        <p>Contact us and we\u2019ll be happy to answer your queries.<\/p>\n\n                    <\/div>\n                \n                                    <div class=\"mt-8\">\n                        <a href=\"https:\/\/new.infehitus.ee\/kontakt\/\" class=\"btn-primary\" target=\"\"\n                            <span>Contact us<\/span>\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n                    <div class=\"absolute inset-0 bg-black opacity-30 z-0\"><\/div>\n            <\/section>\n\n    \n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1271","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/pages\/1271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/comments?post=1271"}],"version-history":[{"count":0,"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/pages\/1271\/revisions"}],"wp:attachment":[{"href":"https:\/\/infehitus.ee\/en\/wp-json\/wp\/v2\/media?parent=1271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}