{"id":1271,"date":"2025-03-17T13:15:20","date_gmt":"2025-03-17T13:15:20","guid":{"rendered":"https:\/\/ege.orgo.ee\/job-vacancies\/"},"modified":"2025-08-12T12:21:03","modified_gmt":"2025-08-12T12:21:03","slug":"job-vacancies","status":"publish","type":"page","link":"https:\/\/ege.orgo.ee\/en\/job-vacancies\/","title":{"rendered":"Job offers"},"content":{"rendered":"<section id=\"hero-job-slides-69dcf1bd82ddb\" class=\"wp-block-hero-with-job-slides relative overflow-hidden\"\n    data-slides-per-view=\"1\" data-loop=\"false\">\n    <div class=\"hero-background absolute inset-0 w-full h-full z-0\">\n                                    <video class=\"absolute inset-0 w-full h-full object-cover\" autoplay muted loop playsinline\n                     poster=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/480957032_640103981934607_6166856206503500495_n.jpg\" >\n                    <source src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/04\/SnapSave_App_54_1080p.mp4\" type=\"video\/mp4\">\n                <\/video>\n                            <div class=\"absolute inset-0 bg-black opacity-25 z-10\"><\/div>\n    <\/div>\n\n    <div class=\"relative z-20 container mx-auto px-4\">\n        <!-- Hero Content Section -->\n        <div class=\"min-h-[40vh] flex flex-col justify-center pt-32 md:pt-48 pb-32\"\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n            <div class=\"text-white\">\n                                    <div class=\"uppercase tracking-wider text-sm font-semibold mb-2 text-primary-200\">\n                        We are looking for new competences to join our team<\/div>\n                \n                                    <h1 class=\"text-4xl md:text-5xl font-bold mb-6\">Join INF Ehitus<\/h1>\n                \n                                    <div class=\"prose prose-lg prose-invert mb-8 max-w-none\">\n                        <p><b>INF Ehitus<\/b> is a member of the <b>Infortar group<\/b> of companies in the construction sector and is active in the construction, design and repair of water, sewerage, heat and gas pipelines, boiler houses and electricity networks. The companies in this sector are managed by <b>O\u00dc INF Engineering.<\/b><\/p>\n\n                    <\/div>\n                \n                \n                                    <div class=\"mt-4\">\n                        <a href=\"#job-offers-section\"\n                            class=\"btn-primary \"\n                             target=\"\"                                                         >\n                            <span class=\"mr-2\">See active job offers<\/span>\n                            <svg class=\"w-5 h-5 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\"\n                                viewBox=\"0 0 24 24\">\n                                                                    <!-- Right arrow for external links -->\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                        d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n                                                            <\/svg>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"hidden lg:block\">\n                <!-- Empty space for background video\/image visibility -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Job Offers Slider Section -->\n                    <\/div>\n\n    <\/section>\n\n    <style>\n        \/* Mobile-first styling *\/\n        @media (max-width: 639px) {\n            .job-offers-slider .swiper {\n                padding-bottom: 50px;\n            }\n\n            .job-offers-slider .swiper-slide {\n                margin-bottom: 20px;\n                height: auto;\n            }\n        }\n\n        \/* Swiper slide styling *\/\n        .job-offers-slider .swiper-slide {\n            height: auto;\n            display: flex;\n        }\n\n        .job-offers-slider .swiper-slide>a {\n            width: 100%;\n            height: 100%;\n            min-height: 200px;\n        }\n\n        \/* Navigation button styling *\/\n        .job-offers-slider .swiper-button-prev,\n        .job-offers-slider .swiper-button-next {\n            position: static !important;\n            width: 40px;\n            height: 40px;\n            background-color: var(--primary-color, #0074d9);\n            border-radius: 0.25rem;\n            color: white;\n            margin: 0;\n            margin-top: 0;\n        }\n\n        .job-offers-slider .swiper-button-disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        .job-offers-slider .swiper-button-prev:after,\n        .job-offers-slider .swiper-button-next:after {\n            font-size: 1.25rem;\n            font-weight: bold;\n        }\n\n        \/* Job Type Badge styling overrides *\/\n        .wp-block-hero-with-job-slides .job-type-badge {\n            border-radius: 0.25rem;\n        }\n\n        \/* CTA Button hover animation *\/\n        .wp-block-hero-with-job-slides .global-cta-button:hover svg {\n            transform: translateX(4px);\n        }\n\n        .wp-block-hero-with-job-slides .smooth-scroll:hover svg {\n            transform: translateY(4px);\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Initialize the Swiper slider for this specific block\n            const blockElement = document.querySelector('#hero-job-slides-69dcf1bd82ddb');\n            if (!blockElement) return;\n\n            const sliderElement = blockElement.querySelector('.job-slider');\n            if (!sliderElement) return;\n\n            const slidesPerViewAttr = blockElement.dataset.slidesPerView;\n            const loopEnabled = blockElement.dataset.loop === 'true';\n            const slidesPerView = parseInt(slidesPerViewAttr) || 3;\n\n            console.log('Initializing Swiper with slidesPerView:', slidesPerView, 'loop:', loopEnabled);\n\n            const swiper = new Swiper(sliderElement, {\n                slidesPerView: 1,\n                spaceBetween: 16,\n                loop: loopEnabled,\n                autoplay: {\n                    delay: 5000,\n                    disableOnInteraction: false,\n                },\n                navigation: {\n                    nextEl: blockElement.querySelector('.swiper-button-next'),\n                    prevEl: blockElement.querySelector('.swiper-button-prev'),\n                },\n                breakpoints: {\n                    \/\/ When window width is >= 640px\n                    640: {\n                        slidesPerView: Math.min(2, slidesPerView),\n                        spaceBetween: 16,\n                    },\n                    \/\/ When window width is >= 768px\n                    768: {\n                        slidesPerView: Math.min(3, slidesPerView),\n                        spaceBetween: 24,\n                    },\n                    \/\/ When window width is >= 1024px\n                    1024: {\n                        slidesPerView: slidesPerView,\n                        spaceBetween: 24,\n                    },\n                },\n                on: {\n                    init: function() {\n                        console.log('Swiper initialized successfully');\n                    },\n                    slideChange: function() {\n                        console.log('Slide changed to:', this.activeIndex);\n                    }\n                }\n            });\n\n            \/\/ Handle smooth scrolling for anchor links in this block\n            blockElement.querySelectorAll('.smooth-scroll').forEach(anchor => {\n                anchor.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const targetId = this.getAttribute('href');\n                    const targetElement = document.querySelector(targetId);\n\n                    if (targetElement) {\n                        window.scrollTo({\n                            top: targetElement.offsetTop - 100, \/\/ Offset for header\n                            behavior: 'smooth'\n                        });\n                    }\n                });\n            });\n        });\n    <\/script>\n\n\n<div id=\"content-with-image-69dcf1bd846d6\"\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\">INF Ehitus as a contractor<\/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. In the Electrical Department of External Networks, you can look forward to exciting projects and the opportunity to participate in the development of environmental and energy-saving solutions.<\/p>\n<p class=\"whitespace-pre-wrap break-words\">In addition to engaging work, INF Ehitus also offers its employees a number of benefits, such as professional training, a company car, an extra week\u2019s paid leave during the winter and a sports allowance. The company values work-life balance, with shortened working days before public holidays and a focus on people\u2019s well-being.<\/p>\n\n                    <\/div>\n                \n                \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\" src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/04\/crane-8400990_1920.jpg\" alt=\"\"\n                                class=\" w-full h-auto object-contain \"\n                                loading=\"lazy\">\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-69dcf1bd846d6 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-69dcf1bd846d6 .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-69dcf1bd846d6 .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Editor-specific button styling *\/\n    .editor-styles-wrapper #content-with-image-69dcf1bd846d6 .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-69dcf1bd846d6 .auto-height-slider {\n        height: auto !important;\n        min-height: 200px;\n        \/* Minimum height to prevent layout shift *\/\n    }\n\n    #content-with-image-69dcf1bd846d6 .auto-height-slider .swiper-wrapper {\n        align-items: flex-start;\n        \/* Align slides to top *\/\n    }\n\n    #content-with-image-69dcf1bd846d6 .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-69dcf1bd846d6 .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-69dcf1bd846d6 .auto-height-slider .absolute {\n        position: absolute !important;\n    }\n\n    \/* Smooth height transitions *\/\n    #content-with-image-69dcf1bd846d6 .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=\"with_text\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n                    \n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n                <div class=\"flex flex-col\">\n                                            <h2 class=\"text-3xl font-bold text-gray-800 mb-4\">\n                            Our values create the foundation\n                        <\/h2>\n                    \n                                            <div class=\"mb-5 text-gray-600\">\n                            <p class=\"whitespace-pre-wrap break-words\">Our values are not just words, they are the underlying principles of our daily work. They guide our decisions and actions, helping us deliver high quality solutions and create a trusted environment for both customers and employees. Each value reflects our commitment to creating a sustainable future and enhancing the quality of the living environment through innovative solutions.  <\/p>\n\n                        <\/div>\n                    \n                                            <div class=\"flex flex-wrap items-center gap-4 mt-4\">\n                                                            <a href=\"https:\/\/ege.orgo.ee\/teenused-ja-tooted\/\" class=\"btn-primary inline-flex\"\n                                    target=\"\">\n                                    <span>See our services<\/span>\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\n                                        viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n                                        stroke-linecap=\"round\" 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                            \n                                                    <\/div>\n                                    <\/div>\n\n                <div class=\"lg:col-span-2 mt-10 lg:mt-0\">\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;\">people<\/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                People first\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We value our team and their well-being<\/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;\">star_shine<\/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                Customer focus\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>The client is our partner, whose needs we meet<\/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;\">compost<\/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                Sustainable development\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Thinking for the long-term and responsibly<\/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;\">energy<\/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                Environmental sustainability\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We contribute to the development of ecological solutions<\/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;\">expand<\/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                Professional development\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We support continuous staff development and skills growth<\/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;\">sensors<\/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                Proactivity\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>We actively seek opportunities for development and innovation<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\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<div id=\"content-with-image-69dcf1bd88873\"\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-1 lg:col-span-1 mb-8 lg:mb-0\">\n                                    <h2 class=\"text-3xl font-bold text-gray-800 mb-6\">Our vision and mission guide us every day<\/h2>\n                \n                                    <div class=\"prose max-w-none text-gray-600\">\n                        <p class=\"whitespace-pre-wrap break-words\">INF Ehitus is committed to creating environmentally and energy efficient solutions. We aim to be more than just an employer \u2013 we want to be a partner that helps shape a more sustainable future.<\/p>\n<h3 class=\"whitespace-pre-wrap break-words\"><strong>Vision:<br \/>\n<\/strong><\/h3>\n<p class=\"whitespace-pre-wrap break-words\">Being a leading builder of environmentally and energy sustainable infrastructure.<\/p>\n<h3 class=\"whitespace-pre-wrap break-words\"><strong>Mission:<\/strong><\/h3>\n<p class=\"whitespace-pre-wrap break-words\">Helping to improve the quality of the living environment by providing a complete solution that saves the environment and energy.<\/p>\n\n                    <\/div>\n                \n                \n                                    <div class=\"mt-8\">\n                        <a href=\"https:\/\/ege.orgo.ee\/meist\/\" class=\"btn-primary\" target=\"\">\n                            <span>More about 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\n\n            <div\n                class=\"lg:col-start-2 lg:col-span-1\">\n                                                            \n                        <div\n                            class=\"overflow-hidden shadow-lg relative \">\n                            <img decoding=\"async\" src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/04\/pexels-thisisengineering-19895880-scaled.jpg\" alt=\"\"\n                                class=\" w-full h-auto object-contain \"\n                                loading=\"lazy\">\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-69dcf1bd88873 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-69dcf1bd88873 .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-69dcf1bd88873 .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Editor-specific button styling *\/\n    .editor-styles-wrapper #content-with-image-69dcf1bd88873 .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-69dcf1bd88873 .auto-height-slider {\n        height: auto !important;\n        min-height: 200px;\n        \/* Minimum height to prevent layout shift *\/\n    }\n\n    #content-with-image-69dcf1bd88873 .auto-height-slider .swiper-wrapper {\n        align-items: flex-start;\n        \/* Align slides to top *\/\n    }\n\n    #content-with-image-69dcf1bd88873 .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-69dcf1bd88873 .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-69dcf1bd88873 .auto-height-slider .absolute {\n        position: absolute !important;\n    }\n\n    \/* Smooth height transitions *\/\n    #content-with-image-69dcf1bd88873 .auto-height-slider.swiper-container-autoheight {\n        transition: height 0.3s ease;\n    }\n<\/style>\n\n\n<section id=\"content-section-69dcf1bd89aac\"\n        class=\"wp-block-content-section relative bg-secondary pt-8 pb-24 md:pt-8 md:pb-24\"\n        >\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  leading-tight\">At INF Ehitus, we value professional excellence, social responsibility and strive to create sustainable solutions that benefit society as a whole.<\/h2>\n                \n                \n                            <\/div>\n        <\/div>\n\n            <\/section>\n\n    \n\n\n\n<section id=\"job-offers-section\" data-block-id=\"job-offers-69dcf1bd8c1c2\" 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\">Here you can find our current vacancies. INF Ehitus is looking for motivated professionals who want to contribute to the development of environmentally sustainable infrastructure. Our company values professionalism, innovation and teamwork. 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-69dcf1bd8c1c2\" 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 loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2164 size-full\" src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1.jpg\" alt=\"\" width=\"1414\" height=\"2000\" srcset=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1.jpg 1414w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-212x300.jpg 212w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-724x1024.jpg 724w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-768x1086.jpg 768w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Gaasiseadmete-lukksepp-INF-Ehitus-1-1086x1536.jpg 1086w\" sizes=\"auto, (max-width: 1414px) 100vw, 1414px\" \/><\/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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .job-type-part-time {\n            background-color: #eef2ff !important;\n            color: #4f46e5 !important;\n            border-color: #dbeafe !important;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .job-type-temporary,\n        #job-offers-69dcf1bd8c1c2 .job-type-contract,\n        #job-offers-69dcf1bd8c1c2 .job-type-volunteer {\n            background-color: #fff7ed !important;\n            color: #ea580c !important;\n            border-color: #ffedd5 !important;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .ac:hover {\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n            transform: translateY(-1px);\n        }\n\n        #job-offers-69dcf1bd8c1c2 .accordion-header {\n            padding: 0;\n            margin: 0;\n            transition: background-color 0.2s ease;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .ac .ac-header {\n            margin: 0;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .ac.is-active .accordion-header {\n            background-color: transparent;\n            border-radius: 0 !important;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .bg-gray-50.p-4 li svg {\n            color: #047857 !important;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .bg-gray-50.p-4:nth-child(2) li svg {\n            color: #3b82f6 !important;\n        }\n\n        #job-offers-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .ac.is-active .ac-trigger::after {\n            transform: translateY(-25%) rotate(-135deg);\n        }\n\n        #job-offers-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .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-69dcf1bd8c1c2 .accordion-header .flex-1.flex {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            #job-offers-69dcf1bd8c1c2 .accordion-header h3 {\n                margin-bottom: 0.5rem !important;\n            }\n\n            #job-offers-69dcf1bd8c1c2 .apply-button {\n                width: 100%;\n                justify-content: center;\n            }\n\n            #job-offers-69dcf1bd8c1c2 .ac-text {\n                padding: 1.25rem !important;\n            }\n        }\n    <\/style>\n\n    <!-- Optimized Job Offers Accordion Styles -->\n    <link rel=\"stylesheet\" href=\"https:\/\/ege.orgo.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-69dcf1bd8c1c2');\n            if (accordionContainer) {\n                \/\/ Mark container as needing initialization from the main JS\n                accordionContainer.setAttribute('data-block-id', 'job-offers-69dcf1bd8c1c2');\n                accordionContainer.setAttribute('data-needs-init', 'true');\n            }\n        });\n    <\/script>\n\n\n\n\n<section id=\"content-section-69dcf1bd8d00c\"\n        class=\"wp-block-content-section relative bg-dark text-white pt-16 pb-16 md:pt-16 md:pb-16\"\n         style=\"background-image: url(&#039;https:\/\/ege.orgo.ee\/app\/uploads\/2025\/04\/67775894_103873170962876_85568375740170240_n.jpg&#039;); background-size: cover; background-position: center;\" >\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:\/\/ege.orgo.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:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/comments?post=1271"}],"version-history":[{"count":5,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1271\/revisions"}],"predecessor-version":[{"id":1932,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1271\/revisions\/1932"}],"wp:attachment":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/media?parent=1271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}