{"id":1259,"date":"2025-05-15T12:51:30","date_gmt":"2025-05-15T12:51:30","guid":{"rendered":"https:\/\/ege.orgo.ee\/electrical-works\/"},"modified":"2025-08-11T11:00:45","modified_gmt":"2025-08-11T11:00:45","slug":"electrical-works","status":"publish","type":"page","link":"https:\/\/ege.orgo.ee\/en\/electrical-works\/","title":{"rendered":"Electrical works"},"content":{"rendered":"<section class=\"relative flex items-end text-left h-24 alignfull wp-block-page-header\"\n    id=\"page-header-69dcf1d6d6212\" style=\"background-color: var(--primary-color);\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n        <h1 class=\"text-6xl md:text-7xl uppercase page-header-outline page-header-outline-md page-header-transparent font-walsheim font-bold m-0 -mb-[13px] leading-none\"\n            >\n            ELECTRICAL WORKs\n        <\/h1>\n    <\/div>\n<\/section>\n\n\n<style>\n    \/* Scope all styles to this specific block to prevent conflicts *\/\n    #page-header-69dcf1d6d6212 {\n        position: relative;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    \/* Frontend text styling classes *\/\n    #page-header-69dcf1d6d6212 h1.uppercase {\n        text-transform: uppercase;\n    }\n\n    #page-header-69dcf1d6d6212 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-69dcf1d6d6212 h1.page-header-outline-sm {\n        -webkit-text-stroke-width: 1px;\n        text-stroke-width: 1px;\n    }\n\n    #page-header-69dcf1d6d6212 h1.page-header-outline-md {\n        -webkit-text-stroke-width: 2px;\n        text-stroke-width: 2px;\n    }\n\n    #page-header-69dcf1d6d6212 h1.page-header-outline-lg {\n        -webkit-text-stroke-width: 4px;\n        text-stroke-width: 4px;\n    }\n\n    #page-header-69dcf1d6d6212 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-69dcf1d6d6212 {\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-69dcf1d6d6212 .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-69dcf1d6d6212 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        \n                    text-align: left !important;\n            }\n\n    \/* Editor text styling classes *\/\n    .editor-styles-wrapper #page-header-69dcf1d6d6212 h1.uppercase {\n        text-transform: uppercase !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1d6d6212 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-69dcf1d6d6212 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-69dcf1d6d6212 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-69dcf1d6d6212 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-69dcf1d6d6212 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-69dcf1d6d6212 h1 {\n            font-size: 4.5rem !important;\n            \/* text-6xl: 72px *\/\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper #page-header-69dcf1d6d6212 h1 {\n                font-size: 5.25rem !important;\n                \/* md:text-7xl: 84px *\/\n            }\n        }\n    \n    \/* Subtitle section editor styling *\/\n    .editor-styles-wrapper .page-header-subtitle {\n        position: relative !important;\n        background-color: transparent !important;\n\n                    text-align: left !important;\n            }\n\n    .editor-styles-wrapper .page-header-subtitle .container {\n        max-width: 80rem !important;\n        \/* max-w-7xl equivalent *\/\n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1rem !important;\n        \/* px-4 equivalent *\/\n        padding-right: 1rem !important;\n        \/* px-4 equivalent *\/\n        width: 100% !important;\n    }\n\n    .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        max-width: 48rem !important;\n        \/* max-w-3xl equivalent *\/\n        color: #ffffff !important;\n\n            }\n\n    \/* Size-specific subtitle styling - exact Tailwind equivalents *\/\n            .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n            font-size: 1.5rem !important;\n            \/* text-2xl: 24px *\/\n            padding-top: 1.25rem !important;\n            \/* py-5: 20px *\/\n            padding-bottom: 1.25rem !important;\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper .page-header-subtitle .subtitle-content {\n                font-size: 1.875rem !important;\n                \/* md:text-3xl: 30px *\/\n            }\n        }\n    <\/style>\n\n\n\n\n<!-- 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=\"4\"\n    data-layout=\"text_on_top\">\n    <div class=\"container mx-auto px-4 max-w-7xl\">\n                    \n            <div class=\"flex flex-col\">\n                \n                                    \n                                        <div\n                        class=\"grid grid-cols-1 sm:grid-cols-2 gap-8 services-grid lg:grid-cols-4\">\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;\">follow_the_signs<\/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                Operation service\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Day-to-day maintenance and troubleshooting of electrical systems.<\/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                Design and construction of solar parks\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>A complete solution for solar electric systems from planning to installation.<\/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;\">light_group<\/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                Electrical works inside buildings\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Installation of lighting, sockets and protection systems inside the building.<\/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;\">shop<\/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                Electrical works outside buildings\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Exterior lighting, cabling and electrical connection works around the building.<\/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;\">view_timeline<\/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                Design work\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Preparation of technical documentation for electrical designs.<\/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;\">mystery<\/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                Owner supervision\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Checking the quality of construction works in the interest of the owner.<\/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<\/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                Electrical installation audit\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Assessing the safety and compliance of existing electrical systems.<\/p>\n\n                <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n                                            <\/div>\n                            <\/div>\n            <\/div>\n<\/section>\n\n<style>\n    \/* Button hover effects for Services Preview block *\/\n    #services-preview-section .btn-primary svg {\n        transition: all 0.3s ease;\n    }\n\n    #services-preview-section .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Material Symbols styling for editor and frontend *\/\n    #services-preview-section .material-symbols-outlined {\n        font-family: 'Material Symbols Outlined' !important;\n        font-weight: normal;\n        font-style: normal;\n        font-size: 68px !important;\n        line-height: 1;\n        letter-spacing: normal;\n        text-transform: none;\n        display: inline-block;\n        white-space: nowrap;\n        word-wrap: normal;\n        direction: ltr;\n        -webkit-font-feature-settings: 'liga';\n        -webkit-font-smoothing: antialiased;\n        color: var(--accent-color) !important;\n    }\n\n    \/* Ensure icon container uses accent color *\/\n    #services-preview-section .icon-container {\n        color: var(--accent-color) !important;\n    }\n\n    \/* Editor-specific styling to match frontend *\/\n    .editor-styles-wrapper #services-preview-section h2 {\n        font-size: 1.875rem !important;\n        \/* text-3xl equivalent *\/\n        font-weight: 700 !important;\n        line-height: 1.1 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .btn-primary {\n        font-weight: 600 !important;\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n    }\n\n    \/* Ensure Material Symbols work in editor with proper color *\/\n    .editor-styles-wrapper #services-preview-section .material-symbols-outlined {\n        font-family: 'Material Symbols Outlined' !important;\n        color: var(--accent-color) !important;\n    }\n\n    \/* Ensure icon container uses accent color in editor *\/\n    .editor-styles-wrapper #services-preview-section .icon-container {\n        color: var(--accent-color) !important;\n    }\n\n    \/* Editor-specific grid column styling to match frontend *\/\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-1 {\n        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-2 {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-3 {\n        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-grid.lg\\:grid-cols-4 {\n        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    }\n\n    \/* Editor-specific service item text styling to match frontend *\/\n    .editor-styles-wrapper #services-preview-section .service-item h4 {\n        font-size: 1.25rem !important;\n        \/* text-xl equivalent *\/\n        font-weight: 600 !important;\n        \/* font-semibold *\/\n        color: #1f2937 !important;\n        \/* text-gray-800 *\/\n        margin-bottom: 0.75rem !important;\n        \/* mb-3 *\/\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        line-height: 1.2 !important;\n    }\n\n    \/* Editor-specific service item background styling for color picker *\/\n    .editor-styles-wrapper #services-preview-section .service-item {\n        transition: all 0.2s ease;\n    }\n\n    \/* Ensure padding and spacing work correctly in editor *\/\n    .editor-styles-wrapper #services-preview-section .service-item.p-6 {\n        padding: 1.5rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.mb-8 {\n        margin-bottom: 2rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.mb-6 {\n        margin-bottom: 1.5rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.border {\n        border: 1px solid #e5e7eb !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.shadow-sm {\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-item.rounded-lg {\n        border-radius: 0.5rem !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-description {\n        font-size: 1rem !important;\n        \/* text-base equivalent *\/\n        color: #4b5563 !important;\n        \/* text-gray-600 *\/\n        margin-bottom: 1rem !important;\n        \/* mb-4 *\/\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n        line-height: 1.5 !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-description p {\n        margin-bottom: 0.5rem !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-link {\n        font-weight: 500 !important;\n        \/* font-medium *\/\n        color: var(--secondary-color) !important;\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n        margin-top: 0.25rem !important;\n        \/* mt-1 *\/\n    }\n\n    .editor-styles-wrapper #services-preview-section .service-link span {\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    \/* Accordion-specific styles - matching job offers theme *\/\n    #services-preview-section .services-accordion {\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    #services-preview-section .services-accordion .service-accordion-item {\n        margin-bottom: 0.75rem;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n        border-radius: 0 !important;\n        background-color: #fff;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n        transition: all 0.3s ease;\n        overflow: hidden;\n    }\n\n    #services-preview-section .services-accordion .service-accordion-item:hover {\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n        transform: translateY(-1px);\n    }\n\n    #services-preview-section .services-accordion .accordion-header {\n        cursor: pointer;\n        position: relative;\n        padding: 0.75rem !important;\n        margin: 0;\n        background-color: #fff;\n        user-select: none;\n        transition: background-color 0.2s ease;\n        border-radius: 0 !important;\n        border: none;\n        width: 100%;\n        text-align: left;\n        font-family: var(--body-font, 'Nunito Sans', sans-serif) !important;\n        font-weight: 500;\n        font-size: 1rem;\n        color: var(--color-black, #111827) !important;\n    }\n\n    #services-preview-section .services-accordion .accordion-header:hover {\n        background-color: rgba(0, 0, 0, 0.01);\n    }\n\n    #services-preview-section .services-accordion .accordion-header:focus {\n        outline: none;\n    }\n\n    #services-preview-section .services-accordion .accordion-header h4 {\n        color: #111827 !important;\n        font-family: var(--heading-font, 'GT Walsheim Pro', sans-serif) !important;\n        font-size: 1.125rem !important;\n        font-weight: 600 !important;\n        margin: 0 !important;\n    }\n\n    \/* Custom arrow styling to match job offers *\/\n    #services-preview-section .services-accordion .accordion-arrow {\n        position: absolute;\n        right: 1rem !important;\n        top: 50%;\n        width: 0.75rem;\n        height: 0.75rem;\n        border-right: 2px solid #6b7280;\n        border-bottom: 2px solid #6b7280;\n        transform: translateY(-75%) rotate(45deg);\n        transition: transform 0.3s ease;\n        background: none;\n    }\n\n    #services-preview-section .services-accordion .accordion-header[aria-expanded=\"true\"] .accordion-arrow {\n        transform: translateY(-25%) rotate(-135deg);\n    }\n\n    #services-preview-section .services-accordion .accordion-content {\n        overflow: hidden;\n        display: none;\n        visibility: hidden;\n        height: 0;\n        transition: height 0.4s ease, visibility 0.4s ease;\n    }\n\n    #services-preview-section .services-accordion .accordion-content:not(.hidden) {\n        display: block;\n        visibility: visible;\n        height: auto;\n    }\n\n    #services-preview-section .services-accordion .accordion-content .text-gray-600 {\n        padding: 1rem 1.5rem 2rem 1.5rem;\n        color: #1f2937;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        word-break: break-word;\n        font-family: var(--body-font, 'Nunito Sans', sans-serif) !important;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    #services-preview-section .services-accordion .icon-container-small {\n        transition: all 0.2s ease;\n        flex-shrink: 0;\n    }\n\n    \/* no hover scale for icon *\/\n\n    \/* Apply Button Styles - matching job offers *\/\n    #services-preview-section .services-accordion .apply-button {\n        display: inline-flex;\n        align-items: center;\n        padding: 0.75rem 1.5rem;\n        font-size: 0.875rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: white !important;\n        background-color: var(--primary-color, #003385) !important;\n        border-radius: 0 !important;\n        border: 2px solid var(--primary-color, #003385);\n        transition: all 0.3s ease;\n        text-decoration: none !important;\n        font-family: var(--body-font, 'Nunito Sans', sans-serif) !important;\n    }\n\n    #services-preview-section .services-accordion .apply-button:hover {\n        background-color: transparent !important;\n        color: var(--primary-color, #003385) !important;\n        border-color: var(--primary-color, #003385) !important;\n    }\n\n    #services-preview-section .services-accordion .apply-button svg {\n        margin-left: 0.5rem;\n        height: 1rem;\n        width: 1rem;\n        transition: transform 0.3s ease, stroke 0.3s ease;\n        stroke: currentColor;\n    }\n\n    #services-preview-section .services-accordion .apply-button:hover svg {\n        transform: translateX(4px);\n        stroke: var(--primary-color, #003385) !important;\n    }\n\n    \/* Button container styling *\/\n    #services-preview-section .services-accordion .flex.justify-end.mt-6 {\n        border-top: 1px solid rgba(0, 0, 0, 0.1);\n        padding-top: 1rem;\n        margin-top: 1.5rem;\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 767px) {\n        #services-preview-section .services-accordion .accordion-header .flex.items-center {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        #services-preview-section .services-accordion .accordion-header h4 {\n            margin-bottom: 0.5rem !important;\n            font-size: 1rem !important;\n        }\n\n        #services-preview-section .services-accordion .accordion-content .text-gray-600 {\n            padding: 1.25rem;\n        }\n\n        #services-preview-section .services-accordion .apply-button {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n\n    \/* Editor-specific accordion styles *\/\n    .editor-styles-wrapper #services-preview-section .services-accordion .accordion-header {\n        font-family: var(--font-heading, 'GT Walsheim Pro', sans-serif) !important;\n        pointer-events: none;\n        \/* Disable clicks in editor *\/\n    }\n\n    .editor-styles-wrapper #services-preview-section .services-accordion .accordion-content {\n        font-family: var(--font-body, 'Nunito Sans', sans-serif) !important;\n    }\n\n    \/* Show all accordion content in editor for preview *\/\n    .editor-styles-wrapper #services-preview-section .services-accordion .accordion-content.hidden {\n        display: block !important;\n        opacity: 0.7;\n    }\n\n    \/* Add editor preview label *\/\n    .editor-styles-wrapper #services-preview-section .services-accordion::before {\n        content: 'Accordion Preview (Interactive on Frontend)';\n        display: block;\n        background: #f0f0f1;\n        color: #50575e;\n        padding: 8px 12px;\n        font-size: 12px;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        margin-bottom: 16px;\n    }\n<\/style>\n\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Only run accordion JavaScript on frontend, not in editor\n            if (typeof wp !== 'undefined' && wp.data && wp.data.select('core\/block-editor')) {\n                return; \/\/ Exit if in block editor\n            }\n\n            const accordionContainer = document.querySelector(\n                '#services-preview-section [data-accordion=\"services\"]');\n\n            if (accordionContainer) {\n                const accordionButtons = accordionContainer.querySelectorAll('.accordion-header');\n\n                accordionButtons.forEach(button => {\n                    button.addEventListener('click', function() {\n                        const target = document.querySelector(this.getAttribute(\n                            'data-accordion-target'));\n                        const arrow = this.querySelector('.accordion-arrow');\n                        const isExpanded = this.getAttribute('aria-expanded') === 'true';\n\n                        \/\/ Close all other accordion items\n                        accordionButtons.forEach(otherButton => {\n                            if (otherButton !== this) {\n                                const otherTarget = document.querySelector(otherButton\n                                    .getAttribute('data-accordion-target'));\n                                const otherArrow = otherButton.querySelector(\n                                    '.accordion-arrow');\n\n                                if (otherTarget) {\n                                    otherTarget.classList.add('hidden');\n                                }\n                                if (otherArrow) {\n                                    otherArrow.classList.remove('rotate-180');\n                                }\n                                otherButton.setAttribute('aria-expanded', 'false');\n                            }\n                        });\n\n                        \/\/ Toggle current item\n                        if (isExpanded) {\n                            if (target) {\n                                target.classList.add('hidden');\n                            }\n                            if (arrow) {\n                                arrow.classList.remove('rotate-180');\n                            }\n                            this.setAttribute('aria-expanded', 'false');\n                        } else {\n                            if (target) {\n                                target.classList.remove('hidden');\n                            }\n                            if (arrow) {\n                                arrow.classList.add('rotate-180');\n                            }\n                            this.setAttribute('aria-expanded', 'true');\n                        }\n                    });\n                });\n            }\n        });\n    <\/script>\n\n\n\n\n<div id=\"content-with-image-69dcf1d6dc0af\"\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-3 gap-8 items-center lg:grid-flow-dense\">\n\n            <div\n                class=\"lg:col-start-2 lg:col-span-2 mb-8 lg:mb-0\">\n                \n                                    <div class=\"prose max-w-none text-gray-600\">\n                        \n<table id=\"tablepress-4\" class=\"tablepress tablepress-id-4\">\n<thead>\n<tr class=\"row-1\">\n\t<th class=\"column-1\">Service<\/th><th class=\"column-2\">Price w\/o VAT<\/th><th class=\"column-3\">unit<\/th><th class=\"column-4\">Notes<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-striping row-hover\">\n<tr class=\"row-2\">\n\t<td class=\"column-1\">First hour of work<\/td><td class=\"column-2\">50<\/td><td class=\"column-3\">\u20ac\/h<\/td><td class=\"column-4\">Price per electrician including consultation<\/td>\n<\/tr>\n<tr class=\"row-3\">\n\t<td class=\"column-1\">Second and third hour of work<\/td><td class=\"column-2\">40<\/td><td class=\"column-3\">\u20ac\/h<\/td><td class=\"column-4\">Price per electrician including consultation<\/td>\n<\/tr>\n<tr class=\"row-4\">\n\t<td class=\"column-1\">Longer lasting work<\/td><td class=\"column-2\">TBA<\/td><td class=\"column-3\"><\/td><td class=\"column-4\">Price per electrician. Cost of material will be added<\/td>\n<\/tr>\n<tr class=\"row-5\">\n\t<td class=\"column-1\">Transport fee (except Tallinn, Tartu)<\/td><td class=\"column-2\">0,5<\/td><td class=\"column-3\">\u20ac\/km<\/td><td class=\"column-4\">Calculated from the city boundary<\/td>\n<\/tr>\n<tr class=\"row-6\">\n\t<td class=\"column-1\">Fee for callout for emergency work<\/td><td class=\"column-2\">40<\/td><td class=\"column-3\">\u20ac\/callout<\/td><td class=\"column-4\">Completion of work within 24 h<\/td>\n<\/tr>\n<tr class=\"row-7\">\n\t<td class=\"column-1\">Working hour of automation engineer<\/td><td class=\"column-2\">75<\/td><td class=\"column-3\">\u20ac\/h<\/td><td class=\"column-4\">Price per electrician including consultation<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-4 from cache -->\n<p>A coefficient of 1.5 applies to the prices during non-working hours (Mon-Fri 17:00\u201308:00) and weekends (Sat, Sun).<br \/>\nA coefficient of 2.0 applies to the prices on public holidays and at night (23:00\u201308:00).<br \/>\nA 10% discount from the price list applies to operation service partners.<\/p>\n\n                    <\/div>\n                \n                \n                            <\/div>\n\n\n            <div\n                class=\"lg:col-start-1 lg:col-span-1\">\n                                                            \n                        <div\n                            class=\"overflow-hidden shadow-lg relative \">\n                            <img decoding=\"async\" src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/ashton-hanna-SaL4nu6p1tg-unsplash-scaled.jpg\" alt=\"\"\n                                class=\" w-full h-auto object-contain \"\n                                loading=\"lazy\">\n\n                                                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* Editor-specific title styling *\/\n    .editor-styles-wrapper #content-with-image-69dcf1d6dc0af 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-69dcf1d6dc0af .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-69dcf1d6dc0af .btn-primary:hover svg {\n        stroke: currentColor !important;\n    }\n\n    \/* Editor-specific button styling *\/\n    .editor-styles-wrapper #content-with-image-69dcf1d6dc0af .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-69dcf1d6dc0af .auto-height-slider {\n        height: auto !important;\n        min-height: 200px;\n        \/* Minimum height to prevent layout shift *\/\n    }\n\n    #content-with-image-69dcf1d6dc0af .auto-height-slider .swiper-wrapper {\n        align-items: flex-start;\n        \/* Align slides to top *\/\n    }\n\n    #content-with-image-69dcf1d6dc0af .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-69dcf1d6dc0af .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-69dcf1d6dc0af .auto-height-slider .absolute {\n        position: absolute !important;\n    }\n\n    \/* Smooth height transitions *\/\n    #content-with-image-69dcf1d6dc0af .auto-height-slider.swiper-container-autoheight {\n        transition: height 0.3s ease;\n    }\n<\/style>\n\n\n\n<p><\/p>\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-1259","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1259","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=1259"}],"version-history":[{"count":3,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1259\/revisions"}],"predecessor-version":[{"id":1897,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1259\/revisions\/1897"}],"wp:attachment":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/media?parent=1259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}