{"id":1261,"date":"2025-05-12T09:04:15","date_gmt":"2025-05-12T09:04:15","guid":{"rendered":"https:\/\/ege.orgo.ee\/solar-power-plant\/"},"modified":"2025-08-05T13:16:35","modified_gmt":"2025-08-05T13:16:35","slug":"solar-power-plant","status":"publish","type":"page","link":"https:\/\/ege.orgo.ee\/en\/solar-power-plant\/","title":{"rendered":"Solar power plant"},"content":{"rendered":"<section class=\"relative flex items-end text-left h-24 alignfull wp-block-page-header\"\n    id=\"page-header-69dcf1d5d86b7\" 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            SOLAR POWER PLANT\n        <\/h1>\n    <\/div>\n<\/section>\n\n\n<style>\n    \/* Scope all styles to this specific block to prevent conflicts *\/\n    #page-header-69dcf1d5d86b7 {\n        position: relative;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    \/* Frontend text styling classes *\/\n    #page-header-69dcf1d5d86b7 h1.uppercase {\n        text-transform: uppercase;\n    }\n\n    #page-header-69dcf1d5d86b7 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-69dcf1d5d86b7 h1.page-header-outline-sm {\n        -webkit-text-stroke-width: 1px;\n        text-stroke-width: 1px;\n    }\n\n    #page-header-69dcf1d5d86b7 h1.page-header-outline-md {\n        -webkit-text-stroke-width: 2px;\n        text-stroke-width: 2px;\n    }\n\n    #page-header-69dcf1d5d86b7 h1.page-header-outline-lg {\n        -webkit-text-stroke-width: 4px;\n        text-stroke-width: 4px;\n    }\n\n    #page-header-69dcf1d5d86b7 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-69dcf1d5d86b7 {\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-69dcf1d5d86b7 .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-69dcf1d5d86b7 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-69dcf1d5d86b7 h1.uppercase {\n        text-transform: uppercase !important;\n    }\n\n    .editor-styles-wrapper #page-header-69dcf1d5d86b7 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-69dcf1d5d86b7 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-69dcf1d5d86b7 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-69dcf1d5d86b7 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-69dcf1d5d86b7 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-69dcf1d5d86b7 h1 {\n            font-size: 4.5rem !important;\n            \/* text-6xl: 72px *\/\n        }\n\n        @media (min-width: 768px) {\n            .editor-styles-wrapper #page-header-69dcf1d5d86b7 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 =  -->\n<section class=\"services-preview-section wp-block-services-preview bg-light\"\n    id=\"services-preview-section\" data-columns=\"3\"\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                                    <div class=\"max-w-3xl mb-12\">\n                                                    <h2 class=\"text-3xl font-bold text-gray-800 mb-4\">\n                                Why choose a solar power plant?\n                            <\/h2>\n                        \n                        \n                                            <\/div>\n                \n                                    \n                                        <div\n                        class=\"grid grid-cols-1 sm:grid-cols-2 gap-8 services-grid lg:grid-cols-3\">\n                                                    <div class=\"flex flex-col service-item  mb-6\" >\n    <div class=\"flex flex-col items-start\">\n        <div class=\"icon-container mb-2 flex items-center justify-center relative  \"\n            style=\"color: var(--accent-color); align-self: flex-start; \">\n                            <div class=\"slanted-bg absolute inset-0\"><\/div>\n                        \n                            <span class=\"material-symbols-outlined relative z-10 flex items-center justify-center\"\n                    style=\"font-size: 80px;\">savings<\/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                Save on electricity costs\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <div class=\"benefit-item\">\n<p>There are no network charges and no national taxes, you keep all the electricity produced.<\/p>\n<\/div>\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;\">euro<\/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                Sell the surplus to the network\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>You can conveniently sell excess electricity to the grid for extra revenue.<\/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;\">nature_people<\/span>\n                    <\/div>\n\n        <div class=\"service-content relative pl-0\">\n            <h4 class=\"text-xl font-semibold text-gray-800 mb-3\">\n                Save the nature\n            <\/h4>\n\n                            <div class=\"text-base text-gray-600 mb-4 service-description\">\n                    <p>Generating electricity from the sun is an environmentally friendly and sustainable option.<\/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<div id=\"buying-steps-69dcf1d5de4c1\" class=\"buying-steps-block section-padding align wp-block-acf-buying-steps\">\n    <div class=\"container-narrow\">\n                    <h2 class=\"text-3xl font-bold text-gray-800 mb-4 text-center\">Think before you start<\/h2>\n        \n                    <div class=\"buying-steps-container\">\n                                    \n                    <div class=\"buying-step-item\">\n                        <div class=\"step-number\">1<\/div>\n                        <div class=\"step-content\">\n                            <h3 class=\"heading-3\">Assess your free space<\/h3>\n                            <div class=\"step-description\">\n                                <p>Check whether you have enough free space:<\/p>\n<ul>\n<li>5 kW system \u2013 approximately 35 m\u00b2<\/li>\n<li>10 kW system \u2013 approximately 60 m\u00b2<\/li>\n<li>15 kW system \u2013 approximately 95 m\u00b2<\/li>\n<\/ul>\n\n                            <\/div>\n\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <div class=\"buying-step-item\">\n                        <div class=\"step-number\">2<\/div>\n                        <div class=\"step-content\">\n                            <h3 class=\"heading-3\">Submit a request to Elektrilevi<\/h3>\n                            <div class=\"step-description\">\n                                <p>Submit a producer\u2019s request for connection to Elektrilevi through their website: <a href=\"https:\/\/www.elektrilevi.ee\/vaiketootjale\" target=\"_blank\" rel=\"noopener\">www.elektrilevi.ee\/vaiketootjale<\/a><\/p>\n\n                            <\/div>\n\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <div class=\"buying-step-item\">\n                        <div class=\"step-number\">3<\/div>\n                        <div class=\"step-content\">\n                            <h3 class=\"heading-3\">Choose the placement of panels<\/h3>\n                            <div class=\"step-description\">\n                                <p>In which cardinal direction should you place the panels:<\/p>\n\n                            <\/div>\n\n                                                            <div class=\"info-elements-container mt-4\">\n                                    <div class=\"row\">\n                                                                                    <div class=\"col-md-6 info-half-width mb-4\">\n                                                <div class=\"info-element\">\n                                                                                                            <h4 class=\"element-title\">South<\/h4>\n                                                                                                                                                                <div class=\"element-content\">\n                                                            <p>Produces well, especially during midday. Maximum productivity. <\/p>\n\n                                                        <\/div>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                                    <div class=\"col-md-6 info-half-width mb-4\">\n                                                <div class=\"info-element\">\n                                                                                                            <h4 class=\"element-title\">East-west<\/h4>\n                                                                                                                                                                <div class=\"element-content\">\n                                                            <p>Including south-east and south-west. The maximum productivity is lower than in the direction of south, but extends the daily productivity time. <\/p>\n\n                                                        <\/div>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <div class=\"buying-step-item\">\n                        <div class=\"step-number\">4<\/div>\n                        <div class=\"step-content\">\n                            <h3 class=\"heading-3\">Consider the installation site<\/h3>\n                            <div class=\"step-description\">\n                                \n                            <\/div>\n\n                                                            <div class=\"info-elements-container mt-4\">\n                                    <div class=\"row\">\n                                                                                    <div class=\"col-md-6 info-half-width mb-4\">\n                                                <div class=\"info-element\">\n                                                                                                            <h4 class=\"element-title\">Installation on roof:<\/h4>\n                                                                                                                                                                <div class=\"element-content\">\n                                                            <ul>\n<li>Take shady places (trees, higher roof edge, chimney) into account<\/li>\n<li>Check the load-bearing capacity of the roof, especially if the roof is flat<\/li>\n<li>Leave a walkway for access (e.g. access to the chimney)<\/li>\n<li>Leave sufficient clearance between the chimney, skylight and other objects<\/li>\n<\/ul>\n\n                                                        <\/div>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                                    <div class=\"col-md-6 info-half-width mb-4\">\n                                                <div class=\"info-element\">\n                                                                                                            <h4 class=\"element-title\">Installation on ground:<\/h4>\n                                                                                                                                                                <div class=\"element-content\">\n                                                            <ul>\n<li>Find a free surface that isn\u2019t shadowed by trees, the house or other objects<\/li>\n<\/ul>\n\n                                                        <\/div>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <div class=\"buying-step-item\">\n                        <div class=\"step-number\">5<\/div>\n                        <div class=\"step-content\">\n                            <h3 class=\"heading-3\">Plan the technical aspects<\/h3>\n                            <div class=\"step-description\">\n                                <ul>\n<li>Where can you install the inverter (dimensions approximately 525 x 470 mm and thickness 150 mm).<\/li>\n<li>Consider the cable routes from the solar panels to the inverter and from there to the switchboard.<\/li>\n<li>Consider the current electricity consumption of the building \u2013 the more you use yourself, the better.<\/li>\n<\/ul>\n\n                            <\/div>\n\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n\n<style>\n    .buying-steps-block {\n        padding: 4rem 0;\n    }\n\n    .buying-steps-container {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .buying-step-item {\n        display: flex;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n\n    .buying-step-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .step-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 3rem;\n        height: 3rem;\n        background-color: var(--primary-color);\n        color: white;\n        font-weight: bold;\n        border-radius: 0.5rem;\n        font-size: 1.25rem;\n        margin-right: 1.5rem;\n        margin-top: 0.25rem;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n    }\n\n    .step-content {\n        flex: 1;\n    }\n\n    .step-content h3 {\n        margin-top: 0;\n        margin-bottom: 1rem;\n        font-size: 1.25rem;\n        font-weight: 600;\n        color: var(--dark, #252525);\n    }\n\n    .info-elements-container .row {\n        display: flex;\n        flex-wrap: wrap;\n        margin-right: -15px;\n        margin-left: -15px;\n        width: 100%;\n    }\n\n    .info-elements-container [class*=\"col-\"] {\n        padding-right: 15px;\n        padding-left: 15px;\n        box-sizing: border-box;\n    }\n\n    .info-element {\n        background-color: #f5f7fa;\n        border-radius: 8px;\n        padding: 1.25rem;\n        height: 100%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n    }\n\n    .element-title {\n        font-size: 1.125rem;\n        margin-top: 0;\n        margin-bottom: 0.75rem;\n    }\n\n    .element-content {\n        font-size: 0.95rem;\n        color: #4a5568;\n    }\n\n    .element-content ul,\n    .element-content ol {\n        padding-left: 1.25rem;\n        margin-bottom: 1rem;\n    }\n\n    .element-content ul {\n        list-style-type: disc;\n    }\n\n    .element-content ol {\n        list-style-type: decimal;\n    }\n\n    .element-content li {\n        margin-bottom: 0.5rem;\n    }\n\n    .element-content li:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Explicit column classes *\/\n    @media (min-width: 768px) {\n        .col-md-6 {\n            flex: 0 0 50%;\n            max-width: 50%;\n            width: 50%;\n        }\n    }\n\n    @media (min-width: 992px) {\n        .col-lg-3 {\n            flex: 0 0 25%;\n            max-width: 25%;\n            width: 25%;\n        }\n\n        .col-lg-4 {\n            flex: 0 0 33.333333%;\n            max-width: 33.333333%;\n            width: 33.333333%;\n        }\n    }\n\n    \/* Force width for the columns no matter what *\/\n    \/* This ensures two columns per row when elements_per_row is 2 *\/\n    .info-elements-container .col-md-6 {\n        width: 50%;\n        max-width: 50%;\n    }\n\n    \/* Preview styling *\/\n    .buying-steps-preview {\n        border: 1px dashed #ccc;\n        padding: 2rem;\n        background-color: #f9f9f9;\n        max-width: 720px;\n        margin: 0 auto;\n    }\n\n    .buying-steps-preview-item {\n        display: flex;\n        margin-bottom: 2rem;\n    }\n\n    .buying-steps-preview-item:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Force specific widths based on elements_per_row selection *\/\n    .info-full-width {\n        width: 100% !important;\n        max-width: 100% !important;\n        flex: 0 0 100% !important;\n    }\n\n    .info-half-width {\n        width: 50% !important;\n        max-width: 50% !important;\n        flex: 0 0 50% !important;\n    }\n\n    .info-quarter-width {\n        width: 25% !important;\n        max-width: 25% !important;\n        flex: 0 0 25% !important;\n    }\n\n    .container-narrow {\n        width: 100%;\n        max-width: 1000px;\n        padding-right: 15px;\n        padding-left: 15px;\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    @media (max-width: 767.98px) {\n\n        .info-half-width,\n        .info-quarter-width {\n            width: 100% !important;\n            max-width: 100% !important;\n            flex: 0 0 100% !important;\n        }\n    }\n\n    @media (min-width: 768px) and (max-width: 991.98px) {\n        .info-quarter-width {\n            width: 50% !important;\n            max-width: 50% !important;\n            flex: 0 0 50% !important;\n        }\n    }\n<\/style>\n\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"1640\" height=\"1232\" class=\"wp-block-cover__image-background wp-image-558\" alt=\"\" src=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Paikesepark.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Paikesepark.jpg 1640w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Paikesepark-300x225.jpg 300w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Paikesepark-1024x769.jpg 1024w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Paikesepark-768x577.jpg 768w, https:\/\/ege.orgo.ee\/app\/uploads\/2025\/05\/Paikesepark-1536x1154.jpg 1536w\" sizes=\"auto, (max-width: 1640px) 100vw, 1640px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#738095\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<div id=\"timeline-steps-69dcf1d5e1983\" class=\"timeline-steps-block section-padding \">\n    <div class=\"container-narrow\">\n                    <h2 class=\"section-title text-center mb-5\">How to get started?<\/h2>\n        \n        <!-- DEBUG: Raw layout value: two-column | Applied layout: two-column -->\n\n                    <div class=\"timeline-container two-column\" data-layout=\"two-column\">\n                <div class=\"timeline-steps\">\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">1<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Contact us<\/h3>\n                                <div class=\"timeline-step-description\"><p>Contact us and we\u2019ll check the site where you want to install the solar panels and advise you on a reasonable solution.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">2<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Initial plan<\/h3>\n                                <div class=\"timeline-step-description\"><p>We will prepare an initial plan for the placement of the panels and an initial offer.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">3<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Design<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll prepare the design on the basis of a written order.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">4<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Final offer<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll make a final offer according to the design.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">5<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Conclusion of contract<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll sign a contract between all parties.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">6<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Building notice or permit<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll submit the building notice or request for a building permit to the local authority, as required.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">7<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Ordering materials<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll order all the materials necessary to carry out the work.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">8<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Installation<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll install the solar power plant.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">9<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Measurements and audit<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll carry out the necessary electrotechnical measurements and audit of the solar power plant, and prepare the as-built documentation.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                            \n                        <div class=\"timeline-step-item\">\n                            <div class=\"timeline-step-number\" style=\"\">10<\/div>\n                            <div class=\"timeline-step-content\">\n                                <h3 class=\"heading-3\">Use permit<\/h3>\n                                <div class=\"timeline-step-description\"><p>We\u2019ll request a use permit for the solar power plant.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<style>\n    .timeline-steps-block {\n        padding: 4rem 0;\n    }\n\n    .timeline-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .timeline-steps {\n        position: relative;\n        z-index: 2;\n    }\n\n    .timeline-step-item {\n        margin-bottom: 3rem;\n        position: relative;\n        display: flex;\n        align-items: flex-start;\n    }\n\n    .timeline-step-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .timeline-step-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 3rem;\n        height: 3rem;\n        background-color: var(--primary-color);\n        color: white;\n        font-weight: bold;\n        border-radius: 0.5rem;\n        font-size: 1.25rem;\n        margin-right: 1.5rem;\n        margin-top: 0.25rem;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n    }\n\n    .timeline-step-content {\n        flex: 1;\n    }\n\n    .timeline-step-content h3 {\n        margin-top: 0;\n        margin-bottom: 1rem;\n        font-size: 1.25rem;\n        font-weight: 600;\n        color: var(--dark, #252525);\n    }\n\n    .section-title {\n        font-size: 1.875rem;\n        margin-bottom: 2rem;\n        font-weight: 700;\n    }\n\n    .timeline-step-description p {\n        margin-top: 0;\n        margin-bottom: 0.75rem;\n    }\n\n    .timeline-step-description ul {\n        padding-left: 1.5rem;\n    }\n\n    .container-narrow {\n        width: 100%;\n        max-width: 1000px;\n        padding-right: 15px;\n        padding-left: 15px;\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    .container-standard {\n        width: 100%;\n        max-width: 1200px;\n        padding-right: 15px;\n        padding-left: 15px;\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    \/* Two-column layout styles *\/\n    .timeline-container.two-column .timeline-steps {\n        display: grid !important;\n        grid-template-columns: 1fr 1fr !important;\n        gap: 0 30px !important;\n        margin: 0 !important;\n    }\n\n    .timeline-container.two-column .timeline-step-item {\n        width: 100% !important;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n    }\n\n    \/* Alternate items between columns *\/\n    .timeline-container.two-column .timeline-step-item:nth-child(odd) {\n        grid-column: 1;\n    }\n\n    .timeline-container.two-column .timeline-step-item:nth-child(even) {\n        grid-column: 2;\n    }\n\n    @media (max-width: 767px) {\n        .timeline-step-number {\n            min-width: 2.5rem;\n            height: 2.5rem;\n            font-size: 1rem;\n            border-radius: 0.375rem;\n        }\n\n        .section-title {\n            font-size: 1.5rem;\n        }\n\n        .timeline-container.two-column .timeline-steps {\n            display: block !important;\n            gap: 0 !important;\n        }\n\n        .timeline-container.two-column .timeline-step-item {\n            width: 100% !important;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n            grid-column: auto !important;\n        }\n    }\n<\/style>\n<section id=\"packages-69dcf1d5e3188\" class=\"packages\">\n    <div class=\"container mx-auto px-4\">\n                    <h2 class=\"section-title\">Prices of solar power plant packages<\/h2>\n        \n                    <p class=\"text-center\">The cost of the design is \u20ac500 + VAT<\/p>\n        \n                    <div class=\"packages-grid\">\n                                    <div class=\"package-card\">\n                        <div class=\"package-header\">\n                            <div class=\"package-name\">5 kW Package<\/div>\n                            <div class=\"package-price\">\u20ac7,100 + VAT<\/div>\n                        <\/div>\n                        <div class=\"package-details\">\n                                                                                                <div class=\"package-feature\">Panels: Canadian Solar 370 W<\/div>\n                                                                    <div class=\"package-feature\">Total capacity (15 panels): 5.55 kW<\/div>\n                                                                    <div class=\"package-feature\">Inverter: 5 kW<\/div>\n                                                                    <div class=\"package-feature\">Required area: ca 35 m\u00b2<\/div>\n                                                                    <div class=\"package-feature\">Required connection: 8 A (amperes)<\/div>\n                                                                                    <\/div>\n                                            <\/div>\n                                    <div class=\"package-card\">\n                        <div class=\"package-header\">\n                            <div class=\"package-name\">10 kW Package<\/div>\n                            <div class=\"package-price\">\u20ac11,300 + VAT<\/div>\n                        <\/div>\n                        <div class=\"package-details\">\n                                                                                                <div class=\"package-feature\">Panels: Canadian Solar 370 W <\/div>\n                                                                    <div class=\"package-feature\">Total capacity (30 panels): 11.1 kW <\/div>\n                                                                    <div class=\"package-feature\">Inverter: 10 kW  <\/div>\n                                                                    <div class=\"package-feature\">Required area: ca 60 m\u00b2 <\/div>\n                                                                    <div class=\"package-feature\">Required connection: 16 A (amperes)<\/div>\n                                                                                    <\/div>\n                                            <\/div>\n                                    <div class=\"package-card\">\n                        <div class=\"package-header\">\n                            <div class=\"package-name\">15 kW Package<\/div>\n                            <div class=\"package-price\">\u20ac14,500 + VAT<\/div>\n                        <\/div>\n                        <div class=\"package-details\">\n                                                                                                <div class=\"package-feature\">Panels: Canadian Solar 370 W <\/div>\n                                                                    <div class=\"package-feature\">Total capacity (46 panels): 17.02 kW<\/div>\n                                                                    <div class=\"package-feature\">Inverter: 15 kW<\/div>\n                                                                    <div class=\"package-feature\">Required area: ca 95 m\u00b2<\/div>\n                                                                    <div class=\"package-feature\">Required connection: 25 A (amperes)<\/div>\n                                                                                    <\/div>\n                                            <\/div>\n                            <\/div>\n        \n                    <div class=\"notes\">\n                <p><strong>The cost includes:<\/strong> Design, a building permit application, necessary materials for the construction of the solar park (mounts, panels, inverter, cables, protection device), installation works, transport, audit of the electrical installation, documentation and application for a use permit.<\/p>\n<p><strong>The offer does not include: <\/strong>Expert assessment of the load-bearing capacity of the roof, if necessary.<\/p>\n<p><strong>Please note! <\/strong>The price is indicative and will be specified when you request a quote.<\/p>\n\n            <\/div>\n            <\/div>\n<\/section>\n\n<style>\n    .packages {\n        padding: 4rem 0;\n        background-color: #ffffff;\n    }\n\n    .packages .container {\n        max-width: 1280px;\n        width: 100%;\n    }\n\n    .packages .section-title {\n        font-size: 2.25rem;\n        font-weight: 700;\n        text-align: center;\n        margin-bottom: 1rem;\n        color: #1a202c;\n    }\n\n    .packages .text-center {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n\n    .packages-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        margin-bottom: 3rem;\n    }\n\n    .package-card {\n        border: 1px solid #e2e8f0;\n        border-radius: 0;\n        overflow: hidden;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .package-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\n    }\n\n    .package-header {\n        padding: 1.5rem;\n        background-color: var(--primary-color);\n        color: #ffffff;\n        text-align: center;\n    }\n\n    .package-name {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin-bottom: 0.75rem;\n    }\n\n    .package-price {\n        font-size: 1.75rem;\n        font-weight: 600;\n    }\n\n    .package-details {\n        padding: 1.5rem;\n    }\n\n    .package-feature {\n        padding: 0.75rem 0;\n        border-bottom: 1px solid #e2e8f0;\n        padding-left: 25px;\n        position: relative;\n    }\n\n    .package-feature:last-child {\n        border-bottom: none;\n    }\n\n    .package-feature:before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: calc(50% - 4px);\n        width: 8px;\n        height: 8px;\n        background-color: var(--primary-color);\n        transform: rotate(45deg);\n    }\n\n    .package-cta {\n        padding: 1.5rem;\n        background-color: #f8fafc;\n        text-align: center;\n    }\n\n    .package-cta .btn {\n        display: inline-block;\n        padding: 0.75rem 1.5rem;\n        background-color: var(--primary-color);\n        color: #ffffff;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 0.25rem;\n        transition: background-color 0.3s ease;\n    }\n\n    .package-cta .btn:hover {\n        background-color: var(--primary-600);\n    }\n\n    .notes {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 0.875rem;\n        color: #4a5568;\n    }\n\n    .notes p {\n        margin-bottom: 1rem;\n    }\n\n    .notes strong {\n        font-weight: 700;\n        color: #1a202c;\n    }\n\n    @media (max-width: 768px) {\n        .packages-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .packages .section-title {\n            font-size: 1.875rem;\n        }\n    }\n<\/style>\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-1261","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1261","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=1261"}],"version-history":[{"count":2,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1261\/revisions"}],"predecessor-version":[{"id":1840,"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1261\/revisions\/1840"}],"wp:attachment":[{"href":"https:\/\/ege.orgo.ee\/en\/wp-json\/wp\/v2\/media?parent=1261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}