{"id":1251,"date":"2025-03-17T14:05:50","date_gmt":"2025-03-17T14:05:50","guid":{"rendered":"https:\/\/ege.orgo.ee\/avaleht\/"},"modified":"2025-08-15T08:47:54","modified_gmt":"2025-08-15T08:47:54","slug":"avaleht","status":"publish","type":"page","link":"https:\/\/ege.orgo.ee\/en\/","title":{"rendered":"Home page"},"content":{"rendered":"<section class=\"relative overflow-hidden text-white min-h-[500px] md:min-h-[60vh] alignfull wp-block-offer\"\n    id=\"offer-section-69dcdabcdc5c6\" style=\"background-color: #004c93;\">\n    \n    <div class=\"absolute top-0 left-0 bottom-0 w-1\/2 z-[1] md:w-1\/2 sm:w-full overflow-hidden\"\n        style=\"background-color: #004c93;\">\n\n    <\/div>\n\n    \n    <div class=\"container mx-auto px-4 md:px-10 max-w-7xl relative z-10 h-full flex items-center\">\n        <div class=\"max-w-[45%] md:max-w-[50%] sm:max-w-full h-full py-20 pb-64 pl-0 pr-10 md:pr-12 flex flex-col\">\n                            <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-bold mb-4 leading-tight hero-title-outline\">\n                    INF EHITUS<\/h1>\n            \n                            <div class=\"text-base md:text-lg mb-10 leading-relaxed opacity-90\">\n                    The mission of AS INF Ehitus is to help improve the quality of the living environment by providing a complete solution that preserves the environment and energy. We aim to be a trendsetter and centre of excellence in the construction sector by creating a reliable, safe and sustainable living environment and valuing people\u2019s quality of life and technological progress. Today, we pride ourselves on our holistic approach, combining the expertise of an experienced team with quality standards. Our management system complies with the requirements of ISO 9001, ISO 14001 and ISO 45001, ensuring quality, environmental responsibility and occupational safety in all projects. The quality requirements for welding are also applied in accordance with the ISO 3834-2 standard.    \n                <\/div>\n            \n                    <\/div>\n\n        \n        <img decoding=\"async\" src=\"https:\/\/ege.orgo.ee\/app\/themes\/sage\/resources\/images\/inflogo-03.svg\" alt=\"INF Logo\"\n            class=\"ico-logo\" \/>\n    <\/div>\n\n    \n            <div class=\"absolute top-0 left-1\/2 w-1\/2 h-full z-0 md:left-1\/2 md:w-1\/2 sm:left-0 sm:w-full\">\n                            <video autoplay muted loop playsinline class=\"w-full h-full object-cover\">\n                    <source src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/07\/INF-Ehitus-objektid-koos-muudetud-1.mp4\" type=\"video\/mp4\">\n                <\/video>\n                    <\/div>\n    \n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            if (document.querySelector('.offer-swiper')) {\n                new Swiper('.offer-swiper', {\n                    effect: 'fade',\n                    fadeEffect: {\n                        crossFade: true\n                    },\n                    autoplay: {\n                        delay: 5000,\n                    },\n                    loop: true,\n                    pagination: {\n                        el: '.swiper-pagination',\n                        clickable: true,\n                    },\n                });\n            }\n\n            \/\/ For preview mode\n            if (document.querySelector('.open-background-settings')) {\n                document.querySelector('.open-background-settings').addEventListener('click', function() {\n                    \/\/ This will trigger the sidebar settings panel to open\n                    wp.data.dispatch('core\/edit-post').openGeneralSidebar('edit-post\/block');\n                });\n            }\n        });\n    <\/script>\n\n<style>\n    \/* INF Logo watermark *\/\n    #offer-section-69dcdabcdc5c6 .ico-logo {\n        position: absolute;\n        left: -194px;\n        font-size: 560px;\n        -webkit-text-stroke: 3px rgba(255, 255, 255, 0.5);\n        color: transparent;\n        top: 75%;\n        opacity: 0.7;\n    }\n\n    @media (max-width: 767px) {\n        #offer-section-69dcdabcdc5c6 {\n            flex-direction: column;\n            min-height: auto;\n            background-color: #004c93 !important;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n        }\n\n        \/* Blue background covers full width on mobile *\/\n        #offer-section-69dcdabcdc5c6 .absolute.top-0.left-0 {\n            position: relative;\n            width: 100%;\n            height: auto;\n            z-index: 1;\n        }\n\n        \/* Background elements (video\/image) positioned below content *\/\n        #offer-section-69dcdabcdc5c6 .absolute.left-1\\\/2 {\n            position: relative;\n            left: 0;\n            top: 0;\n            width: 100%;\n            z-index: 1;\n        }\n\n\n\n        \/* Content takes full width and appears on top *\/\n        #offer-section-69dcdabcdc5c6 .container {\n            position: relative;\n            z-index: 3;\n        }\n\n        #offer-section-69dcdabcdc5c6 .max-w-\\[45\\%\\] {\n            max-width: 100%;\n            padding: 40px 20px;\n            background-color: #004c93;\n        }\n\n        #offer-section-69dcdabcdc5c6 h1 {\n            margin-bottom: 16px;\n            font-size: 2.5rem;\n        }\n\n        #offer-section-69dcdabcdc5c6 .text-base {\n            margin-bottom: 24px;\n        }\n\n        \/* Hide logo on mobile *\/\n        #offer-section-69dcdabcdc5c6 .ico-logo {\n            display: none;\n        }\n    }\n\n    \/* Editor-specific styles *\/\n    .editor-styles-wrapper #offer-section-69dcdabcdc5c6 [data-editor-hint] {\n        position: relative;\n    }\n\n    .editor-styles-wrapper #offer-section-69dcdabcdc5c6 [data-editor-hint]::after {\n        content: attr(data-editor-hint);\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: rgba(0, 0, 0, 0.7);\n        color: white;\n        font-size: 12px;\n        padding: 4px 8px;\n        text-align: center;\n        z-index: 10;\n    }\n\n    \/* Editor-specific title and button styles *\/\n    .editor-styles-wrapper #offer-section-69dcdabcdc5c6 h1 {\n        font-size: 3rem !important;\n        font-weight: 700 !important;\n        line-height: 1.1 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        margin-bottom: 1rem !important;\n        color: #fff !important;\n        -webkit-text-stroke: 0 !important;\n    }\n\n    @media (min-width: 768px) {\n        .editor-styles-wrapper #offer-section-69dcdabcdc5c6 h1 {\n            font-size: 4rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        .editor-styles-wrapper #offer-section-69dcdabcdc5c6 h1 {\n            font-size: 5rem !important;\n        }\n    }\n\n    .editor-styles-wrapper #offer-section-69dcdabcdc5c6 .btn-primary,\n    .editor-styles-wrapper #offer-section-69dcdabcdc5c6 .btn-secondary {\n        font-weight: 500 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    \/* Button styles *\/\n    #offer-section-69dcdabcdc5c6 .btn-primary {\n        display: inline-flex !important;\n        align-items: center;\n        padding: 12px 24px;\n        background-color: #fff !important;\n        color: #000 !important;\n        border: 2px solid #fff !important;\n        text-decoration: none;\n        font-weight: 500;\n        letter-spacing: 0.025em;\n        transition: all 0.3s ease;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif);\n    }\n\n    #offer-section-69dcdabcdc5c6 .btn-primary:hover {\n        background-color: transparent !important;\n        color: #fff !important;\n        border-color: #fff !important;\n    }\n\n    #offer-section-69dcdabcdc5c6 .btn-primary:hover svg {\n        color: #fff !important;\n        stroke: #fff !important;\n    }\n\n    #offer-section-69dcdabcdc5c6 .btn-secondary {\n        display: inline-flex !important;\n        align-items: center;\n        padding: 12px 24px;\n        background-color: transparent !important;\n        color: #fff !important;\n        border: 2px solid #fff !important;\n        text-decoration: none;\n        font-weight: 500;\n        letter-spacing: 0.025em;\n        transition: all 0.3s ease;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif);\n    }\n\n    #offer-section-69dcdabcdc5c6 .btn-secondary:hover {\n        background-color: #fff !important;\n        color: #000 !important;\n    }\n\n    #offer-section-69dcdabcdc5c6 .btn-secondary:hover svg {\n        color: #000 !important;\n        stroke: #000 !important;\n    }\n\n    .btn-primary svg,\n    .btn-secondary svg {\n        margin-left: 10px;\n        width: 20px;\n        height: 20px;\n    }\n\n    \/* Hero title solid white (no outline) *\/\n    #offer-section-69dcdabcdc5c6 .hero-title-outline {\n        font-family: 'GT Walsheim Pro', sans-serif;\n        font-weight: 700;\n        color: #fff;\n        -webkit-text-stroke: 0;\n        text-transform: uppercase;\n        letter-spacing: 4px;\n    }\n\n    \/* Responsive title sizing *\/\n    @media (min-width: 768px) {\n        #offer-section-69dcdabcdc5c6 .hero-title-outline {\n            font-size: 4rem;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #offer-section-69dcdabcdc5c6 .hero-title-outline {\n            font-size: 5rem;\n        }\n    }\n\n    \/* Preview mode button *\/\n    .open-background-settings {\n        background-color: #fff;\n        color: var(--color-primary, #00458E);\n        border: none;\n        border-radius: 4px;\n        padding: 8px 12px;\n        font-size: 14px;\n        cursor: pointer;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    }\n\n    .open-background-settings:hover {\n        background-color: #f0f0f0;\n    }\n<\/style>\n\n\n\n\n<div id=\"content-with-image-69dcdabcdecd8\"\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\">Experience since 2005<\/h2>\n                \n                                    <div class=\"prose max-w-none text-gray-600\">\n                        <p class=\"p1\"><strong>AS INF Ehitus<\/strong> is a member of the <strong>Infortar<\/strong> Group. Main activities are general contracting, construction project management, design project management, construction of water, sewerage, heating and gas pipelines, design and construction of high voltage networks, design and construction of low and medium voltage networks, supply and installation of transformers, construction, design and repairing boiler houses. Our management system complies with <strong>ISO 9001, ISO 14001, ISO 45001 and ISO 3834-2<\/strong> standards. The construction companies of the <strong>Infortar<\/strong> Group are managed by <strong>INF Engineering<\/strong>.<\/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>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-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\/07\/collage-2.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-69dcdabcdecd8 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-69dcdabcdecd8 .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-69dcdabcdecd8 .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Editor-specific button styling *\/\n    .editor-styles-wrapper #content-with-image-69dcdabcdecd8 .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-69dcdabcdecd8 .auto-height-slider {\n        height: auto !important;\n        min-height: 200px;\n        \/* Minimum height to prevent layout shift *\/\n    }\n\n    #content-with-image-69dcdabcdecd8 .auto-height-slider .swiper-wrapper {\n        align-items: flex-start;\n        \/* Align slides to top *\/\n    }\n\n    #content-with-image-69dcdabcdecd8 .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-69dcdabcdecd8 .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-69dcdabcdecd8 .auto-height-slider .absolute {\n        position: absolute !important;\n    }\n\n    \/* Smooth height transitions *\/\n    #content-with-image-69dcdabcdecd8 .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=\"2\"\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                            Integrated energy and infrastructure solutions\n                        <\/h2>\n                    \n                                            <div class=\"mb-5 text-gray-600\">\n                            <p>With more than 20 years of experience, INF Ehitus offers professional design, construction and maintenance services for energy and utility network projects across Estonia. <\/p>\n\n                        <\/div>\n                    \n                                            <div class=\"flex flex-wrap items-center gap-4 mt-4\">\n                                                            <a href=\"#\" class=\"btn-primary inline-flex\"\n                                    target=\"\">\n                                    <span>See all 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-2\"\n                            data-columns=\"2\">\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;\">electric_meter<\/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                Energy systems\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Gas pipelines, district heating pipelines, boiler houses and biogas plants<\/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;\">valve<\/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                Water infrastructure\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Water supply and sewerage systems, Ravetti works and pressure equipment works<\/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;\">solar_power<\/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                Electricity and renewable energy\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Electrical works, development of solar parks and external networks<\/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;\">policy_alert<\/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 services\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Owner supervision and project management competencies<\/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<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/photoswipe@5.4.4\/dist\/photoswipe.css\">\n\n\n<style>\n    \/* Critical styles for the projects block *\/\n    \/* Ensure 'hidden' class actually hides elements *\/\n    .hidden {\n        display: none !important;\n    }\n\n    .projects-block {\n        width: 100%;\n        overflow: hidden;\n        padding-top: 0;\n        padding-bottom: 3rem;\n    }\n\n    .projects-container {\n        width: 100%;\n    }\n\n    .filter-nav {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: flex-start;\n        gap: 1rem;\n        margin-bottom: 2rem;\n    }\n\n    .filter-btn {\n        padding: 0.5rem 1.25rem;\n        font-weight: 500;\n        transition: all 0.2s;\n        color: #4a5568;\n        background-color: white;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 4px;\n        cursor: pointer;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n        letter-spacing: 0.01em;\n    }\n\n    .filter-btn.active {\n        background-color: #0c4a83;\n        color: #ffffff;\n        border-color: #0c4a83;\n    }\n\n    .filter-btn:hover:not(.active) {\n        background-color: #f9fafb;\n        transform: translateY(-1px);\n        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .projects-pane.active {\n        display: block !important;\n    }\n\n    .projects-pane {\n        display: none;\n    }\n\n    \/* Container-width slider styles with 16:9 aspect ratio *\/\n    .project-item {\n        position: relative;\n        width: 100%;\n        margin-bottom: 40px;\n        overflow: hidden;\n        background-color: #f8f9fa;\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n    }\n\n    .project-content-wrapper {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n    }\n\n    \/* Ensure background slider maintains correct aspect ratio and dimensions *\/\n    .project-background-slider {\n        position: relative;\n        width: 100%;\n        padding-top: 56.25%;\n        \/* 16:9 aspect ratio *\/\n        overflow: hidden;\n        background-color: #eaeaea;\n    }\n\n    .bg-slide {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 0.8s ease;\n    }\n\n    .bg-slide.active {\n        opacity: 1;\n        z-index: 1;\n    }\n\n    .bg-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-size: cover;\n        background-position: center;\n        object-fit: cover;\n    }\n\n    \/* White background for placeholder images *\/\n    .bg-image.placeholder-image {\n        background-color: #ffffff;\n        background-size: cover;\n        background-repeat: repeat;\n        background-position: top left;\n    }\n\n    .bg-video {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    \/* Project content card - positioned below the slider *\/\n    .project-content-card {\n        position: relative;\n        width: 100%;\n        z-index: 2;\n        background-color: #fff;\n        padding: 30px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    \/* Top navigation with slide counter *\/\n    .project-nav {\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        display: flex;\n        align-items: end;\n        justify-content: flex-end;\n        gap: 0;\n        z-index: 10;\n        margin: 0;\n        padding: 0;\n    }\n\n    .slide-counter {\n        font-size: 14px;\n        font-weight: 600;\n        color: white;\n        background-color: rgba(0, 0, 0, 0.5);\n        padding: 4px 8px;\n        height: 40px;\n        display: flex;\n        align-items: end;\n        justify-content: center;\n        margin: 0;\n    }\n\n    .project-nav-button {\n        width: 40px;\n        height: 40px;\n        border-radius: 0;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        align-items: end;\n        justify-content: center;\n        cursor: pointer;\n        border: none;\n        transition: all 0.2s;\n        margin: 0;\n        padding: 0;\n    }\n\n    .project-nav-button:hover {\n        background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .project-nav-button svg {\n        width: 20px;\n        height: 20px;\n        color: white;\n    }\n\n    .dots-nav {\n        position: absolute;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        gap: 8px;\n        z-index: 2;\n    }\n\n    .dot {\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background-color: rgba(255, 255, 255, 0.5);\n        cursor: pointer;\n        transition: all 0.2s;\n    }\n\n    .dot.active {\n        background-color: white;\n    }\n\n    .project-content h3 {\n        font-size: 1.5rem !important;\n        font-weight: 700 !important;\n        margin-bottom: 0.75rem !important;\n        color: #000 !important;\n        line-height: 1.2 !important;\n    }\n\n    \/* Address styling *\/\n    .project-content>p:first-of-type {\n        font-size: 0.875rem !important;\n        font-weight: 700 !important;\n        text-transform: uppercase !important;\n        color: #4a5568 !important;\n        margin-bottom: 1.5rem !important;\n    }\n\n    .project-details {\n        display: grid !important;\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n        gap: 1rem !important;\n        margin-bottom: 0.5rem !important;\n\n    }\n\n    .detail-item {\n        margin-bottom: 0.25rem !important;\n        display: block !important;\n    }\n\n    .detail-item h4 {\n        font-weight: 600 !important;\n        display: block !important;\n        font-size: 0.75rem !important;\n        text-transform: uppercase !important;\n        color: #333 !important;\n        margin-bottom: 0.125rem !important;\n    }\n\n    .detail-item p {\n        display: block !important;\n        margin: 0 !important;\n        color: #333 !important;\n        font-size: 1rem !important;\n    }\n\n    .view-gallery-btn {\n        align-self: flex-start !important;\n        margin-top: 1rem !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        gap: 0.25rem !important;\n        background-color: transparent !important;\n        color: #0c4a83 !important;\n        padding: 0 !important;\n        border-radius: 0 !important;\n        text-decoration: none !important;\n        font-weight: 600 !important;\n        transition: color 0.2s ease-in-out;\n    }\n\n    .view-gallery-btn:hover {\n        color: #003A75 !important;\n        text-decoration: underline !important;\n    }\n\n    .view-gallery-btn svg {\n        width: 1em;\n        height: 1em;\n        transition: transform 0.2s ease-in-out;\n    }\n\n    .view-gallery-btn:hover svg {\n        transform: translateX(3px);\n    }\n\n    \/* List view styles for fallback *\/\n    .project-item[data-style=\"list\"] {\n        height: auto !important;\n        display: flex !important;\n        flex-direction: column !important;\n        padding: 2rem !important;\n        margin-bottom: 2rem !important;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;\n        background-color: white !important;\n        border-bottom: 1px solid #eaeaea !important;\n    }\n\n    @media (max-width: 768px) {\n        .filter-nav {\n            flex-wrap: wrap;\n        }\n\n        .filter-btn {\n            flex-grow: 1;\n            text-align: center;\n        }\n\n        .project-content-card {\n            width: 100%;\n            padding: 20px;\n        }\n\n        .project-background-slider {\n            padding-top: 75%;\n            \/* 4:3 aspect ratio on mobile *\/\n        }\n\n        .project-nav {\n            bottom: 0;\n            right: 0;\n            gap: 0;\n        }\n    }\n\n    \/* Add Fullscreen button to the project nav *\/\n    .fullscreen-button {\n        width: 40px;\n        height: 40px;\n        border-radius: 0;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        align-items: end;\n        justify-content: center;\n        cursor: pointer;\n        border: none;\n        transition: all 0.2s;\n    }\n\n    .fullscreen-button:hover {\n        background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .fullscreen-button svg {\n        width: 20px;\n        height: 20px;\n        color: white;\n    }\n\n    \/* YouTube preview and play button *\/\n    .youtube-preview {\n        position: relative;\n        cursor: pointer;\n    }\n\n    .youtube-play-icon {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        color: white;\n        transition: transform 0.2s ease-in-out;\n    }\n\n    .youtube-preview:hover .youtube-play-icon {\n        transform: translate(-50%, -50%) scale(1.1);\n    }\n\n    \/* Projects grid layout styles *\/\n    .projects-list {\n        display: grid !important;\n        gap: 2rem !important;\n        width: 100% !important;\n        margin: 0 !important;\n    }\n\n    \/* Grid column classes *\/\n    .projects-list.grid-cols-1 {\n        grid-template-columns: repeat(1, 1fr) !important;\n    }\n\n    .projects-list.grid-cols-1.md\\:grid-cols-2 {\n        grid-template-columns: repeat(1, 1fr) !important;\n    }\n\n    .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3 {\n        grid-template-columns: repeat(1, 1fr) !important;\n    }\n\n    .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4 {\n        grid-template-columns: repeat(1, 1fr) !important;\n    }\n\n    \/* Responsive grid layouts *\/\n    @media (min-width: 768px) {\n\n        .projects-list.grid-cols-1.md\\:grid-cols-2,\n        .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3,\n        .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4 {\n            grid-template-columns: repeat(2, 1fr) !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3 {\n            grid-template-columns: repeat(3, 1fr) !important;\n        }\n\n        .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4 {\n            grid-template-columns: repeat(4, 1fr) !important;\n        }\n    }\n\n    \/* Editor-specific styles to match frontend *\/\n    .editor-styles-wrapper .projects-block 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        margin-bottom: 1.5rem !important;\n    }\n\n    @media (min-width: 768px) {\n        .editor-styles-wrapper .projects-block h2 {\n            font-size: 1.875rem !important;\n            \/* md:text-3xl equivalent *\/\n        }\n    }\n\n    .editor-styles-wrapper .projects-block .project-content h3 {\n        font-size: 1.5rem !important;\n        font-weight: 700 !important;\n        margin-bottom: 0.75rem !important;\n        color: #000 !important;\n        line-height: 1.2 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper .projects-block .project-content>p:first-of-type {\n        font-size: 0.875rem !important;\n        font-weight: 700 !important;\n        text-transform: uppercase !important;\n        color: #4a5568 !important;\n        margin-bottom: 1.5rem !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper .projects-block .detail-item h4 {\n        font-weight: 600 !important;\n        font-size: 0.75rem !important;\n        text-transform: uppercase !important;\n        color: #333 !important;\n        margin-bottom: 0.125rem !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper .projects-block .detail-item p {\n        color: #333 !important;\n        font-size: 1rem !important;\n        margin: 0 !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper .projects-block .view-gallery-btn {\n        color: #0c4a83 !important;\n        font-weight: 600 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        text-decoration: none !important;\n    }\n\n    .editor-styles-wrapper .projects-block .view-gallery-btn:hover {\n        color: #003A75 !important;\n        text-decoration: underline !important;\n    }\n\n    \/* Ensure grid layout works in editor *\/\n    .editor-styles-wrapper .projects-list {\n        display: grid !important;\n        gap: 2rem !important;\n        width: 100% !important;\n        margin: 0 !important;\n    }\n\n    .editor-styles-wrapper .projects-list.grid-cols-1 {\n        grid-template-columns: repeat(1, 1fr) !important;\n    }\n\n    .editor-styles-wrapper .projects-list.grid-cols-1.md\\:grid-cols-2 {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n\n    .editor-styles-wrapper .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3 {\n        grid-template-columns: repeat(3, 1fr) !important;\n    }\n\n    .editor-styles-wrapper .projects-list.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-4 {\n        grid-template-columns: repeat(4, 1fr) !important;\n    }\n\n    \/* PhotoSwipe custom styles *\/\n<\/style>\n\n\n\n<section class=\"projects-block alignwide wp-block-projects-tabs\" id=\"\">\n    \n    <div class=\"container mx-auto px-4 max-w-7xl\">\n\n                    \n                            <div class=\"filter-header pt-12\"> \n                    \n                                            \n                        <h2\n                            class=\"text-2xl md:text-3xl font-bold text-left \">\n                            Recently completed<\/h2>\n                    \n                    \n                                    <\/div>\n             \n\n            \n            <div class=\"projects-content pt-6\">\n                \n                <div class=\"projects-pane active\" id=\"all-projects\">\n                                            <div class=\"projects-list grid-cols-1 md:grid-cols-2 lg:grid-cols-3\">\n                                                            \n                                <div class=\"project-item\" data-style=\"slider\"\n                                    data-status=\"in-progress\">\n                                    <div class=\"project-content-wrapper\">\n                                        \n                                        <div class=\"project-background-slider\">\n                                                                                                                                                <div class=\"bg-slide active\"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230919-1-1.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230919-1-1.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230907-2-1.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230907-2-1.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230815-1-1.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230815-1-1.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0166-1.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0166-1.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0156.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0156.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0155-1.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0155-1.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0154-1.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0154-1.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230914-1-2.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/230914-1-2.jpg\"\n                                                                aria-label=\"P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                                                    <\/div>\n\n                                        \n                                                                                    <div class=\"project-nav\"\n                                                style=\"position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; z-index: 30; display: flex; align-items: end; justify-content: flex-end; gap: 0;\">\n                                                <button class=\"project-nav-button prev-slide\"\n                                                    style=\"margin: 0; padding: 0;\"\n                                                    aria-label=\"Previous project\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                                        fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                        <path d=\"M15 18l-6-6 6-6\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                                <div class=\"slide-counter\" aria-live=\"polite\" style=\"margin: 0;\">\n                                                    <span class=\"current-slide p-0.5\">1<\/span>\/<span\n                                                        class=\"total-slides p-0.5\">8<\/span>\n                                                <\/div>\n                                                <button class=\"project-nav-button next-slide\"\n                                                    style=\"margin: 0; padding: 0;\"\n                                                    aria-label=\"Next project\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                                        fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                        <path d=\"M9 18l6-6-6-6\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                                \n                                                <button class=\"project-nav-button fullscreen-button\"\n                                                    style=\"margin: 0; padding: 0;\"\n                                                    aria-label=\"View fullscreen\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\n                                                        viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                            d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                            <\/div>\n                                                                            <\/div>\n\n                                    \n                                    <div class=\"project-content-card\">\n                                        <div class=\"project-content flex flex-col h-full\">\n                                            <div class=\"mb-auto\">\n                                                <h3 class=\"!mb-2 !leading-7\">P\u00e4\u00e4sk\u00fcla pr\u00fcgila metaanilagunduskihi rajamine<\/h3>\n\n                                                                                                    <p class=\"mb-3 text-sm tracking-wide !font-semibold uppercase\"\n                                                        style=\"color: var(--primary-color, #0c4a83) !important\">\n                                                        Tallinn<\/p>\n                                                \n                                                <div class=\"project-details\">\n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>Client:<\/h4>\n                                                            <p>Tallinna Strateegiakeksus<\/p>\n                                                        <\/div>\n                                                    \n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>Building type:<\/h4>\n                                                            <p>T\u00f6\u00f6stuslik<\/p>\n                                                        <\/div>\n                                                    \n                                                    \n                                                    \n                                                    \n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>Started:<\/h4>\n                                                            <p>2023<\/p>\n                                                        <\/div>\n                                                    \n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>End:<\/h4>\n                                                            <p>2024<\/p>\n                                                        <\/div>\n                                                    \n                                                                                                    <\/div>\n                                            <\/div>\n\n                                                                                            <a href=\"https:\/\/ege.orgo.ee\/projects\/tallinna-strateegiakeksus\/\"\n                                                    class=\"view-gallery-btn mt-auto pt-4 border-t\">\n                                                    <span class=\"inline-flex items-center gap-1\">\n                                                        Learn more\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\"\n                                                            fill=\"currentColor\" style=\"width: 1em; height: 1em;\">\n                                                            <path fill-rule=\"evenodd\"\n                                                                d=\"M12.293 5.293a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L10 8.586l2.293-2.293a1 1 0 011.414 0z\"\n                                                                transform=\"rotate(-90 10 10)\" clip-rule=\"evenodd\" \/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            \n                                <div class=\"project-item\" data-style=\"slider\"\n                                    data-status=\"in-progress\">\n                                    <div class=\"project-content-wrapper\">\n                                        \n                                        <div class=\"project-background-slider\">\n                                                                                                                                                <div class=\"bg-slide active\"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0143.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0143.jpg\"\n                                                                aria-label=\"Ilmatsalu Biogaasijaama k\u00e4\u00e4riti ja l\u00e4ga vastuv\u00f5tu mahuti rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0155.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0155.jpg\"\n                                                                aria-label=\"Ilmatsalu Biogaasijaama k\u00e4\u00e4riti ja l\u00e4ga vastuv\u00f5tu mahuti rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0154.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0154.jpg\"\n                                                                aria-label=\"Ilmatsalu Biogaasijaama k\u00e4\u00e4riti ja l\u00e4ga vastuv\u00f5tu mahuti rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0151.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0151.jpg\"\n                                                                aria-label=\"Ilmatsalu Biogaasijaama k\u00e4\u00e4riti ja l\u00e4ga vastuv\u00f5tu mahuti rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                    <div class=\"bg-slide \"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0148.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/03\/DJI_0148.jpg\"\n                                                                aria-label=\"Ilmatsalu Biogaasijaama k\u00e4\u00e4riti ja l\u00e4ga vastuv\u00f5tu mahuti rajamine\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                                                    <\/div>\n\n                                        \n                                                                                    <div class=\"project-nav\"\n                                                style=\"position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; z-index: 30; display: flex; align-items: end; justify-content: flex-end; gap: 0;\">\n                                                <button class=\"project-nav-button prev-slide\"\n                                                    style=\"margin: 0; padding: 0;\"\n                                                    aria-label=\"Previous project\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                                        fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                        <path d=\"M15 18l-6-6 6-6\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                                <div class=\"slide-counter\" aria-live=\"polite\" style=\"margin: 0;\">\n                                                    <span class=\"current-slide p-0.5\">1<\/span>\/<span\n                                                        class=\"total-slides p-0.5\">5<\/span>\n                                                <\/div>\n                                                <button class=\"project-nav-button next-slide\"\n                                                    style=\"margin: 0; padding: 0;\"\n                                                    aria-label=\"Next project\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                                        fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                        <path d=\"M9 18l6-6-6-6\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                                \n                                                <button class=\"project-nav-button fullscreen-button\"\n                                                    style=\"margin: 0; padding: 0;\"\n                                                    aria-label=\"View fullscreen\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\n                                                        viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                            d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                            <\/div>\n                                                                            <\/div>\n\n                                    \n                                    <div class=\"project-content-card\">\n                                        <div class=\"project-content flex flex-col h-full\">\n                                            <div class=\"mb-auto\">\n                                                <h3 class=\"!mb-2 !leading-7\">Ilmatsalu Biogaasijaama k\u00e4\u00e4riti ja l\u00e4ga vastuv\u00f5tu mahuti rajamine<\/h3>\n\n                                                                                                    <p class=\"mb-3 text-sm tracking-wide !font-semibold uppercase\"\n                                                        style=\"color: var(--primary-color, #0c4a83) !important\">\n                                                        Ilmatsalu<\/p>\n                                                \n                                                <div class=\"project-details\">\n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>Client:<\/h4>\n                                                            <p>Tartu Biogaas O\u00dc<\/p>\n                                                        <\/div>\n                                                    \n                                                    \n                                                    \n                                                    \n                                                    \n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>Started:<\/h4>\n                                                            <p>juuni 2023<\/p>\n                                                        <\/div>\n                                                    \n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>End:<\/h4>\n                                                            <p>november 2023<\/p>\n                                                        <\/div>\n                                                    \n                                                                                                    <\/div>\n                                            <\/div>\n\n                                                                                            <a href=\"https:\/\/ege.orgo.ee\/projects\/ilmatsalu-biogaasijaama-kaariti-ja-laga-vastuvotu-mahuti-rajamine\/\"\n                                                    class=\"view-gallery-btn mt-auto pt-4 border-t\">\n                                                    <span class=\"inline-flex items-center gap-1\">\n                                                        Learn more\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\"\n                                                            fill=\"currentColor\" style=\"width: 1em; height: 1em;\">\n                                                            <path fill-rule=\"evenodd\"\n                                                                d=\"M12.293 5.293a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L10 8.586l2.293-2.293a1 1 0 011.414 0z\"\n                                                                transform=\"rotate(-90 10 10)\" clip-rule=\"evenodd\" \/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            \n                                <div class=\"project-item\" data-style=\"slider\"\n                                    data-status=\"in-progress\">\n                                    <div class=\"project-content-wrapper\">\n                                        \n                                        <div class=\"project-background-slider\">\n                                                                                                                                                <div class=\"bg-slide active\"\n                                                        data-media-type=\"image\">\n                                                                                                                    <div class=\"bg-image \"\n                                                                style=\"background-image: url('https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Kreuzau2.jpg');\"\n                                                                data-image-url=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Kreuzau2.jpg\"\n                                                                aria-label=\"LNG projekt Saksamaa, Kreuzau\">\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                                                                                                    <\/div>\n\n                                        \n                                                                            <\/div>\n\n                                    \n                                    <div class=\"project-content-card\">\n                                        <div class=\"project-content flex flex-col h-full\">\n                                            <div class=\"mb-auto\">\n                                                <h3 class=\"!mb-2 !leading-7\">LNG projekt Saksamaa, Kreuzau<\/h3>\n\n                                                                                                    <p class=\"mb-3 text-sm tracking-wide !font-semibold uppercase\"\n                                                        style=\"color: var(--primary-color, #0c4a83) !important\">\n                                                        Saksamaa, Kreuzau<\/p>\n                                                \n                                                <div class=\"project-details\">\n                                                    \n                                                    \n                                                    \n                                                    \n                                                    \n                                                    \n                                                                                                            <div class=\"detail-item\">\n                                                            <h4>End:<\/h4>\n                                                            <p>m\u00e4rts 2023<\/p>\n                                                        <\/div>\n                                                    \n                                                                                                    <\/div>\n                                            <\/div>\n\n                                                                                            <a href=\"https:\/\/ege.orgo.ee\/projects\/lng-projekt-saksamaa-kreuzau\/\"\n                                                    class=\"view-gallery-btn mt-auto pt-4 border-t\">\n                                                    <span class=\"inline-flex items-center gap-1\">\n                                                        Learn more\n                                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\"\n                                                            fill=\"currentColor\" style=\"width: 1em; height: 1em;\">\n                                                            <path fill-rule=\"evenodd\"\n                                                                d=\"M12.293 5.293a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L10 8.586l2.293-2.293a1 1 0 011.414 0z\"\n                                                                transform=\"rotate(-90 10 10)\" clip-rule=\"evenodd\" \/>\n                                                        <\/svg>\n                                                    <\/span>\n                                                <\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n            <\/div>\n\n    \n    <div class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n        <div class=\"pswp__bg\"><\/div>\n        <div class=\"pswp__scroll-wrap\">\n            <div class=\"pswp__container\">\n                <div class=\"pswp__item\"><\/div>\n                <div class=\"pswp__item\"><\/div>\n                <div class=\"pswp__item\"><\/div>\n            <\/div>\n            <div class=\"pswp__ui pswp__ui--hidden\">\n                <div class=\"pswp__top-bar\">\n                    <div class=\"pswp__counter\"><\/div>\n                    <button class=\"pswp__button pswp__button--close\"\n                        title=\"Close (Esc)\"><\/button>\n                    <button class=\"pswp__button pswp__button--share\" title=\"Share\"><\/button>\n                    <button class=\"pswp__button pswp__button--fs\"\n                        title=\"Toggle fullscreen\"><\/button>\n                    <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"><\/button>\n                    <div class=\"pswp__preloader\">\n                        <div class=\"pswp__preloader__icn\">\n                            <div class=\"pswp__preloader__cut\">\n                                <div class=\"pswp__preloader__donut\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n                    <div class=\"pswp__share-tooltip\"><\/div>\n                <\/div>\n                <button class=\"pswp__button pswp__button--arrow--left\"\n                    title=\"Previous (arrow left)\"><\/button>\n                <button class=\"pswp__button pswp__button--arrow--right\"\n                    title=\"Next (arrow right)\"><\/button>\n                <div class=\"pswp__caption\">\n                    <div class=\"pswp__caption__center\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script type=\"module\">\n    \/\/ Import PhotoSwipe from CDN\n    import PhotoSwipeLightbox from 'https:\/\/unpkg.com\/photoswipe@5.4.4\/dist\/photoswipe-lightbox.esm.js';\n    import PhotoSwipe from 'https:\/\/unpkg.com\/photoswipe@5.4.4\/dist\/photoswipe.esm.js';\n\n    \/\/ Wait for document ready\n    document.addEventListener('DOMContentLoaded', function() {\n        console.log('Projects tab block initializing...');\n\n        \/\/ Initialize all components\n        initProjectFilters();\n        initProjectSliders();\n        initPhotoSwipe();\n\n        console.log('Projects tab block initialized');\n    });\n\n    \/\/ Project filters initialization\n    function initProjectFilters() {\n        console.log('Initializing project filters...');\n        \/\/ Get all required elements\n        const filterBtns = document.querySelectorAll('.filter-btn');\n        const projectItems = document.querySelectorAll('.project-item');\n\n        \/\/ Ensure we have buttons before proceeding\n        if (filterBtns.length === 0) {\n            console.log('No filter buttons found');\n            return;\n        }\n\n        \/\/ Add click handler to each button\n        filterBtns.forEach(btn => {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n\n                const filter = this.getAttribute('data-filter');\n                console.log('Filter clicked:', filter);\n\n                \/\/ Remove active class from all buttons\n                filterBtns.forEach(b => {\n                    b.classList.remove('active');\n                });\n\n                \/\/ Add active class to clicked button\n                this.classList.add('active');\n\n                \/\/ Apply filter\n                if (filter === 'all') {\n                    projectItems.forEach(item => {\n                        item.classList.remove('hidden');\n                        \/\/ Also ensure display style is properly reset\n                        item.style.display = '';\n                    });\n                } else {\n                    projectItems.forEach(item => {\n                        const status = item.getAttribute('data-status');\n                        console.log(`Item status: ${status}, filter: ${filter}`);\n\n                        \/\/ Handle possible variations of status values\n                        const matchesFilter =\n                            status === filter ||\n                            (filter === 'in-progress' && status === 'in_progress') ||\n                            (filter === 'in_progress' && status === 'in-progress');\n\n                        if (matchesFilter) {\n                            item.classList.remove('hidden');\n                            item.style.display = '';\n                        } else {\n                            item.classList.add('hidden');\n                            item.style.display = 'none';\n                        }\n                    });\n                }\n\n                \/\/ Play videos in visible projects\n                setTimeout(() => {\n                    const visibleVideos = document.querySelectorAll(\n                        '.project-item:not(.hidden):not([style*=\"display: none\"]) .bg-slide.active video'\n                    );\n\n                    visibleVideos.forEach(video => {\n                        video.currentTime = 0;\n                        video.muted = true;\n                        video.play().catch(err => {});\n                    });\n                }, 100);\n            });\n        });\n\n        console.log('Project filters initialized');\n    }\n\n    \/\/ Project sliders initialization\n    function initProjectSliders() {\n        console.log('Initializing project sliders...');\n        const projectItems = document.querySelectorAll('.project-item');\n\n        projectItems.forEach(item => {\n            const slider = item.querySelector('.project-background-slider');\n            if (!slider) return;\n\n            const slides = slider.querySelectorAll('.bg-slide');\n            const dots = item.querySelectorAll('.dot');\n            const prevBtns = item.querySelectorAll('.prev-slide');\n            const nextBtns = item.querySelectorAll('.next-slide');\n            const currentSlideEls = item.querySelectorAll('.current-slide');\n\n            \/\/ Add fullscreen button to the nav if we have slides\n            if (slides.length > 0) {\n                const projectNav = item.querySelector('.project-nav');\n                if (projectNav) {\n                    \/\/ Create the fullscreen button if it doesn't exist\n                    if (!projectNav.querySelector('.fullscreen-button')) {\n                        const fullscreenBtn = document.createElement('button');\n                        fullscreenBtn.className = 'project-nav-button fullscreen-button';\n                        fullscreenBtn.setAttribute('aria-label', 'Vaata t\u00e4is ekraani');\n                        fullscreenBtn.innerHTML = `\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" stroke-width=\"2\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\">\n                                <path d=\"M3 16v5h5M8 3H3v5M21 16v5h-5M16 3h5v5\" \/>\n                            <\/svg>\n                        `;\n\n                        \/\/ Add click event for fullscreen\n                        fullscreenBtn.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            console.log('Fullscreen button clicked');\n\n                            \/\/ Find the index of active slide\n                            let currentIndex = 0;\n                            slides.forEach((slide, idx) => {\n                                if (slide.classList.contains('active')) {\n                                    currentIndex = idx;\n                                }\n                            });\n                            console.log('Current slide index:', currentIndex);\n\n                            \/\/ Use the shared handler function\n                            handleFullscreenClick(slides, currentIndex);\n                        });\n\n                        \/\/ Add the button to the nav\n                        projectNav.appendChild(fullscreenBtn);\n                    }\n                }\n            }\n\n            if (slides.length <= 1) {\n                \/\/ If only one slide, make sure it's visible and hide navigation\n                if (slides.length === 1) {\n                    slides[0].classList.add('active');\n                    slides[0].style.opacity = '1';\n                }\n\n                \/\/ Hide navigation if there's only one slide\n                const navContainers = item.querySelectorAll('.project-nav');\n                navContainers.forEach(nav => {\n                    if (nav) {\n                        nav.style.display = 'none';\n                    }\n                });\n                return;\n            }\n\n            \/\/ Reset all slides - remove active class except first one\n            slides.forEach((slide, index) => {\n                if (index === 0) {\n                    slide.classList.add('active');\n                    slide.style.opacity = '1';\n\n                    \/\/ Play video if it's in the first slide\n                    const video = slide.querySelector('video');\n                    if (video) {\n                        \/\/ Use setTimeout to ensure video plays after the DOM is fully processed\n                        setTimeout(() => {\n                            video.currentTime = 0;\n                            video.play().catch(err => {});\n                        }, 100);\n                    }\n                } else {\n                    slide.classList.remove('active');\n                    slide.style.opacity = '0';\n                }\n            });\n\n            let currentIndex = 0;\n            let isAnimating = false;\n\n            \/\/ Update slide counter initially\n            currentSlideEls.forEach(el => {\n                el.textContent = currentIndex + 1;\n            });\n\n            \/\/ Function to show next slide with better transition\n            function showSlide(index) {\n                if (isAnimating) return;\n                isAnimating = true;\n\n                \/\/ Hide current slide\n                const currentSlideElement = slides[currentIndex];\n                const currentVideo = currentSlideElement.querySelector('video');\n                if (currentVideo) {\n                    currentVideo.pause(); \/\/ Pause video when hiding\n                }\n                slides[currentIndex].style.opacity = '0';\n                slides[currentIndex].classList.remove('active');\n\n                \/\/ Update dots if present\n                if (dots.length > 0) {\n                    dots[currentIndex].classList.remove('active');\n                    dots[index].classList.add('active');\n                }\n\n                \/\/ Show new slide\n                currentIndex = index;\n                const nextSlideElement = slides[currentIndex];\n                const nextVideo = nextSlideElement.querySelector('video');\n                if (nextVideo) {\n                    nextVideo.currentTime = 0; \/\/ Reset video to start\n                    nextVideo.play(); \/\/ Play video when shown\n                }\n                slides[currentIndex].classList.add('active');\n                slides[currentIndex].style.opacity = '1';\n\n                \/\/ Update slide counter\n                currentSlideEls.forEach(el => {\n                    el.textContent = currentIndex + 1;\n                });\n\n                \/\/ Reset animation flag after transition\n                setTimeout(() => {\n                    isAnimating = false;\n                }, 800);\n            }\n\n            \/\/ Next slide function\n            function nextSlide() {\n                let nextIndex = (currentIndex + 1) % slides.length;\n                showSlide(nextIndex);\n            }\n\n            \/\/ Previous slide function\n            function prevSlide() {\n                let prevIndex = (currentIndex - 1 + slides.length) % slides.length;\n                showSlide(prevIndex);\n            }\n\n            \/\/ Add click events to all buttons\n            prevBtns.forEach(btn => {\n                btn.addEventListener('click', e => {\n                    e.preventDefault();\n                    prevSlide();\n                });\n            });\n\n            nextBtns.forEach(btn => {\n                btn.addEventListener('click', e => {\n                    e.preventDefault();\n                    nextSlide();\n                });\n            });\n\n            \/\/ Add click events to dots\n            dots.forEach((dot, index) => {\n                dot.addEventListener('click', () => {\n                    showSlide(index);\n                });\n            });\n\n            \/\/ Enable click on the image\/video itself to open PhotoSwipe\n            slides.forEach((slide, index) => {\n                slide.style.cursor = 'pointer';\n\n                \/\/ Create gallery items for PhotoSwipe\n                slide.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    console.log('Slide clicked, index:', index);\n\n                    \/\/ Use the shared handler function\n                    handleFullscreenClick(slides, index);\n                });\n            });\n        });\n\n        console.log('Project sliders initialized');\n    }\n\n    \/\/ Initialize PhotoSwipe\n    function initPhotoSwipe() {\n        console.log('Initializing PhotoSwipe...');\n\n        \/\/ Check if PhotoSwipe element exists\n        const pswpElement = document.querySelector('.pswp');\n        if (!pswpElement) {\n            console.error('PhotoSwipe element not found');\n            return;\n        }\n\n        \/\/ Add global handler for fullscreen buttons\n        document.querySelectorAll('.fullscreen-button').forEach(btn => {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                console.log('Fullscreen button clicked directly');\n\n                \/\/ Find the parent project item\n                const projectItem = this.closest('.project-item');\n                if (!projectItem) {\n                    console.error('Could not find parent project item');\n                    return;\n                }\n\n                \/\/ Find the background slider\n                const slider = projectItem.querySelector('.project-background-slider');\n                if (!slider) {\n                    console.error('Could not find background slider');\n                    return;\n                }\n\n                \/\/ Find all slides\n                const slides = slider.querySelectorAll('.bg-slide');\n                if (slides.length === 0) {\n                    console.error('No slides found');\n                    return;\n                }\n\n                \/\/ Find the active slide index\n                let currentIndex = 0;\n                slides.forEach((slide, idx) => {\n                    if (slide.classList.contains('active')) {\n                        currentIndex = idx;\n                    }\n                });\n                console.log('Current slide index:', currentIndex);\n\n                \/\/ Create gallery items\n                handleFullscreenClick(slides, currentIndex);\n            });\n        });\n\n        console.log('PhotoSwipe initialized, added', document.querySelectorAll('.fullscreen-button').length,\n            'fullscreen button handlers');\n    }\n\n    \/\/ Function to handle fullscreen button click\n    function handleFullscreenClick(slides, currentIndex) {\n        console.log('Creating gallery items from', slides.length, 'slides, starting at index', currentIndex);\n\n        \/\/ Create gallery items for PhotoSwipe\n        const galleryItems = [];\n\n        slides.forEach((slide, index) => {\n            const mediaType = slide.getAttribute('data-media-type') || 'image';\n            console.log('Processing slide:', index, 'Media type:', mediaType);\n\n            if (mediaType === 'youtube') {\n                const youtubePreview = slide.querySelector('.youtube-preview');\n                if (youtubePreview) {\n                    const youtubeId = youtubePreview.getAttribute('data-youtube-id');\n                    console.log('Found YouTube ID:', youtubeId);\n                    if (youtubeId) {\n                        galleryItems.push({\n                            html: `<div class=\"pswp-youtube-container\">\n                                  <iframe src=\"https:\/\/www.youtube.com\/embed\/${youtubeId}?autoplay=1&#038;rel=0&#038;showinfo=0\"\n                                  style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:none;\"\n                                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                  allowfullscreen><\/iframe>\n                              <\/div>`,\n                            width: 1280,\n                            height: 720\n                        });\n                        console.log('Added YouTube item');\n                    }\n                } else {\n                    console.log('No YouTube preview found in slide', index);\n                }\n            } else if (mediaType === 'video') {\n                const video = slide.querySelector('video');\n                const source = video ? video.querySelector('source') : null;\n                if (source) {\n                    const videoUrl = source.src;\n                    console.log('Found video URL:', videoUrl);\n                    galleryItems.push({\n                        html: `<div class=\"pswp-video-container\">\n                              <video controls autoplay style=\"width:100%;max-height:80vh;\">\n                                  <source src=\"${videoUrl}\" type=\"video\/mp4\">\n                                  Your browser does not support the video tag.\n                              <\/video>\n                          <\/div>`,\n                        width: 1280,\n                        height: 720\n                    });\n                    console.log('Added video item');\n                } else {\n                    console.log('No video source found in slide', index);\n                }\n            } else {\n                \/\/ Image\n                const bgImage = slide.querySelector('.bg-image');\n                if (bgImage) {\n                    \/\/ First check for data attribute\n                    const dataImageUrl = bgImage.getAttribute('data-image-url');\n                    let url = ''; \/\/ Declare url variable\n\n                    if (dataImageUrl) {\n                        console.log('Found data-image-url:', dataImageUrl);\n                        url = dataImageUrl;\n                    } else {\n                        \/\/ Extract URL from background-image style\n                        console.log('Background style:', bgImage.style.backgroundImage);\n\n                        \/\/ First try to get computed style if direct style is empty\n                        if (!bgImage.style.backgroundImage || bgImage.style.backgroundImage === '') {\n                            const computedStyle = getComputedStyle(bgImage);\n                            url = computedStyle.backgroundImage.replace(\/^url\\(['\"]?\/, '').replace(\/['\"]?\\)$\/,\n                                '');\n                            console.log('Using computed style:', computedStyle.backgroundImage);\n                        } else {\n                            url = bgImage.style.backgroundImage.replace(\/^url\\(['\"]?\/, '').replace(\/['\"]?\\)$\/,\n                                '');\n                        }\n                    }\n\n                    console.log('Extracted image URL:', url);\n\n                    if (url && url !== '') {\n                        \/\/ Create a simple object with default dimensions first\n                        const imageItem = {\n                            src: url,\n                            width: 1200, \/\/ Default width\n                            height: 800, \/\/ Default height\n                            alt: bgImage.getAttribute('aria-label') || 'Project image'\n                        };\n\n                        \/\/ Add the item to the gallery items array\n                        galleryItems.push(imageItem);\n                        console.log('Added image item');\n\n                        \/\/ Optionally preload the image to get actual dimensions\n                        \/\/ This is commented out as it might cause delays, but can be enabled\n                        \/\/ if accurate dimensions are critical\n                        \/*\n                        const img = new Image();\n                        img.onload = function() {\n                            \/\/ Update the item with actual dimensions once loaded\n                            imageItem.width = this.width;\n                            imageItem.height = this.height;\n                            console.log('Updated image dimensions:', this.width, 'x', this.height);\n                        };\n                        img.src = url;\n                        *\/\n                    } else {\n                        console.log('No background image URL found for slide', index);\n                    }\n                } else {\n                    console.log('No background image found in slide', index);\n                }\n            }\n        });\n\n        console.log('Gallery items created:', galleryItems.length);\n\n        \/\/ Open PhotoSwipe\n        if (galleryItems.length > 0) {\n            console.log('Opening PhotoSwipe with gallery items');\n            openPhotoSwipe(galleryItems, currentIndex);\n        } else {\n            console.error('No gallery items created, cannot open PhotoSwipe');\n        }\n    }\n\n    \/\/ Open PhotoSwipe with given items and index\n    function openPhotoSwipe(items, index) {\n        console.log('openPhotoSwipe called with', items.length, 'items at index', index);\n        const pswpElement = document.querySelector('.pswp');\n\n        if (!pswpElement) {\n            console.error('PhotoSwipe element (.pswp) not found in DOM');\n            return;\n        }\n\n        console.log('PhotoSwipe element found:', pswpElement);\n\n        \/\/ Define options\n        const options = {\n            dataSource: items,\n            index: index,\n            bgOpacity: 0.85,\n            showHideAnimationType: 'zoom',\n            imageClickAction: 'zoom',\n            tapAction: 'toggle-controls',\n            errorMsg: 'The image could not be loaded.',\n            pswpModule: PhotoSwipe,\n            \/\/ Fix for portrait images stretching\n            wheelToZoom: true,\n            mainClass: 'pswp--custom-bg',\n            allowPanToNext: false,\n            allowMouseDrag: true,\n            \/\/ Don't stretch images to fill the viewport\n            scaleMode: 'fit',\n            padding: {\n                top: 20,\n                bottom: 20,\n                left: 20,\n                right: 20\n            }\n        };\n\n        console.log('PhotoSwipe options configured:', options);\n\n        try {\n            \/\/ Initialize PhotoSwipe\n            console.log('Creating new PhotoSwipeLightbox instance');\n            const lightbox = new PhotoSwipeLightbox(options);\n\n            \/\/ Handle custom HTML content for videos and YouTube\n            lightbox.on('contentLoad', (e) => {\n                const {\n                    content\n                } = e;\n                console.log('contentLoad event triggered for item:', content);\n\n                \/\/ Skip if it's not HTML content\n                if (!content.html) {\n                    console.log('No HTML content, using default handler');\n                    return;\n                }\n\n                \/\/ Prevent default behavior\n                e.preventDefault();\n                console.log('Using custom HTML content handler');\n\n                \/\/ Set custom HTML content\n                content.element = document.createElement('div');\n                content.element.className = 'pswp__content pswp__content--custom';\n                content.element.innerHTML = content.html;\n\n                \/\/ Make sure content fits correctly in viewport\n                if (content.html.includes('pswp-youtube-container') || content.html.includes(\n                        'pswp-video-container')) {\n                    content.element.style.width = '100%';\n                    content.element.style.height = '100%';\n                }\n            });\n\n            \/\/ Listen for slide change to handle videos\n            lightbox.on('change', () => {\n                console.log('Slide changed, pausing any videos');\n                \/\/ Pause all videos when changing slides\n                const videos = document.querySelectorAll('.pswp-video-container video');\n                videos.forEach(video => {\n                    if (!video.paused) {\n                        video.pause();\n                    }\n                });\n            });\n\n            \/\/ Initialize and open PhotoSwipe\n            console.log('Initializing PhotoSwipeLightbox');\n            lightbox.init();\n\n            console.log('Opening PhotoSwipeLightbox at index', index);\n            lightbox.loadAndOpen(index);\n\n            console.log('PhotoSwipeLightbox opened successfully');\n        } catch (error) {\n            console.error('Error initializing PhotoSwipe:', error);\n            console.error('Stack trace:', error.stack);\n        }\n    }\n\n    \/\/ Force video autoplay for Safari\n    window.addEventListener('load', function() {\n        console.log('Force playing videos after page load');\n        \/\/ First try playing videos immediately\n        document.querySelectorAll('.bg-slide.active video').forEach(video => {\n            video.muted = true;\n            video.currentTime = 0;\n            video.play().catch(e => console.log('Window load video play failed:', e));\n        });\n\n        \/\/ Then try again after a short delay\n        setTimeout(() => {\n            document.querySelectorAll('.bg-slide.active video').forEach(video => {\n                video.muted = true;\n                video.currentTime = 0;\n                video.play().catch(e => console.log('Window load delayed video play failed:',\n                    e));\n            });\n\n            \/\/ Also trigger the global function if it exists\n            if (typeof window.forcePlayVideos === 'function') {\n                window.forcePlayVideos();\n            }\n        }, 1000);\n\n        \/\/ Debug the visibility state of project items\n        if (location.href.includes('tehtud-tood')) {\n            setTimeout(debugProjectVisibility, 2000);\n        }\n    });\n\n    \/\/ Function to debug project item visibility issues\n    function debugProjectVisibility() {\n        const projectItems = document.querySelectorAll('.project-item');\n        console.log('DEBUG VISIBILITY: Found ' + projectItems.length + ' project items');\n\n        projectItems.forEach((item, index) => {\n            const isHidden = item.classList.contains('hidden');\n            const displayStyle = window.getComputedStyle(item).display;\n            const status = item.getAttribute('data-status') || 'no-status';\n\n            console.log(\n                `Project ${index}: status=${status}, hidden=${isHidden}, display=${displayStyle}, visible=${displayStyle !== 'none' && !isHidden}`\n            );\n        });\n\n        \/\/ Also check the filter buttons\n        const filterBtns = document.querySelectorAll('.filter-btn');\n        console.log('DEBUG FILTERS: Found ' + filterBtns.length + ' filter buttons');\n\n        filterBtns.forEach((btn, index) => {\n            const isActive = btn.classList.contains('active');\n            const filter = btn.getAttribute('data-filter') || 'no-filter';\n\n            console.log(`Filter ${index}: filter=${filter}, active=${isActive}`);\n        });\n    }\n<\/script>\n\n\n<style>\n    \/* PhotoSwipe custom styles *\/\n    .pswp__content--custom {\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        width: 100% !important;\n        height: 100% !important;\n    }\n\n    .pswp-youtube-container {\n        width: 80%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        height: 0;\n        padding-bottom: 56.25%;\n        overflow: hidden;\n    }\n\n    .pswp-video-container {\n        width: 80%;\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .pswp-video-container video {\n        max-width: 100%;\n        max-height: 80vh;\n        margin: 0 auto;\n    }\n\n    \/* PhotoSwipe UI customizations *\/\n    .pswp__ui {\n        z-index: 1500 !important;\n    }\n\n    .pswp__top-bar {\n        background-color: rgba(0, 0, 0, 0.3) !important;\n    }\n\n    .pswp__caption {\n        background-color: rgba(0, 0, 0, 0.3) !important;\n    }\n\n    \/* Custom background for PhotoSwipe *\/\n    .pswp--custom-bg .pswp__img {\n        object-fit: contain !important;\n        max-height: 90vh !important;\n    }\n<\/style>\n\n\n<section id=\"content-section-69dcdabceaf0f\"\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                        <div 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 style=\"text-align: center;\">If you have any questions or would like more information, please contact us!<\/p>\n<p style=\"text-align: center;\">We\u2019ll find the best solution for you!<\/p>\n<\/div>\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-1251","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1251","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=1251"}],"version-history":[{"count":5,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1251\/revisions"}],"predecessor-version":[{"id":2191,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1251\/revisions\/2191"}],"wp:attachment":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/media?parent=1251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}