{"id":1263,"date":"2025-04-21T08:21:35","date_gmt":"2025-04-21T08:21:35","guid":{"rendered":"https:\/\/ege.orgo.ee\/services\/"},"modified":"2025-08-14T13:17:15","modified_gmt":"2025-08-14T13:17:15","slug":"services","status":"publish","type":"page","link":"https:\/\/ege.orgo.ee\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<section class=\"relative flex items-end text-left h-24 alignfull wp-block-page-header\"\n    id=\"page-header-69dcf1bca0172\" style=\"background-color: var(--primary-color);\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n        <h1 class=\"text-6xl md:text-7xl  font-walsheim font-bold m-0 -mb-[13px] leading-none\"\n             style=\"color: #ffffff;\" >\n            SERVICES\n        <\/h1>\n    <\/div>\n<\/section>\n\n\n<style>\n    \/* Scope all styles to this specific block to prevent conflicts *\/\n    #page-header-69dcf1bca0172 {\n        position: relative;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    \/* Frontend text styling classes *\/\n    #page-header-69dcf1bca0172 h1.uppercase {\n        text-transform: uppercase;\n    }\n\n    #page-header-69dcf1bca0172 h1.page-header-outline {\n        -webkit-text-stroke-color: white;\n        text-stroke-color: white;\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n    }\n\n    #page-header-69dcf1bca0172 h1.page-header-outline-sm {\n        -webkit-text-stroke-width: 1px;\n        text-stroke-width: 1px;\n    }\n\n    #page-header-69dcf1bca0172 h1.page-header-outline-md {\n        -webkit-text-stroke-width: 2px;\n        text-stroke-width: 2px;\n    }\n\n    #page-header-69dcf1bca0172 h1.page-header-outline-lg {\n        -webkit-text-stroke-width: 4px;\n        text-stroke-width: 4px;\n    }\n\n    #page-header-69dcf1bca0172 h1.page-header-transparent {\n        color: transparent !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n\n    \/* Editor-specific styling to match frontend exactly *\/\n    .editor-styles-wrapper #page-header-69dcf1bca0172 {\n        position: relative !important;\n        display: flex !important;\n        align-items: flex-end !important;\n        background-color: var(--primary-color) !important;\n        min-height: 6rem !important;\n\n                    justify-content: flex-start !important;\n            }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 .container {\n        max-width: 80rem !important;\n        \/* max-w-7xl equivalent *\/\n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1rem !important;\n        \/* px-4 equivalent *\/\n        padding-right: 1rem !important;\n        \/* px-4 equivalent *\/\n        width: 100% !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1 {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        font-weight: 700 !important;\n        line-height: 1 !important;\n        margin: 0 !important;\n        margin-bottom: -13px !important;\n\n                    color: #ffffff !important;\n        \n                    text-align: left !important;\n            }\n\n    \/* Editor text styling classes *\/\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1.uppercase {\n        text-transform: uppercase !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1.page-header-outline {\n        -webkit-text-stroke-color: white !important;\n        text-stroke-color: white !important;\n        color: transparent !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1.page-header-outline-sm {\n        -webkit-text-stroke-width: 1px !important;\n        text-stroke-width: 1px !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1.page-header-outline-md {\n        -webkit-text-stroke-width: 2px !important;\n        text-stroke-width: 2px !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1.page-header-outline-lg {\n        -webkit-text-stroke-width: 4px !important;\n        text-stroke-width: 4px !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1bca0172 h1.page-header-transparent {\n        color: transparent !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n\n    \/* Size-specific editor styling - exact Tailwind equivalents *\/\n            .editor-styles-wrapper #page-header-69dcf1bca0172 h1 {\n            font-size: 4.5rem !important;\n            \/* text-6xl: 72px *\/\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper #page-header-69dcf1bca0172 h1 {\n                font-size: 5.25rem !important;\n                \/* md:text-7xl: 84px *\/\n            }\n        }\n    \n    \/* Subtitle section editor styling *\/\n    .editor-styles-wrapper .page-header-subtitle {\n        position: relative !important;\n        background-color: transparent !important;\n\n                    text-align: left !important;\n            }\n\n    .editor-styles-wrapper .page-header-subtitle .container {\n        max-width: 80rem !important;\n        \/* max-w-7xl equivalent *\/\n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1rem !important;\n        \/* px-4 equivalent *\/\n        padding-right: 1rem !important;\n        \/* px-4 equivalent *\/\n        width: 100% !important;\n    }\n\n    .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        max-width: 48rem !important;\n        \/* max-w-3xl equivalent *\/\n        color: #ffffff !important;\n\n            }\n\n    \/* Size-specific subtitle styling - exact Tailwind equivalents *\/\n            .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n            font-size: 1.5rem !important;\n            \/* text-2xl: 24px *\/\n            padding-top: 1.25rem !important;\n            \/* py-5: 20px *\/\n            padding-bottom: 1.25rem !important;\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n                font-size: 1.875rem !important;\n                \/* md:text-3xl: 30px *\/\n            }\n        }\n    <\/style>\n\n\n<!-- DEBUG: services_background_color in main template = #fafafa -->\n<section class=\"services-preview-section wp-block-services-preview bg-light\"\n    id=\"services-preview-section\" data-columns=\"3\"\n    data-layout=\"accordion\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n                    \n            \n                            <div class=\"services-accordion space-y-4\" data-accordion=\"services\">\n                                                                        <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-0\"\n                                    aria-expanded=\"true\"\n                                    aria-controls=\"service-0\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">engineering<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">General construction contracting<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-0\"\n                                    class=\"accordion-content \"\n                                    aria-labelledby=\"accordion-header-0\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <p>The contracting authority does not need to know the processes involved in organising the construction. The general contracting method combines the management of the processes from preparation, design and approvals to the actual construction, obtaining the permit for use and the turnkey moment. The after-sales service under the terms of the guarantee is added to this.  <\/p>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-1\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-1\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">user_attributes<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Construction project management<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-1\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-1\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <p>If the contracting authority itself is the main contractor in the process, it is possible to outsource project management and construction management to INF Ehitus.<\/p>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-2\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-2\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">co_present<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Project management for project design<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-2\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-2\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <p>It is a good idea to start with the design in the earliest stages with a construction company that has a history of long-term cooperation with various engineers. This not only saves time and money during the design and construction process, but also ensures reasonable costs during the subsequent operation of the building thanks to the experience. <\/p>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-3\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-3\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">valve<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\"> Construction of gas pipelines<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-3\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-3\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <p>Renovation and construction of category A, B, C and D natural gas installations, including gas lines (using steel and plastic), indoor pipes (using copper and steel).<\/p>\n<p>Construction of category A, B and C liquefied gas installations.<\/p>\n<ul>\n<li>Gas distribution plants<\/li>\n<li>Gas regulation plants<\/li>\n<li>Gas regulation points<\/li>\n<li>Gas metering hubs<\/li>\n<li>Gas pressure regulation cabinets<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-4\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-4\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">contract_edit<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Design of gas pipelines<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-4\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-4\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <ul type=\"disc\">\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of gas boiler houses of office and residential buildings<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of gas supply of boiler houses<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of gas pipelines inside buildings<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of outside gas pipelines<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of natural gas (LNG) and compressed natural gas (CNG) filling stations<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of gas compressor stations<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of gas metering and distribution stations (GMS and GDS)<u><\/u><\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of small and micro cogeneration plants (CHP)<\/li>\n<li class=\"m_3645284234986221329MsoListParagraph\">Expert assessment of designs<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-5\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-5\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">thermostat<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Construction of district heat pipelines<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-5\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-5\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <ul>\n<li>Construction and renovation of single-pipe system pre-insulated heat pipeline<\/li>\n<li>Construction and renovation of dual-pipe system pre-insulated heat pipeline<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-6\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-6\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">thermometer_add<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Design of district heating pipelines<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-6\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-6\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <ul type=\"disc\">\n<li class=\"m_3645284234986221329MsoListParagraph\">Design of district heating lines<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-7\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-7\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">water_pump<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Construction of water and sewerage pipelines<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-7\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-7\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <ul>\n<li>External water supply and sewerage networks (pressure sewerage piping, rainwater and wastewater piping, drainage, pumps, purifiers).<\/li>\n<li>Water supply and sewerage systems inside buildings and properties<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-8\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-8\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">domain<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Construction and maintenance of systems inside buildings<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-8\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-8\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <div class=\"porto-sicon-header\"><\/div>\n<div class=\"porto-sicon-description\">\n<ul>\n<li>Small boiler plants<\/li>\n<li>Heating generation units<\/li>\n<li>Heating systems (radiator and floor heating)<\/li>\n<li>Co-generation plants<\/li>\n<li>Replacement of meters and gas volume correctors<\/li>\n<\/ul>\n<\/div>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-9\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-9\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">mystery<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Owner supervision<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-9\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-9\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <div class=\"porto-sicon-header\"><\/div>\n<div class=\"porto-sicon-description\">\n<ul>\n<li>Renovation and construction of gas pipeline<\/li>\n<li>Construction of heating systems and boiler plants<\/li>\n<li>Construction of district heat pipelines<\/li>\n<li>Construction of water and sewerage pipelines<\/li>\n<li>Design of gas lines<\/li>\n<li>Design of district heating lines<\/li>\n<\/ul>\n<\/div>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-10\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-10\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">cyclone<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Pressure equipment work<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-10\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-10\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <div class=\"porto-sicon-header\"><\/div>\n<div class=\"porto-sicon-description\">\n<ul>\n<li>Repair, alteration, installation of pipes for steam, hot water and other liquids, pressurised vessels and repair, renovation, installation of hazard liquid transport vessel<\/li>\n<li>Supervision of use of pressurised equipment<\/li>\n<\/ul>\n<\/div>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-11\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-11\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">electrical_services<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Electrical works<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-11\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-11\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <ul>\n<li>Operation service<\/li>\n<li>Design and construction of solar parks<\/li>\n<li>Design and installation of battery parks<\/li>\n<li>Electrical works inside buildings<\/li>\n<li>Electrical works outside buildings<\/li>\n<li>Design and construction of cathodic protection for gas pipelines<\/li>\n<li>Special solutions<\/li>\n<li>Owner supervision service<\/li>\n<li>Electrical installation audit<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-12\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-12\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">cable<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">External electricity networks<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-12\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-12\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <ul>\n<li>Construction of 10 &#8211; 330kV medium and high-voltage electricity networks and substations<\/li>\n<li>Construction of low-voltage electricity networks and substations up to 1 kV<\/li>\n<li>Design, construction and installation of primary and secondary sides<\/li>\n<li>Supply, installation and commissioning of transformers, switching devices<\/li>\n<li>Construction of low, medium and high voltage underground cable lines<\/li>\n<li>Telecommunications networks<\/li>\n<\/ul>\n\n                                        <\/div>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                                                                                                <div class=\"service-accordion-item border border-gray-200 overflow-hidden\">\n                                <button\n                                    class=\"accordion-header w-full px-6 py-4 text-left flex items-center justify-between hover:bg-gray-50 transition-colors\"\n                                    data-accordion-target=\"#service-13\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"service-13\">\n                                    <div class=\"flex items-center space-x-6\">\n                                        \n                                        <div class=\"icon-container-small w-12 h-12 flex items-center justify-center\"\n                                            style=\"background-color: #ffffff20; color: var(--accent-color, #3894c9);\">\n                                            \n                                                                                            <span class=\"material-symbols-outlined\"\n                                                    style=\"font-size: 42px !important;\">gas_meter<\/span>\n                                                                                    <\/div>\n\n                                        \n                                        <h4 class=\"text-lg font-semibold text-gray-800\">Sale of gas meters and volume meters<\/h4>\n                                    <\/div>\n\n                                    \n                                    <span class=\"accordion-arrow\"><\/span>\n                                <\/button>\n\n                                <div id=\"service-13\"\n                                    class=\"accordion-content hidden\"\n                                    aria-labelledby=\"accordion-header-13\">\n                                                                            <div class=\"text-gray-600 mb-4\">\n                                            <div class=\"porto-sicon-header\"><\/div>\n<div class=\"porto-sicon-description\">AS INF Ehitus sells new gas meters and volume meters (correctors).<\/div>\n\n                                        <\/div>\n                                    \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<section id=\"content-section-69dcf1bca5bfa\"\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\">Products<\/h2>\n                \n                \n                                    <div class=\"mt-8\">\n                        <a href=\"https:\/\/ege.orgo.ee\/tooted\/\" class=\"btn-primary\" target=\"\"\n                            <span>Products<\/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-1263","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1263","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=1263"}],"version-history":[{"count":5,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1263\/revisions"}],"predecessor-version":[{"id":2185,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1263\/revisions\/2185"}],"wp:attachment":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/media?parent=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}