{"id":12235,"date":"2025-02-28T12:37:05","date_gmt":"2025-02-28T08:37:05","guid":{"rendered":"https:\/\/datvale.ge\/packages\/"},"modified":"2026-03-18T14:32:49","modified_gmt":"2026-03-18T10:32:49","slug":"datvale-packages","status":"publish","type":"page","link":"https:\/\/datvale.ge\/en\/datvale-packages\/","title":{"rendered":"Packages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12235\" class=\"elementor elementor-12235 elementor-8093\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff62fa8 e-flex e-con-boxed e-con e-parent\" data-id=\"ff62fa8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-638fabb e-con-full e-flex e-con e-child\" data-id=\"638fabb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98545a0 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"98545a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Purchase one of our 4 packages and gain access to unique services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b3111a e-flex e-con-boxed e-con e-parent\" data-id=\"0b3111a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc505b8 elementor-widget elementor-widget-heading\" data-id=\"fc505b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Get detailed estimates for renovation and construction, and unlock unique discounts<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c911ffa e-con-full e-flex e-con e-parent\" data-id=\"c911ffa\" data-element_type=\"container\" data-e-type=\"container\" id=\"packages\">\n\t\t<div class=\"elementor-element elementor-element-2a2b16c e-con-full e-flex e-con e-child\" data-id=\"2a2b16c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3ad6198 e-con-full e-flex e-con e-child\" data-id=\"3ad6198\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cda61b5 e-con-full e-flex e-con e-child\" data-id=\"cda61b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c841b0b elementor-widget-mobile__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"c841b0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"cpdf-membership-packages-container\">\n                    <h2 class=\"cpdf-membership-title\">Packages<\/h2>\n        \n        <div class=\"cpdf-membership-packages\">\n                            <div class=\"cpdf-membership-package\">\n                    \n                    <div class=\"cpdf-membership-package-inner \" data-product-id=\"9999\" data-total-calculations=\"2\">\n                        <div class=\"cpdf-package-selector\">\n                            <input type=\"radio\" name=\"cpdf_selected_package\" id=\"cpdf_package_9999\" value=\"9999\" class=\"cpdf-package-radio\">\n                            <span class=\"cpdf-selector-checkmark\"><\/span>\n                        <\/div>\n\n                        <!-- Top small block with duration and price -->\n                        <div class=\"cpdf-package-top-block\">\n                            \n                            <div class=\"cpdf-membership-duration\">\n                                1 day                            <\/div>\n\n                            <div class=\"cpdf-membership-price\" data-price=\"10\">\n                                <span class=\"cpdf-price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span>10.00<\/bdi><\/span><\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bottom larger block with features and button -->\n                        <div class=\"cpdf-package-bottom-block\">\n                                                            <div class=\"cpdf-membership-features\">\n                                    <div class=\"cpdf-features-toggle\">\n                                        <span class=\"cpdf-features-title\">\u10e4\u10e3\u10dc\u10e5\u10ea\u10d8\u10d4\u10d1\u10d8<\/span>\n                                        <button class=\"cpdf-features-toggle-btn\" type=\"button\">\n                                            <span class=\"cpdf-toggle-icon\">+<\/span>\n                                        <\/button>\n                                    <\/div>\n                                    <div class=\"cpdf-features-content\">\n                                        <ul>\n                                                                                                <li> 2 detailed calculation<\/li>\n                                                                                                <li> Exclusive discounts<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                <\/div>\n                            \n                            <div class=\"cpdf-package-footer\">\n                                <button class=\"cpdf-package-button\" type=\"button\">\n                                    Purchase Package                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"cpdf-membership-package\">\n                    \n                    <div class=\"cpdf-membership-package-inner \" data-product-id=\"9644\" data-total-calculations=\"5\">\n                        <div class=\"cpdf-package-selector\">\n                            <input type=\"radio\" name=\"cpdf_selected_package\" id=\"cpdf_package_9644\" value=\"9644\" class=\"cpdf-package-radio\">\n                            <span class=\"cpdf-selector-checkmark\"><\/span>\n                        <\/div>\n\n                        <!-- Top small block with duration and price -->\n                        <div class=\"cpdf-package-top-block\">\n                            \n                            <div class=\"cpdf-membership-duration\">\n                                1 month                            <\/div>\n\n                            <div class=\"cpdf-membership-price\" data-price=\"30\">\n                                <span class=\"cpdf-price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span>30.00<\/bdi><\/span><\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bottom larger block with features and button -->\n                        <div class=\"cpdf-package-bottom-block\">\n                                                            <div class=\"cpdf-membership-features\">\n                                    <div class=\"cpdf-features-toggle\">\n                                        <span class=\"cpdf-features-title\">\u10e4\u10e3\u10dc\u10e5\u10ea\u10d8\u10d4\u10d1\u10d8<\/span>\n                                        <button class=\"cpdf-features-toggle-btn\" type=\"button\">\n                                            <span class=\"cpdf-toggle-icon\">+<\/span>\n                                        <\/button>\n                                    <\/div>\n                                    <div class=\"cpdf-features-content\">\n                                        <ul>\n                                                                                                <li> Personal advisor<\/li>\n                                                                                                <li> 5 detailed calculations<\/li>\n                                                                                                <li> Exclusive discounts<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                <\/div>\n                            \n                            <div class=\"cpdf-package-footer\">\n                                <button class=\"cpdf-package-button\" type=\"button\">\n                                    Purchase Package                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"cpdf-membership-package\">\n                    \n                    <div class=\"cpdf-membership-package-inner \" data-product-id=\"9645\" data-total-calculations=\"30\">\n                        <div class=\"cpdf-package-selector\">\n                            <input type=\"radio\" name=\"cpdf_selected_package\" id=\"cpdf_package_9645\" value=\"9645\" class=\"cpdf-package-radio\">\n                            <span class=\"cpdf-selector-checkmark\"><\/span>\n                        <\/div>\n\n                        <!-- Top small block with duration and price -->\n                        <div class=\"cpdf-package-top-block\">\n                            \n                            <div class=\"cpdf-membership-duration\">\n                                6 month                            <\/div>\n\n                            <div class=\"cpdf-membership-price\" data-price=\"150\">\n                                <span class=\"cpdf-price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span>150.00<\/bdi><\/span><\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bottom larger block with features and button -->\n                        <div class=\"cpdf-package-bottom-block\">\n                                                            <div class=\"cpdf-membership-features\">\n                                    <div class=\"cpdf-features-toggle\">\n                                        <span class=\"cpdf-features-title\">\u10e4\u10e3\u10dc\u10e5\u10ea\u10d8\u10d4\u10d1\u10d8<\/span>\n                                        <button class=\"cpdf-features-toggle-btn\" type=\"button\">\n                                            <span class=\"cpdf-toggle-icon\">+<\/span>\n                                        <\/button>\n                                    <\/div>\n                                    <div class=\"cpdf-features-content\">\n                                        <ul>\n                                                                                                <li> Personal advisor<\/li>\n                                                                                                <li> 30 detailed calculations<\/li>\n                                                                                                <li> Exclusive discounts<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                <\/div>\n                            \n                            <div class=\"cpdf-package-footer\">\n                                <button class=\"cpdf-package-button\" type=\"button\">\n                                    Purchase Package                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"cpdf-membership-package\">\n                    \n                    <div class=\"cpdf-membership-package-inner \" data-product-id=\"9646\" data-total-calculations=\"60\">\n                        <div class=\"cpdf-package-selector\">\n                            <input type=\"radio\" name=\"cpdf_selected_package\" id=\"cpdf_package_9646\" value=\"9646\" class=\"cpdf-package-radio\">\n                            <span class=\"cpdf-selector-checkmark\"><\/span>\n                        <\/div>\n\n                        <!-- Top small block with duration and price -->\n                        <div class=\"cpdf-package-top-block\">\n                            \n                            <div class=\"cpdf-membership-duration\">\n                                1 year                            <\/div>\n\n                            <div class=\"cpdf-membership-price\" data-price=\"250\">\n                                <span class=\"cpdf-price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span>250.00<\/bdi><\/span><\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bottom larger block with features and button -->\n                        <div class=\"cpdf-package-bottom-block\">\n                                                            <div class=\"cpdf-membership-features\">\n                                    <div class=\"cpdf-features-toggle\">\n                                        <span class=\"cpdf-features-title\">\u10e4\u10e3\u10dc\u10e5\u10ea\u10d8\u10d4\u10d1\u10d8<\/span>\n                                        <button class=\"cpdf-features-toggle-btn\" type=\"button\">\n                                            <span class=\"cpdf-toggle-icon\">+<\/span>\n                                        <\/button>\n                                    <\/div>\n                                    <div class=\"cpdf-features-content\">\n                                        <ul>\n                                                                                                <li> Personal advisor<\/li>\n                                                                                                <li> 60 detailed calculations<\/li>\n                                                                                                <li> Exclusive discounts<\/li>\n                                                                                    <\/ul>\n                                    <\/div>\n                                <\/div>\n                            \n                            <div class=\"cpdf-package-footer\">\n                                <button class=\"cpdf-package-button\" type=\"button\">\n                                    Purchase Package                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <div class=\"cpdf-membership-global-action\">\n            <button id=\"cpdf-buy-now-button\" class=\"cpdf-membership-button large\" disabled>\n                Purchase Package            <\/button>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* Membership Packages Container *\/\n        .cpdf-membership-packages-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Membership Packages Grid *\/\n        .cpdf-membership-packages {\n            display: flex;\n            gap: 30px;\n            justify-content: center;\n            align-items: stretch;\n            margin: 40px 0;\n        }\n\n        .cpdf-membership-package {\n            flex: 1;\n            max-width: 400px;\n            min-width: 250px;\n        }\n\n        \/* Package Card Styling *\/\n        .cpdf-membership-package-inner {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n            text-align: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            position: relative;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            box-shadow: none;\n            overflow: visible;\n        }\n\n        .cpdf-membership-package-inner.popular {\n            \/* Popular styling handled by individual blocks *\/\n        }\n\n        .cpdf-membership-package-inner:hover {\n            \/* Hover effects handled by individual blocks *\/\n        }\n\n        .cpdf-membership-package-inner.selected {\n            \/* Selection styling handled by individual blocks *\/\n        }\n\n        \/* Popular Badge - Now part of top block *\/\n        .cpdf-popular-badge {\n            position: absolute;\n            top: -12px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #1a4490;\n            color: white;\n            padding: 8px 20px;\n            border-radius: 15px;\n            font-size: 14px;\n            font-weight: bold;\n            z-index: 3;\n            \/* Higher than top block to appear above it *\/\n        }\n\n        \/* Top Block - Narrow block with duration and price *\/\n        .cpdf-package-top-block {\n            background: #ffffff;\n            padding: 25px 15px 45px 15px;\n            \/* Extended bottom padding for 20px overlap *\/\n            border: 3px solid #e0e0e0;\n            flex-shrink: 0;\n            max-width: 200px;\n            width: 100%;\n            margin: 0 auto;\n            border-radius: 20px;\n            \/* Rounded on all sides *\/\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            position: relative;\n            z-index: 2;\n            \/* Ensure top block appears above bottom block *\/\n            transition: all 0.15s ease;\n            \/* Faster animation *\/\n        }\n\n        .cpdf-membership-package-inner.popular .cpdf-package-top-block {\n            padding-top: 35px;\n            \/* Only extra padding for badge, no border color *\/\n        }\n\n        .cpdf-membership-package-inner.selected .cpdf-package-top-block {\n            border-color: #1a4490;\n            border-width: 4px;\n        }\n\n        .cpdf-membership-package-inner:hover .cpdf-package-top-block {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .cpdf-membership-duration {\n            font-size: 32px;\n            font-weight: bold;\n            color: #000;\n            margin-bottom: 8px;\n            font-family: 'Arial', sans-serif;\n        }\n\n        .cpdf-membership-price {\n            font-size: 16px;\n            color: #000;\n            font-weight: normal;\n        }\n\n        \/* Bottom Block - Wide block with features and button *\/\n        .cpdf-package-bottom-block {\n            background: #ffffff;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            padding: 45px 20px 25px 20px;\n            \/* Top padding to account for top block overlap *\/\n            max-width: 300px;\n            width: 100%;\n            margin: -20px auto 0 auto;\n            \/* Negative margin to move up under top block *\/\n            border: 3px solid #e0e0e0;\n            border-radius: 20px;\n            \/* Rounded on all sides *\/\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            position: relative;\n            z-index: 1;\n            \/* Ensure bottom block appears below top block *\/\n            transition: all 0.15s ease;\n            \/* Faster animation *\/\n        }\n\n        .cpdf-membership-package-inner.popular .cpdf-package-bottom-block {\n            \/* No border styling for popular, only when selected *\/\n        }\n\n        .cpdf-membership-package-inner.selected .cpdf-package-bottom-block {\n            \/* No border color change on selection - only top block changes *\/\n        }\n\n        .cpdf-membership-package-inner:hover .cpdf-package-bottom-block {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .cpdf-membership-features {\n            flex: 1;\n            text-align: left;\n            margin-bottom: 20px;\n        }\n\n        \/* Features Toggle - Desktop (always visible) *\/\n        .cpdf-features-toggle {\n            display: none;\n            \/* Hidden on desktop *\/\n        }\n\n        .cpdf-features-content {\n            \/* Always visible on desktop *\/\n        }\n\n        .cpdf-membership-features ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .cpdf-membership-features li {\n            padding: 8px 0;\n            display: flex;\n            align-items: flex-start;\n            font-size: 15px;\n            color: #333;\n            line-height: 1.4;\n        }\n\n        .cpdf-feature-check {\n            margin-right: 10px;\n            color: #666;\n            font-size: 16px;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        \/* Mobile Features - Show features without toggle *\/\n        @media (max-width: 768px) {\n            .cpdf-features-toggle {\n                display: none;\n                \/* Hide toggle on mobile *\/\n            }\n\n            .cpdf-features-content {\n                max-height: none;\n                \/* Show features by default *\/\n                overflow: visible;\n            }\n\n            \/* Adjust bottom block padding on mobile *\/\n            .cpdf-package-bottom-block {\n                padding: 35px 20px 25px 20px;\n            }\n        }\n\n        \/* Package Footer *\/\n        .cpdf-package-footer {\n            padding: 0 0 25px 0;\n            margin-top: auto;\n        }\n\n        .cpdf-package-button {\n            width: 100%;\n            background: #1a4490;\n            color: white;\n            border: none;\n            border-radius: 25px;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .cpdf-package-button:hover {\n            background: #143666;\n            transform: translateY(-2px);\n        }\n\n        \/* Package selector - hidden but functional *\/\n        .cpdf-package-selector {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        .cpdf-package-radio {\n            position: absolute;\n            opacity: 0;\n        }\n\n        \/* Title *\/\n        .cpdf-membership-title {\n            text-align: center;\n            margin-bottom: 30px;\n            font-size: 32px;\n            color: #1a4490;\n        }\n\n        \/* Remove selection highlight and outline *\/\n        .cpdf-membership-package-inner,\n        .cpdf-package-top-block,\n        .cpdf-package-bottom-block,\n        .cpdf-package-button {\n            -webkit-tap-highlight-color: transparent;\n            -webkit-touch-callout: none;\n            -webkit-user-select: none;\n            -moz-user-select: none;\n            -ms-user-select: none;\n            user-select: none;\n            outline: none !important;\n        }\n\n        .cpdf-membership-package-inner:focus,\n        .cpdf-package-top-block:focus,\n        .cpdf-package-bottom-block:focus,\n        .cpdf-package-button:focus {\n            outline: none !important;\n            box-shadow: none !important;\n        }\n\n        \/* Global Action Button *\/\n        .cpdf-membership-global-action {\n            margin-top: 40px;\n            text-align: center;\n        }\n\n        .cpdf-membership-button {\n            display: inline-block;\n            background-color: #1a4490;\n            color: white !important;\n            padding: 12px 24px;\n            border-radius: 4px;\n            text-decoration: none;\n            font-weight: bold;\n            transition: background-color 0.3s ease;\n            border: none;\n            cursor: pointer;\n        }\n\n        .cpdf-membership-button:hover {\n            background-color: #143666;\n            text-decoration: none;\n        }\n\n        .cpdf-membership-button:disabled {\n            background-color: #cccccc;\n            cursor: not-allowed;\n        }\n\n        .cpdf-membership-button.large {\n            padding: 15px 40px;\n            font-size: 18px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .cpdf-membership-packages {\n                flex-direction: column;\n                align-items: center;\n                gap: 30px;\n            }\n\n            .cpdf-membership-package {\n                max-width: 320px;\n                width: 100%;\n            }\n\n            .cpdf-package-top-block {\n                max-width: 180px;\n            }\n\n            .cpdf-package-bottom-block {\n                max-width: 280px;\n            }\n        }\n\n        \/* Mobile horizontal layout *\/\n        @media (max-width: 768px) {\n            .cpdf-membership-packages {\n                flex-direction: column;\n                align-items: stretch;\n                gap: 12px;\n                margin: 20px 0;\n            }\n\n            .cpdf-membership-package {\n                max-width: 100%;\n                width: 100%;\n            }\n\n            .cpdf-membership-package-inner {\n                flex-direction: row;\n                align-items: stretch;\n                background: #ffffff;\n                border: 2px solid #e8eaf0;\n                border-radius: 14px;\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n                overflow: hidden;\n            }\n\n            .cpdf-membership-package-inner.selected {\n                border-color: #1a4490;\n                border-width: 2px;\n                box-shadow: 0 2px 12px rgba(26, 68, 144, 0.15);\n            }\n\n            .cpdf-membership-package-inner:hover {\n                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n            }\n\n            \/* Left column: name + price *\/\n            .cpdf-package-top-block {\n                max-width: none;\n                width: 120px;\n                min-width: 120px;\n                margin: 0;\n                padding: 16px 12px;\n                border: none;\n                border-radius: 0;\n                box-shadow: none;\n                background: #f5f7fb;\n                border-right: 1px solid #e8eaf0;\n                z-index: 1;\n            }\n\n            .cpdf-membership-package-inner:hover .cpdf-package-top-block {\n                transform: none;\n                box-shadow: none;\n            }\n\n            .cpdf-membership-package-inner.popular .cpdf-package-top-block {\n                padding-top: 16px;\n                background: #eef1f9;\n            }\n\n            .cpdf-membership-package-inner.selected .cpdf-package-top-block {\n                border-color: transparent;\n                border-width: 0;\n                border-right: 1px solid #e8eaf0;\n                background: #eef1f9;\n            }\n\n            .cpdf-membership-duration {\n                font-size: 15px;\n                margin-bottom: 4px;\n                color: #1a2a4a;\n            }\n\n            .cpdf-membership-price {\n                font-size: 13px;\n                color: #555;\n            }\n\n            \/* Popular badge *\/\n            .cpdf-popular-badge {\n                top: -10px;\n                left: 50%;\n                transform: translateX(-50%);\n                font-size: 10px;\n                padding: 3px 10px;\n                border-radius: 10px;\n            }\n\n            \/* Middle column: features \/ Right column: button *\/\n            .cpdf-package-bottom-block {\n                max-width: none;\n                width: auto;\n                flex: 1;\n                margin: 0;\n                padding: 12px 14px;\n                border: none;\n                border-radius: 0;\n                box-shadow: none;\n                z-index: 1;\n                flex-direction: row;\n                align-items: center;\n                gap: 12px;\n            }\n\n            .cpdf-membership-package-inner:hover .cpdf-package-bottom-block {\n                transform: none;\n                box-shadow: none;\n            }\n\n            \/* Middle: features *\/\n            .cpdf-membership-features {\n                flex: 1;\n                margin-bottom: 0;\n            }\n\n            .cpdf-membership-features li {\n                padding: 2px 0;\n                font-size: 10px;\n                color: #444;\n                line-height: 1.3;\n            }\n\n            .cpdf-feature-check {\n                margin-right: 2px;\n            }\n\n            \/* Right: button - compact *\/\n            .cpdf-package-footer {\n                padding: 0;\n                margin-top: 0;\n                flex-shrink: 0;\n            }\n\n            .cpdf-package-button {\n                width: auto;\n                padding: 6px 12px;\n                font-size: 12px;\n                white-space: nowrap;\n                border-radius: 18px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .cpdf-membership-packages-container {\n                padding: 8px;\n            }\n\n            .cpdf-membership-packages {\n                gap: 10px;\n            }\n\n            .cpdf-membership-package-inner {\n                border-radius: 12px;\n            }\n\n            .cpdf-package-top-block {\n                width: 100px;\n                min-width: 100px;\n                padding: 12px 8px;\n            }\n\n            .cpdf-membership-duration {\n                font-size: 13px;\n            }\n\n            .cpdf-membership-price {\n                font-size: 12px;\n            }\n\n            .cpdf-package-bottom-block {\n                padding: 10px 8px;\n                gap: 8px;\n            }\n\n            .cpdf-membership-features li {\n                font-size: 9px;\n                padding: 1px 0;\n            }\n\n            .cpdf-feature-check {\n                margin-right: 2px;\n            }\n\n            .cpdf-package-button {\n                padding: 5px 10px;\n                font-size: 11px;\n                border-radius: 14px;\n            }\n\n            .cpdf-popular-badge {\n                font-size: 9px;\n                padding: 2px 8px;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const packageRadios = document.querySelectorAll('.cpdf-package-radio');\n            const packageContainers = document.querySelectorAll('.cpdf-membership-package-inner');\n            const packageButtons = document.querySelectorAll('.cpdf-package-button');\n            const buyNowButton = document.getElementById('cpdf-buy-now-button');\n\n            function handlePurchase(productId) {\n                \/\/ Check if user is logged in\n                const isLoggedIn = false;\n\n                if (isLoggedIn) {\n                    \/\/ User is logged in, show purchase popup with benefits and coupon option\n                    if (typeof window.cpdfPurchasePopup !== 'undefined') {\n                        \/\/ Store selected product ID for the popup\n                        window.selectedProductId = productId;\n                        window.cpdfPurchasePopup.show();\n                    } else {\n                        \/\/ Fallback to direct add to cart\n                        window.location.href = 'https:\/\/datvale.ge\/cart\/?add-to-cart=' + productId;\n                    }\n                } else {\n                    \/\/ User is not logged in, store selected package and open auth modal\n                    sessionStorage.setItem('selectedPackageId', productId);\n\n                    \/\/ Use the openAuthModal function from auth-popup.js if available\n                    if (typeof openAuthModal === 'function') {\n                        openAuthModal('register', window.location.href);\n                    } else {\n                        \/\/ Fallback to the WordPress login page\n                        const currentUrl = window.location.href;\n                        window.location.href = 'https:\/\/datvale.ge\/wp-login.php?redirect_to=' + encodeURIComponent(currentUrl);\n                    }\n                }\n            }\n\n            \/\/ Check if there was a previously selected package (after login)\n            const savedPackageId = sessionStorage.getItem('selectedPackageId');\n            if (savedPackageId) {\n                \/\/ Find the radio button with this value\n                const savedRadio = document.querySelector(`.cpdf-package-radio[value=\"${savedPackageId}\"]`);\n                if (savedRadio) {\n                    savedRadio.checked = true;\n                    savedRadio.closest('.cpdf-membership-package-inner').classList.add('selected');\n                    buyNowButton.disabled = false;\n\n                    \/\/ Set the product ID\n                    const productId = savedRadio.value;\n                    buyNowButton.setAttribute('data-selected-product-id', productId);\n                    window.selectedProductId = productId;\n                }\n                \/\/ Clear the storage to prevent unexpected selections on future visits\n                sessionStorage.removeItem('selectedPackageId');\n            } else {\n                \/\/ Select the middle package by default if no saved selection\n                if (packageRadios.length > 0) {\n                    \/\/ Find the middle index (rounded down if even number of packages)\n                    const middleIndex = Math.floor(packageRadios.length \/ 2);\n\n                    \/\/ Select the middle package\n                    const middleRadio = packageRadios[middleIndex];\n                    middleRadio.checked = true;\n\n                    \/\/ Add selected class to its container\n                    middleRadio.closest('.cpdf-membership-package-inner').classList.add('selected');\n                    buyNowButton.disabled = false;\n\n                    \/\/ Set the product ID for default selection\n                    const productId = middleRadio.value;\n                    buyNowButton.setAttribute('data-selected-product-id', productId);\n                    window.selectedProductId = productId;\n                }\n            }\n\n            \/\/ Add click handlers to the entire package container\n            packageContainers.forEach(container => {\n                container.addEventListener('click', function(e) {\n                    \/\/ Don't trigger if clicking the button directly\n                    if (e.target.classList.contains('cpdf-package-button')) {\n                        return;\n                    }\n\n                    const radio = this.querySelector('.cpdf-package-radio');\n                    radio.checked = true;\n\n                    \/\/ Trigger change event to update UI and product ID\n                    const event = new Event('change');\n                    radio.dispatchEvent(event);\n                });\n            });\n\n            \/\/ Add change handlers to the radio buttons\n            packageRadios.forEach(radio => {\n                radio.addEventListener('change', function() {\n                    \/\/ Reset all package selections\n                    packageContainers.forEach(pkg => {\n                        pkg.classList.remove('selected');\n                    });\n\n                    \/\/ Mark the selected package\n                    if (this.checked) {\n                        this.closest('.cpdf-membership-package-inner').classList.add('selected');\n                        buyNowButton.disabled = false;\n\n                        \/\/ Update the stored product ID\n                        const productId = this.value;\n                        buyNowButton.setAttribute('data-selected-product-id', productId);\n                        window.selectedProductId = productId;\n                    }\n                });\n            });\n\n            \/\/ Package button handlers (individual buttons on each card)\n            packageButtons.forEach(button => {\n                button.addEventListener('click', function(e) {\n                    e.stopPropagation(); \/\/ Prevent triggering container click\n\n                    \/\/ Get the product ID from the container\n                    const container = this.closest('.cpdf-membership-package-inner');\n                    const productId = container.getAttribute('data-product-id');\n\n                    \/\/ Select this package first\n                    const radio = container.querySelector('.cpdf-package-radio');\n                    if (radio) {\n                        radio.checked = true;\n                        \/\/ Trigger change event to update UI\n                        const event = new Event('change');\n                        radio.dispatchEvent(event);\n                    }\n\n                    \/\/ Handle the purchase\n                    handlePurchase(productId);\n                });\n            });\n\n            \/\/ Features toggle functionality for mobile\n            function toggleFeatures(toggle) {\n                const toggleIcon = toggle.querySelector('.cpdf-toggle-icon');\n                const featuresContent = toggle.nextElementSibling;\n\n                \/\/ Toggle active state\n                toggle.classList.toggle('active');\n                featuresContent.classList.toggle('expanded');\n\n                \/\/ Change icon with proper minus character\n                if (toggle.classList.contains('active')) {\n                    toggleIcon.textContent = '\u2212'; \/\/ Proper minus sign (U+2212)\n                } else {\n                    toggleIcon.textContent = '+'; \/\/ Plus sign\n                }\n            }\n\n            const featureToggles = document.querySelectorAll('.cpdf-features-toggle');\n            featureToggles.forEach(toggle => {\n                \/\/ Handle click on the entire toggle area\n                toggle.addEventListener('click', function(e) {\n                    e.stopPropagation(); \/\/ Prevent triggering container click\n                    toggleFeatures(this);\n                });\n            });\n\n            \/\/ Handle click specifically on toggle buttons\n            const featureToggleButtons = document.querySelectorAll('.cpdf-features-toggle-btn');\n            featureToggleButtons.forEach(button => {\n                button.addEventListener('click', function(e) {\n                    e.stopPropagation(); \/\/ Prevent triggering container click\n                    const toggle = this.closest('.cpdf-features-toggle');\n                    toggleFeatures(toggle);\n                });\n            });\n\n            \/\/ Global Buy Now button handler\n            buyNowButton.addEventListener('click', function() {\n                const selectedPackage = document.querySelector('.cpdf-package-radio:checked');\n                if (selectedPackage) {\n                    \/\/ Get the current selected product ID\n                    const productId = selectedPackage.value;\n\n                    \/\/ Double check with stored value to ensure consistency\n                    const storedProductId = this.getAttribute('data-selected-product-id') || window.selectedProductId;\n                    const finalProductId = storedProductId || productId;\n\n                    \/\/ Handle the purchase\n                    handlePurchase(finalProductId);\n                } else {\n                    alert('Please select a package');\n                }\n            });\n        });\n    <\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9036ef3 e-flex e-con-boxed e-con e-parent\" data-id=\"9036ef3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6dffd3 elementor-widget elementor-widget-text-editor\" data-id=\"d6dffd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 data-path-to-node=\"1\"><b data-path-to-node=\"1\" data-index-in-node=\"0\">Optimizing Renovation and Construction Costs<\/b><\/h3><p data-path-to-node=\"2\"><b data-path-to-node=\"2\" data-index-in-node=\"0\">Datvale.ge packages<\/b> are designed to make your building and renovation process predictable and financially rewarding. Our detailed cost estimation calculator helps you determine the exact quantity of materials needed, while exclusive discounts from our partner brands ensure significant budget savings. Choose the package that suits you best and start building smarter.<\/p><p data-path-to-node=\"0\">Purchase a package and calculate:<\/p><p data-path-to-node=\"1\">Renovation: <a href=\"https:\/\/datvale.ge\/en\/renovation-calculator\/\">Renovation Calculator\u00a0<\/a><\/p><p data-path-to-node=\"1\">Construction: <a href=\"https:\/\/datvale.ge\/en\/construction-calculator\/\">Construction Calculator<\/a><\/p><p data-path-to-node=\"1\">Architecture: <a href=\"https:\/\/datvale.ge\/en\/architecture-eng\/\">Architecture Calculator<\/a><\/p><p data-path-to-node=\"1\">Design: <a href=\"https:\/\/datvale.ge\/en\/design\/\">Design Calculator<\/a><br \/><br \/>View our partners at the link: <a href=\"https:\/\/datvale.ge\/en\/partners-eng\/\">Partner Brands<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Purchase one of our 4 packages and gain access to unique services Get detailed estimates for renovation and construction, and unlock unique discounts Optimizing Renovation and Construction Costs Datvale.ge packages are designed to make your building and renovation process predictable and financially rewarding. Our detailed cost estimation calculator helps you determine the exact quantity of&#8230;<\/p>\n","protected":false},"author":67,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12235","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/pages\/12235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/comments?post=12235"}],"version-history":[{"count":0,"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/pages\/12235\/revisions"}],"wp:attachment":[{"href":"https:\/\/datvale.ge\/en\/wp-json\/wp\/v2\/media?parent=12235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}