{"id":23645,"date":"2025-11-19T10:29:45","date_gmt":"2025-11-19T02:29:45","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=23645"},"modified":"2025-11-26T13:16:44","modified_gmt":"2025-11-26T05:16:44","slug":"kristallik-kapillyar-su-kecirm%c9%99z-%c9%99lav%c9%99si-cccw-super-ad","status":"publish","type":"page","link":"https:\/\/landu-china.com\/az\/m%c9%99hsullar\/kristallik-kapillyar-su-kecirm%c9%99z-%c9%99lav%c9%99si-cccw-super-ad\/","title":{"rendered":"Kristallik Kapsul Suya Dayan\u0131ql\u0131 Qar\u0131\u015fd\u0131r\u0131c\u0131 \u2014 LANDU CCCW-Super-AD"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23645\" class=\"elementor elementor-23645\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dedd7cc e-con-full e-flex e-con e-parent\" data-id=\"dedd7cc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb455d elementor-widget elementor-widget-html\" data-id=\"2cb455d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"novastar-banner\">\r\n    <section class=\"novastar-banner-section\">\r\n        <div class=\"novastar-container\">\r\n            <div class=\"novastar-content\">\r\n                <div class=\"novastar-brand-badge\">\r\n                    <span class=\"novastar-badge-text\">Kristallik Suva \u0130zolyasiya Texnologiyas\u0131<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"novastar-main-title\">\r\n                    <span class=\"novastar-title-line\">NOVASTAR<\/span>\r\n                    <span class=\"novastar-title-line\">CCCW-Super AD<\/span>\r\n                    <span class=\"novastar-title-sub\">Kristallik Kapsilyar Suva \u0130zolyasiya \u018flav\u0259si<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"novastar-subtitle\">\r\n                    Betonunuz, <span class=\"novastar-highlight\">\u00d6z-\u00d6z\u00fcn\u00fc Qoruyan<\/span>.\r\n                <\/p>\r\n                \r\n                <div class=\"novastar-description\">\r\n                    <p>Daimi qoruma t\u0259min ed\u0259n qabaqc\u0131l kristalla\u015fma texnologiyas\u0131 il\u0259 suya davaml\u0131 beton in\u015fa edin.<\/p>\r\n                    <p>NOVASTAR CCCW-Super AD, \u00e7atlaq v\u0259 s\u0259rt \u015f\u0259rait\u0259 qar\u015f\u0131 davaml\u0131, ke\u00e7irm\u0259z bir mane\u0259 yarad\u0131r v\u0259 aktiv \u015f\u0259kild\u0259 m\u00f6h\u00fcrl\u0259yir.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Core properties -->\r\n                <div class=\"novastar-properties\">\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-healing-icon\">\r\n                            <div class=\"novastar-healing-symbol\">\r\n                                <div class=\"novastar-crack-line\"><\/div>\r\n                                <div class=\"novastar-heal-fill\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">\u00d6z-\u00d6z\u00fcn\u00fc B\u0259rpa ed\u0259n<\/div>\r\n                        <div class=\"novastar-property-desc\">\u22640.5 mm \u00e7atlaqlar\u0131 m\u00f6h\u00fcrl\u0259yir<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-permanent-icon\">\r\n                            <div class=\"novastar-shield-symbol\">\r\n                                <div class=\"novastar-shield-outer\"><\/div>\r\n                                <div class=\"novastar-shield-inner\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">Daimi<\/div>\r\n                        <div class=\"novastar-property-desc\">1 kq\/m\u00b3 doza<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-resistant-icon\">\r\n                            <div class=\"novastar-pressure-symbol\">\r\n                                <div class=\"novastar-pressure-wave\"><\/div>\r\n                                <div class=\"novastar-pressure-core\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">Dayan\u0131ql\u0131<\/div>\r\n                        <div class=\"novastar-property-desc\">20 bar-a q\u0259d\u0259r t\u0259zyiq\u0259 davaml\u0131<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Additional features -->\r\n                <div class=\"novastar-features\">\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Kimy\u0259vi Dayan\u0131ql\u0131<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Z\u0259h\u0259rsiz Formula<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Asan T\u0259tbiq<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"novastar-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/az\/biziml%c9%99-%c9%99laq%c9%99-saxlayin\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-btn novastar-btn-primary\">\r\n                        <span>Bu G\u00fcn Qiym\u0259tinizi Al\u0131n<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-visual-element\">\r\n                <!-- Product Image -->\r\n                <div class=\"novastar-product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-CCCW-Super-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"NOVASTAR CCCW-Super AD M\u0259hsulu\" \/>\r\n                <\/div>\r\n\r\n                <!-- Technical specifications panel -->\r\n                <div class=\"novastar-tech-panel\">\r\n                    <div class=\"novastar-tech-header\">\r\n                        <div class=\"novastar-tech-title\">\u0130\u015f Performans\u0131 M\u0259lumatlar\u0131<\/div>\r\n                        <div class=\"novastar-tech-status\">\r\n                            <div class=\"novastar-status-dot\"><\/div>\r\n                            <span>Sertifikatl\u0131<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-tech-specs\">\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Su \u0130zolyasiyas\u0131<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 95%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">20 bar<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">\u00d6z-\u00d6z\u00fcn\u00fc B\u0259rpa ed\u0259n<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 90%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">\u22640.5 mm<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Dozaj<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 85%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">1 kq\/m\u00b3<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Waterproof rating display -->\r\n                <div class=\"novastar-rating-display\">\r\n                    <div class=\"novastar-rating-number\">20<\/div>\r\n                    <div class=\"novastar-rating-unit\">BAR<\/div>\r\n                    <div class=\"novastar-rating-label\">T\u0259zyiq\u0259 D\u00f6z\u00fcml\u00fcl\u00fck<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .novastar-banner {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-banner *,\r\n    .novastar-banner *::before,\r\n    .novastar-banner *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-banner-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%);\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-content {\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* Brand badge *\/\r\n    .novastar-brand-badge {\r\n        display: inline-block;\r\n        padding: 8px 16px;\r\n        background: #ffffff;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 20px;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-badge-text {\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: #0284c7;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Title *\/\r\n    .novastar-main-title {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        margin-bottom: 1rem;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .novastar-title-line {\r\n        display: block;\r\n    }\r\n\r\n    .novastar-title-sub {\r\n        display: block;\r\n        font-size: 22px;\r\n        font-weight: 400;\r\n        color: #475569;\r\n        margin-top: 0.5rem;\r\n    }\r\n\r\n    .novastar-subtitle {\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 2rem;\r\n        letter-spacing: 0.3px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .novastar-highlight {\r\n        color: #0284c7;\r\n        position: relative;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .novastar-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n    }\r\n\r\n    .novastar-description {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .novastar-description p {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-description p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Core properties *\/\r\n    .novastar-properties {\r\n        display: flex;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .novastar-property-item {\r\n        text-align: center;\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-property-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        margin: 0 auto 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #ffffff;\r\n        border-radius: 18px;\r\n        border: 2px solid #0ea5e9;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Self-healing icon *\/\r\n    .novastar-healing-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-crack-line {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #ef4444;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        clip-path: polygon(0 0, 45% 0, 45% 100%, 0 100%);\r\n    }\r\n\r\n    .novastar-heal-fill {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        clip-path: polygon(45% 0, 100% 0, 100% 100%, 45% 100%);\r\n    }\r\n\r\n    \/* Permanent protection icon *\/\r\n    .novastar-shield-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-shield-outer {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0ea5e9;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n    }\r\n\r\n    .novastar-shield-inner {\r\n        position: absolute;\r\n        width: 60%;\r\n        height: 60%;\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        top: 20%;\r\n        left: 20%;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n    }\r\n\r\n    \/* Resistant icon *\/\r\n    .novastar-pressure-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .novastar-pressure-wave {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-pressure-core {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-property-label {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #0284c7;\r\n        margin-bottom: 0.25rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-property-desc {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Feature badges *\/\r\n    .novastar-features {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .novastar-feature-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 16px;\r\n        background: #ffffff;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-check-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .novastar-cta-buttons {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .novastar-btn {\r\n        padding: 16px 36px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        text-align: center;\r\n        font-family: inherit;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-btn > * {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-btn-primary {\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        color: #ffffff;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .novastar-btn-primary:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    \/* Visual element container *\/\r\n    .novastar-visual-element {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        height: 700px;\r\n    }\r\n\r\n    \/* Product Image *\/\r\n    .novastar-product-image {\r\n        width: 100%;\r\n        max-width: 550px;\r\n        border-radius: 24px;\r\n        overflow: visible;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n        background: #ffffff;\r\n        padding: 32px;\r\n        position: relative;\r\n        border: 1px solid #e2e8f0;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-product-image img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        border-radius: 16px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Technical specifications panel *\/\r\n    .novastar-tech-panel {\r\n        position: absolute;\r\n        top: 30px;\r\n        right: -40px;\r\n        width: 240px;\r\n        background: #ffffff;\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-tech-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .novastar-tech-title {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0284c7;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .novastar-tech-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        font-size: 10px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-status-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #10b981;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-tech-specs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .novastar-spec-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .novastar-spec-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-spec-bar {\r\n        height: 6px;\r\n        background: #e2e8f0;\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-spec-fill {\r\n        height: 100%;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n        border-radius: 3px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-spec-value {\r\n        font-size: 12px;\r\n        color: #0284c7;\r\n        font-weight: 700;\r\n        text-align: right;\r\n    }\r\n\r\n    \/* Waterproof rating display *\/\r\n    .novastar-rating-display {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: -40px;\r\n        background: #ffffff;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        text-align: center;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n        min-width: 150px;\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-rating-number {\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        color: #0284c7;\r\n        line-height: 1;\r\n    }\r\n\r\n    .novastar-rating-unit {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin-top: -5px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .novastar-rating-label {\r\n        font-size: 10px;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-top: 0.5rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Tablet Styles *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-banner-section {\r\n            padding: 20px;\r\n        }\r\n\r\n        .novastar-container {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .novastar-main-title {\r\n            font-size: 38px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            height: 600px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 450px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .novastar-tech-panel {\r\n            width: 220px;\r\n            right: -30px;\r\n        }\r\n\r\n        .novastar-rating-display {\r\n            min-width: 130px;\r\n            left: -30px;\r\n        }\r\n\r\n        .novastar-rating-number {\r\n            font-size: 40px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 768px) {\r\n        .novastar-banner-section {\r\n            padding: 16px;\r\n            min-height: auto;\r\n            padding-top: 3rem;\r\n            padding-bottom: 3rem;\r\n        }\r\n\r\n        .novastar-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .novastar-content {\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-brand-badge {\r\n            display: block;\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-description p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .novastar-property-item {\r\n            max-width: 220px;\r\n        }\r\n\r\n        .novastar-features {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-cta-buttons {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-btn {\r\n            width: 100%;\r\n            max-width: 320px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            order: -1;\r\n            height: 450px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 380px;\r\n        }\r\n\r\n        .novastar-tech-panel,\r\n        .novastar-rating-display {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .novastar-property-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            height: 350px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 300px;\r\n            padding: 20px;\r\n        }\r\n\r\n        .novastar-feature-badge {\r\n            font-size: 12px;\r\n            padding: 6px 12px;\r\n        }\r\n    }\r\n<\/style>\r\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-1f2c2fa e-con-full e-flex e-con e-parent\" data-id=\"1f2c2fa\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a8952 elementor-widget elementor-widget-html\" data-id=\"25a8952\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"waterproof-crystalline\">\r\n    <section class=\"waterproof-crystalline-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"waterproof-bg-effects\">\r\n            <div class=\"waterproof-crystal-grid\">\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 12%; --y: 18%; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 28%; --y: 32%; --delay: 0.6s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 45%; --y: 22%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 62%; --y: 45%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 78%; --y: 28%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 88%; --y: 65%; --delay: 3s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating water droplets -->\r\n            <div class=\"waterproof-droplets\">\r\n                <div class=\"waterproof-droplet\" style=\"--x: 15%; --y: 25%; --size: 12px; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-droplet\" style=\"--x: 65%; --y: 35%; --size: 9px; --delay: 1.5s;\"><\/div>\r\n                <div class=\"waterproof-droplet\" style=\"--x: 40%; --y: 60%; --size: 11px; --delay: 3s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"waterproof-container\">\r\n            <!-- Hero Section -->\r\n            <div class=\"waterproof-hero\">\r\n                <div class=\"waterproof-hero-badge\">\r\n                    <div class=\"waterproof-badge-dot\"><\/div>\r\n                    <span class=\"waterproof-badge-text\">\u0130R\u018fL\u0130 D\u018fN\u0130ZL\u018fR\u018f QAR\u015eI SUYA DAVAMLIQLIQ<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"waterproof-hero-title\">\r\n                    Kristal Kapillyar<br>\r\n                    <span class=\"waterproof-hero-gradient\">Suya Dayan\u0131ql\u0131 \u018flav\u0259<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"waterproof-hero-description\">\r\n                    Betonda \u00e7atlar v\u0259 su s\u0131zd\u0131ran betonlardan bezmisiniz? Bu x\u00fcsusi beton \u0259lav\u0259si betonunuzda magiya kimi i\u015fl\u0259yir, ki\u00e7ik kristallar yarad\u0131r v\u0259 suyun ke\u00e7m\u0259sini bloklay\u0131r.\r\n                <\/p>\r\n\r\n                <div class=\"waterproof-hero-highlights\">\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>\u00d6z-\u00f6z\u00fcn\u00fc B\u0259rpa Ed\u0259n Texnologiya<\/span>\r\n                    <\/div>\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>Daimi Qoruma<\/span>\r\n                    <\/div>\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>Sad\u0259 T\u0259tbiq<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Takeaways Section -->\r\n            <div class=\"waterproof-takeaways\">\r\n                <div class=\"waterproof-section-header\">\r\n                    <div class=\"waterproof-header-line\"><\/div>\r\n                    <h2 class=\"waterproof-section-title\">\u018fsas N\u0259tic\u0259l\u0259r<\/h2>\r\n                    <div class=\"waterproof-header-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"waterproof-features-grid\">\r\n                    <!-- Feature Card 1 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.2s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-healing\">\r\n                                <div class=\"waterproof-healing-animation\">\r\n                                    <div class=\"waterproof-crack\"><\/div>\r\n                                    <div class=\"waterproof-crystal-growth\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">\u00d6z-\u00d6z\u00fcn\u00fc B\u0259rpa ed\u0259n<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Fayda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">0.5 mm-\u0259 q\u0259d\u0259r \u00e7atlar\u0131 avtomatik olaraq t\u0259mir edir<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">Bahal\u0131 t\u0259mir\u0259 ehtiyac yoxdur<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 2 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.4s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-protection\">\r\n                                <div class=\"waterproof-shield-animation\">\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">Daimi Qoruma<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Fayda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Betonun \u00f6mr\u00fc boyunca davam edir<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">T\u0259mir x\u0259rcl\u0259rind\u0259n q\u0259na\u0259t edin<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 3 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.6s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-easy\">\r\n                                <div class=\"waterproof-mixer-animation\">\r\n                                    <div class=\"waterproof-mixer-bowl\"><\/div>\r\n                                    <div class=\"waterproof-mixer-content\"><\/div>\r\n                                    <div class=\"waterproof-mixer-spoon\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">\u0130stifad\u0259si asand\u0131r<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Fayda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Sad\u0259c\u0259 kubmetr ba\u015f\u0131na 1 kq qar\u0131\u015fd\u0131r\u0131n<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">Sad\u0259 t\u0259tbiq prosesi<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 4 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.8s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-resistance\">\r\n                                <div class=\"waterproof-chemical-animation\">\r\n                                    <div class=\"waterproof-chemical-drop\"><\/div>\r\n                                    <div class=\"waterproof-chemical-barrier\"><\/div>\r\n                                    <div class=\"waterproof-chemical-ripple\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">Kimy\u0259vi davaml\u0131l\u0131q<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Fayda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Duz v\u0259 tur\u015fu z\u0259d\u0259l\u0259nm\u0259sind\u0259n qoruyur<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">Daha g\u00fccl\u00fc, daha uzun\u00f6m\u00fcrl\u00fc beton<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stats Banner -->\r\n            <div class=\"waterproof-stats-banner\">\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">0.5mm<\/div>\r\n                    <div class=\"waterproof-stat-label\">\u00d6z\u00fcn\u00fc Sa\u011faltma Qabiliyy\u0259ti<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 85%;\"><\/div>\r\n                <\/div>\r\n                <div class=\"waterproof-stat-divider\"><\/div>\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">1 kq\/m\u00b3<\/div>\r\n                    <div class=\"waterproof-stat-label\">T\u0259tbiq Dozas\u0131<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 95%;\"><\/div>\r\n                <\/div>\r\n                <div class=\"waterproof-stat-divider\"><\/div>\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">\u00d6m\u00fcrl\u00fck<\/div>\r\n                    <div class=\"waterproof-stat-label\">Qoruma M\u00fcdd\u0259ti<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 100%;\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .waterproof-crystalline {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .waterproof-crystalline *,\r\n    .waterproof-crystalline *::before,\r\n    .waterproof-crystalline *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .waterproof-crystalline-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #f8fafc 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .waterproof-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.12;\r\n    }\r\n\r\n    .waterproof-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: crystal-appear 1s ease-out var(--delay) forwards,\r\n                   crystal-rotate 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .waterproof-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 30px;\r\n        height: 30px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: crystal-pulse 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes crystal-appear {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.8); opacity: 0.3; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.2); opacity: 0.6; }\r\n    }\r\n\r\n    .waterproof-droplets {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-droplet {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #38bdf8, #0ea5e9);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: rotate(-45deg);\r\n        opacity: 0;\r\n        animation: droplet-fall 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes droplet-fall {\r\n        0% { opacity: 0; transform: rotate(-45deg) translateY(-20px); }\r\n        20% { opacity: 0.8; }\r\n        80% { opacity: 0.8; }\r\n        100% { opacity: 0; transform: rotate(-45deg) translateY(20px); }\r\n    }\r\n\r\n    .waterproof-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Hero Section - Compressed *\/\r\n    .waterproof-hero {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: hero-fade-in 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    @keyframes hero-fade-in {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .waterproof-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        animation: badge-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes badge-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }\r\n    }\r\n\r\n    .waterproof-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .waterproof-hero-title {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .waterproof-hero-gradient {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .waterproof-hero-description {\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 800px;\r\n        margin: 0 auto 1rem;\r\n    }\r\n\r\n    .waterproof-hero-highlights {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .waterproof-highlight-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #334155;\r\n        backdrop-filter: blur(10px);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .waterproof-highlight-item:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .waterproof-highlight-icon {\r\n        color: #10b981;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Section Header - Compressed *\/\r\n    .waterproof-section-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 2rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: section-header-appear 0.8s ease-out 0.5s forwards;\r\n    }\r\n\r\n    @keyframes section-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-header-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .waterproof-section-title {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Features Grid - Compressed *\/\r\n    .waterproof-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.25rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .waterproof-feature-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.25rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: card-appear 0.8s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .waterproof-feature-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 16px 40px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .waterproof-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 20px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .waterproof-feature-card:hover .waterproof-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .waterproof-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .waterproof-card-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .waterproof-card-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Icon Animations *\/\r\n    \/* Self-Healing Animation *\/\r\n    .waterproof-healing-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-crack {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, transparent, #ef4444, transparent);\r\n        transform: translateY(-50%);\r\n        animation: crack-pulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-crystal-growth {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 0;\r\n        height: 6px;\r\n        background: linear-gradient(90deg, #10b981, #059669);\r\n        transform: translateY(-50%);\r\n        border-radius: 3px;\r\n        animation: crystal-fill 3s ease-in-out infinite;\r\n        box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\r\n    }\r\n\r\n    @keyframes crack-pulse {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.3; }\r\n    }\r\n\r\n    @keyframes crystal-fill {\r\n        0%, 30% { width: 0; }\r\n        100% { width: 100%; }\r\n    }\r\n\r\n    \/* Shield Animation *\/\r\n    .waterproof-shield-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-shield-layer {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: shield-expand 2s ease-out infinite;\r\n    }\r\n\r\n    .waterproof-shield-layer:nth-child(2) {\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    .waterproof-shield-layer:nth-child(3) {\r\n        animation-delay: 0.8s;\r\n    }\r\n\r\n    @keyframes shield-expand {\r\n        0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }\r\n        100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }\r\n    }\r\n\r\n    \/* Mixer Animation *\/\r\n    .waterproof-mixer-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-mixer-bowl {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 24px;\r\n        height: 16px;\r\n        border: 2px solid #0ea5e9;\r\n        border-top: none;\r\n        border-radius: 0 0 12px 12px;\r\n    }\r\n\r\n    .waterproof-mixer-content {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 18px;\r\n        height: 0;\r\n        background: linear-gradient(180deg, #06b6d4, #0891b2);\r\n        border-radius: 0 0 8px 8px;\r\n        animation: mixer-fill 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-mixer-spoon {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 2px;\r\n        height: 18px;\r\n        background: #0ea5e9;\r\n        border-radius: 1px;\r\n        animation: mixer-stir 2s ease-in-out infinite;\r\n        transform-origin: center bottom;\r\n    }\r\n\r\n    @keyframes mixer-fill {\r\n        0%, 30% { height: 0; }\r\n        100% { height: 10px; }\r\n    }\r\n\r\n    @keyframes mixer-stir {\r\n        0%, 100% { transform: translateX(-50%) rotate(-15deg); }\r\n        50% { transform: translateX(-50%) rotate(15deg); }\r\n    }\r\n\r\n    \/* Chemical Animation *\/\r\n    .waterproof-chemical-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-chemical-drop {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 8px;\r\n        height: 10px;\r\n        background: linear-gradient(180deg, #f59e0b, #d97706);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n        animation: chemical-drop 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-chemical-barrier {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .waterproof-chemical-ripple {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 0;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        animation: chemical-ripple 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes chemical-drop {\r\n        0%, 30% { top: 0; opacity: 1; }\r\n        60% { top: 15px; opacity: 1; }\r\n        61% { opacity: 0; }\r\n        100% { top: 0; opacity: 0; }\r\n    }\r\n\r\n    @keyframes chemical-ripple {\r\n        0% { width: 0; height: 0; opacity: 1; }\r\n        100% { width: 30px; height: 30px; opacity: 0; }\r\n    }\r\n\r\n    \/* Card Body - Compressed *\/\r\n    .waterproof-card-body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-card-benefit,\r\n    .waterproof-card-result {\r\n        position: relative;\r\n        padding-left: 0.75rem;\r\n    }\r\n\r\n    .waterproof-benefit-label {\r\n        display: block;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .waterproof-benefit-text {\r\n        font-size: 15px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-card-result {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.5rem;\r\n        padding: 0.75rem;\r\n        background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.05));\r\n        border-left: 3px solid #10b981;\r\n        border-radius: 0 10px 10px 0;\r\n    }\r\n\r\n    .waterproof-result-icon {\r\n        font-size: 20px;\r\n        color: #10b981;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .waterproof-result-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #059669;\r\n        margin: 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Stats Banner - Compressed *\/\r\n    .waterproof-stats-banner {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr auto 1fr;\r\n        gap: 1.5rem;\r\n        padding: 1.5rem 2rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        opacity: 0;\r\n        animation: stats-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes stats-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-stat-box {\r\n        text-align: center;\r\n    }\r\n\r\n    .waterproof-stat-value {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        line-height: 1;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .waterproof-stat-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .waterproof-stat-bar {\r\n        height: 6px;\r\n        background: rgba(14, 165, 233, 0.1);\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .waterproof-stat-bar::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n        width: var(--progress);\r\n        background: linear-gradient(90deg, #0ea5e9, #06b6d4);\r\n        border-radius: 3px;\r\n        animation: stat-fill 1.5s ease-out 1.2s forwards;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n    }\r\n\r\n    @keyframes stat-fill {\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    .waterproof-stat-divider {\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .waterproof-features-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .waterproof-stats-banner {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .waterproof-stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .waterproof-crystalline-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .waterproof-hero {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .waterproof-hero-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .waterproof-hero-description {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .waterproof-hero-highlights {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .waterproof-section-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .waterproof-feature-card {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .waterproof-takeaways {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .waterproof-features-grid {\r\n            gap: 1rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .waterproof-crystalline-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .waterproof-hero-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .waterproof-section-header {\r\n            flex-direction: column;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .waterproof-header-line {\r\n            display: none;\r\n        }\r\n\r\n        .waterproof-card-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .waterproof-stat-value {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n<\/style>\r\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-ef8891e e-con-full e-flex e-con e-parent\" data-id=\"ef8891e\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27caee6 elementor-widget elementor-widget-html\" data-id=\"27caee6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"waterproof-explanation\">\r\n    <section class=\"waterproof-explanation-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"waterproof-exp-bg-effects\">\r\n            <div class=\"waterproof-exp-crystal-grid\">\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 8%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 22%; --y: 35%; --delay: 0.7s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 38%; --y: 18%; --delay: 1.4s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 58%; --y: 42%; --delay: 2.1s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 72%; --y: 25%; --delay: 2.8s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 90%; --y: 60%; --delay: 3.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"waterproof-exp-particles\">\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 18%; --y: 28%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 68%; --y: 38%; --size: 8px; --delay: 1.8s;\"><\/div>\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 45%; --y: 65%; --size: 12px; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"waterproof-exp-container\">\r\n            <!-- Main Title -->\r\n            <div class=\"waterproof-exp-header\">\r\n                <h2 class=\"waterproof-exp-main-title\">\r\n                    CCCW-Super AD \u0259slind\u0259 n\u0259dir<br>\r\n                    <span class=\"waterproof-exp-title-highlight\">Kristallik Kapilyar Su \u0130zolyasiya Qar\u0131\u015f\u0131\u011f\u0131?<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Content Grid -->\r\n            <div class=\"waterproof-exp-content-grid\">\r\n                <!-- Left Column: Text Content -->\r\n                <div class=\"waterproof-exp-text-column\">\r\n                    <!-- Introduction -->\r\n                    <div class=\"waterproof-exp-intro-box\">\r\n                        <div class=\"waterproof-exp-intro-icon\">\r\n                            <div class=\"waterproof-exp-lightbulb\">\r\n                                <div class=\"waterproof-exp-bulb-glow\"><\/div>\r\n                                <div class=\"waterproof-exp-bulb-body\"><\/div>\r\n                                <div class=\"waterproof-exp-bulb-filament\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-exp-intro-text\">\r\n                            <p>Kristallik Kapilyar Su \u0130zolyasiya Qar\u0131\u015f\u0131\u011f\u0131n\u0131 bir kimi d\u00fc\u015f\u00fcn\u00fcn <strong>super-a\u011f\u0131ll\u0131 beton k\u00f6m\u0259k\u00e7isi<\/strong>. \u018flav\u0259 olaraq, onu betonla qar\u0131\u015fd\u0131rd\u0131\u011f\u0131n\u0131z zaman d\u0259rhal i\u015f\u0259 ba\u015flay\u0131r. \u018fslind\u0259, bu qar\u0131\u015f\u0131q su v\u0259 sementl\u0259 reaksiya gir\u0259n x\u00fcsusi kimy\u0259vi madd\u0259l\u0259r ehtiva edir.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Quote Box -->\r\n                    <div class=\"waterproof-exp-quote-box\">\r\n                        <div class=\"waterproof-exp-quote-mark\">\"<\/div>\r\n                        <p class=\"waterproof-exp-quote-text\">\r\n                            Kristallik Kapilyar Su \u0130zolyasiya Qar\u0131\u015f\u0131\u011f\u0131 adi betonu \u00f6z\u00fcn\u00fc qoruyan, suya davaml\u0131 v\u0259 zamanla g\u00fccl\u0259n\u0259n materiala \u00e7evirir.\r\n                        <\/p>\r\n                        <div class=\"waterproof-exp-quote-decoration\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"waterproof-exp-process-section\">\r\n                        <h3 class=\"waterproof-exp-process-title\">\r\n                            <span class=\"waterproof-exp-process-icon\">\u2699<\/span>\r\n                            Sad\u0259 dill\u0259 des\u0259k, nec\u0259 i\u015fl\u0259yir:\r\n                        <\/h3>\r\n\r\n                        <div class=\"waterproof-exp-steps\">\r\n                            <!-- Step 1 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.2s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">1<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">\u018fvv\u0259lc\u0259<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Ya\u015f betona kristallik kapilyar su izolyasiya qar\u0131\u015f\u0131\u011f\u0131n\u0131 \u0259lav\u0259 edirsiniz<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 2 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.4s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">2<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">Sonra<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Sement v\u0259 su il\u0259 qar\u0131\u015faraq x\u00fcsusi kristallar yarad\u0131r<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 3 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.6s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">3<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">N\u00f6vb\u0259ti<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Bu kristallar betondak\u0131 ki\u00e7ik delikl\u0259rd\u0259 b\u00f6y\u00fcy\u00fcr<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 4 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.8s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">4<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">N\u0259tic\u0259 olaraq<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Kristallar suyun ke\u00e7m\u0259sini bloklay\u0131r<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Product Image -->\r\n                <div class=\"waterproof-exp-image-column\">\r\n                    <div class=\"waterproof-exp-product-showcase\">\r\n                        <div class=\"waterproof-exp-image-wrapper\">\r\n                            <div class=\"waterproof-exp-image-frame\">\r\n                                <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/CCCW-Super-AD-powder.jpg\" \r\n                                     alt=\"CCCW Super AD Tozu\" \r\n                                     class=\"waterproof-exp-product-image\">\r\n                                <div class=\"waterproof-exp-image-overlay\">\r\n                                    <div class=\"waterproof-exp-overlay-badge\">\r\n                                        <div class=\"waterproof-exp-badge-icon\">\u2713<\/div>\r\n                                        <div class=\"waterproof-exp-badge-text\">Premium Keyfiyy\u0259t<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Floating Info Tags -->\r\n                            <div class=\"waterproof-exp-info-tag waterproof-exp-tag-top\" style=\"--tag-delay: 0.5s;\">\r\n                                <div class=\"waterproof-exp-tag-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <path d=\"M10 2L12.5 7.5L18 8L14 12.5L15 18L10 15L5 18L6 12.5L2 8L7.5 7.5L10 2Z\" fill=\"currentColor\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-tag-content\">\r\n                                    <div class=\"waterproof-exp-tag-label\">\u0130r\u0259li Formula<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">\u00d6z-\u00d6z\u00fcn\u00fc B\u0259rpa ed\u0259n<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"waterproof-exp-info-tag waterproof-exp-tag-bottom\" style=\"--tag-delay: 0.7s;\">\r\n                                <div class=\"waterproof-exp-tag-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n                                        <path d=\"M10 6V10L13 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-tag-content\">\r\n                                    <div class=\"waterproof-exp-tag-label\">Qoruma<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">\u00d6m\u00fcrl\u00fck<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Product Features -->\r\n                        <div class=\"waterproof-exp-features-list\">\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.3s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">D\u0259rhal Aktivl\u0259\u015fm\u0259<\/span>\r\n                            <\/div>\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.5s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">Kristal Formala\u015fmas\u0131<\/span>\r\n                            <\/div>\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.7s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">Su Bloklama<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .waterproof-explanation {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .waterproof-explanation *,\r\n    .waterproof-explanation *::before,\r\n    .waterproof-explanation *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .waterproof-explanation-section {\r\n        background: linear-gradient(135deg, #fefefe 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .waterproof-exp-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .waterproof-exp-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-exp-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: exp-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   exp-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .waterproof-exp-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 25px;\r\n        height: 25px;\r\n        border: 2px solid rgba(6, 182, 212, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: exp-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes exp-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes exp-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.15); }\r\n    }\r\n\r\n    @keyframes exp-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .waterproof-exp-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-exp-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: exp-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes exp-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .waterproof-exp-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .waterproof-exp-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: exp-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes exp-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-title-highlight {\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2, #0e7490);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Content Grid *\/\r\n    .waterproof-exp-content-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Text Column *\/\r\n    .waterproof-exp-text-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n        opacity: 0;\r\n        animation: exp-text-slide 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes exp-text-slide {\r\n        from { opacity: 0; transform: translateX(-30px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    \/* Intro Box *\/\r\n    .waterproof-exp-intro-box {\r\n        display: flex;\r\n        gap: 1.25rem;\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.08);\r\n    }\r\n\r\n    .waterproof-exp-intro-icon {\r\n        flex-shrink: 0;\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(8, 145, 178, 0.1));\r\n        border: 2px solid rgba(6, 182, 212, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Lightbulb Animation *\/\r\n    .waterproof-exp-lightbulb {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 35px;\r\n    }\r\n\r\n    .waterproof-exp-bulb-glow {\r\n        position: absolute;\r\n        top: -5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 40px;\r\n        height: 40px;\r\n        background: radial-gradient(circle, rgba(251, 191, 36, 0.4), transparent 70%);\r\n        border-radius: 50%;\r\n        animation: exp-bulb-glow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-exp-bulb-body {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 20px;\r\n        height: 24px;\r\n        background: linear-gradient(180deg, #fbbf24, #f59e0b);\r\n        border-radius: 50% 50% 45% 45%;\r\n    }\r\n\r\n    .waterproof-exp-bulb-filament {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 12px;\r\n        height: 8px;\r\n        border: 2px solid #0891b2;\r\n        border-top: none;\r\n        border-radius: 0 0 4px 4px;\r\n    }\r\n\r\n    @keyframes exp-bulb-glow {\r\n        0%, 100% { opacity: 0.6; transform: translateX(-50%) scale(0.9); }\r\n        50% { opacity: 1; transform: translateX(-50%) scale(1.1); }\r\n    }\r\n\r\n    .waterproof-exp-intro-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .waterproof-exp-intro-text p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-intro-text strong {\r\n        color: #0891b2;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Quote Box *\/\r\n    .waterproof-exp-quote-box {\r\n        position: relative;\r\n        padding: 1.75rem 2rem 1.75rem 3.5rem;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(8, 145, 178, 0.05));\r\n        border-left: 4px solid #06b6d4;\r\n        border-radius: 0 18px 18px 0;\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.1);\r\n    }\r\n\r\n    .waterproof-exp-quote-mark {\r\n        position: absolute;\r\n        top: 1rem;\r\n        left: 1rem;\r\n        font-size: 48px;\r\n        font-weight: 700;\r\n        color: rgba(6, 182, 212, 0.2);\r\n        line-height: 1;\r\n    }\r\n\r\n    .waterproof-exp-quote-text {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: #0f172a;\r\n        font-weight: 500;\r\n        font-style: italic;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-quote-decoration {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 80px;\r\n        height: 80px;\r\n        background: radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.1), transparent 70%);\r\n        border-radius: 18px 0 18px 0;\r\n    }\r\n\r\n    \/* Process Section *\/\r\n    .waterproof-exp-process-section {\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.08);\r\n    }\r\n\r\n    .waterproof-exp-process-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 1.5rem 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-exp-process-icon {\r\n        font-size: 24px;\r\n        color: #06b6d4;\r\n    }\r\n\r\n    \/* Steps *\/\r\n    .waterproof-exp-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-step {\r\n        display: flex;\r\n        gap: 1rem;\r\n        position: relative;\r\n        opacity: 0;\r\n        animation: exp-step-appear 0.6s ease-out var(--step-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-step-number {\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        width: 45px;\r\n        height: 45px;\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3);\r\n    }\r\n\r\n    .waterproof-exp-number-text {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: white;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .waterproof-exp-number-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #06b6d4;\r\n        border-radius: 12px;\r\n        animation: exp-ring-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes exp-ring-pulse {\r\n        0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\r\n        100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    .waterproof-exp-step-content {\r\n        flex: 1;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    .waterproof-exp-step-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #06b6d4;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .waterproof-exp-step-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-step-connector {\r\n        position: absolute;\r\n        left: 22px;\r\n        top: 50px;\r\n        width: 2px;\r\n        height: calc(100% + 1rem);\r\n        background: linear-gradient(180deg, rgba(6, 182, 212, 0.3), transparent);\r\n    }\r\n\r\n    .waterproof-exp-step:last-child .waterproof-exp-step-connector {\r\n        display: none;\r\n    }\r\n\r\n    \/* Image Column *\/\r\n    .waterproof-exp-image-column {\r\n        opacity: 0;\r\n        animation: exp-image-slide 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes exp-image-slide {\r\n        from { opacity: 0; transform: translateX(30px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    .waterproof-exp-product-showcase {\r\n        position: sticky;\r\n        top: 2rem;\r\n    }\r\n\r\n    .waterproof-exp-image-wrapper {\r\n        position: relative;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .waterproof-exp-image-frame {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 10px 40px rgba(6, 182, 212, 0.15);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 50px rgba(6, 182, 212, 0.2);\r\n    }\r\n\r\n    .waterproof-exp-product-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover .waterproof-exp-product-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .waterproof-exp-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.8));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover .waterproof-exp-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .waterproof-exp-overlay-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 10px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .waterproof-exp-badge-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .waterproof-exp-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Info Tags *\/\r\n    .waterproof-exp-info-tag {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1px solid rgba(6, 182, 212, 0.3);\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 20px rgba(6, 182, 212, 0.15);\r\n        opacity: 0;\r\n        animation: exp-tag-appear 0.6s ease-out var(--tag-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-tag-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-tag-top {\r\n        top: 1rem;\r\n        right: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-bottom {\r\n        bottom: 1rem;\r\n        left: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(8, 145, 178, 0.1));\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #06b6d4;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .waterproof-exp-tag-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.125rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .waterproof-exp-tag-value {\r\n        font-size: 15px;\r\n        color: #0f172a;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Features List *\/\r\n    .waterproof-exp-features-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-exp-feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        animation: exp-feature-appear 0.6s ease-out var(--feature-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-feature-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-feature-item:hover {\r\n        transform: translateX(5px);\r\n        border-color: rgba(6, 182, 212, 0.4);\r\n        box-shadow: 0 6px 20px rgba(6, 182, 212, 0.15);\r\n    }\r\n\r\n    .waterproof-exp-feature-check {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .waterproof-exp-feature-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .waterproof-exp-content-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .waterproof-exp-product-showcase {\r\n            position: relative;\r\n            top: 0;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 36px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .waterproof-explanation-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .waterproof-exp-header {\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .waterproof-exp-intro-box {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .waterproof-exp-intro-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .waterproof-exp-quote-box {\r\n            padding: 1.5rem 1.5rem 1.5rem 2.5rem;\r\n        }\r\n\r\n        .waterproof-exp-process-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .waterproof-exp-info-tag {\r\n            position: static;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .waterproof-explanation-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .waterproof-exp-step {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .waterproof-exp-step-number {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        .waterproof-exp-number-text {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .waterproof-exp-quote-text {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n<\/style>\r\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-13f5cb9 e-con-full e-flex e-con e-parent\" data-id=\"13f5cb9\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0d5f8 elementor-widget elementor-widget-html\" data-id=\"0e0d5f8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-benefits\">\r\n    <section class=\"cccw-benefits-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-bg-effects\">\r\n            <div class=\"cccw-crystal-grid\">\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 10%; --y: 22%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 30%; --y: 38%; --delay: 0.8s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 50%; --y: 15%; --delay: 1.6s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 70%; --y: 45%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 85%; --y: 28%; --delay: 3.2s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-particles\">\r\n                <div class=\"cccw-particle\" style=\"--x: 18%; --y: 28%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-particle\" style=\"--x: 68%; --y: 38%; --size: 8px; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-particle\" style=\"--x: 45%; --y: 65%; --size: 12px; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-header\">\r\n                <div class=\"cccw-header-badge\">\r\n                    <div class=\"cccw-badge-dot\"><\/div>\r\n                    <span class=\"cccw-badge-text\">PREMIUM SE\u00c7IM<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-main-title\">\r\n                    Niy\u0259 Se\u00e7m\u0259k <span class=\"cccw-title-highlight\">CCCW-Super AD<\/span><br>\r\n                    Kristallik Kapilyar Su \u0130zolyasiya Qar\u0131\u015f\u0131\u011f\u0131?\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-intro-text\">\r\n                    CCCW-Super AD y\u00fcks\u0259k keyfiyy\u0259tli kristallik kapillyar su ke\u00e7irm\u0259z \u0259lav\u0259sidir. \u018flav\u0259 olaraq, bu m\u0259hsul \u00e7oxsayl\u0131 \u00fcst\u00fcnl\u00fckl\u0259r t\u0259qdim edir v\u0259 adi su ke\u00e7irm\u0259z metodlardan daha yax\u015f\u0131d\u0131r. \u00dcst\u0259lik, bu m\u0259hsul \u00e7\u0259tin \u015f\u0259raitd\u0259 i\u015fl\u0259diyini test etmi\u015f v\u0259 s\u00fcbut etmi\u015fdir.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefits Title -->\r\n            <div class=\"cccw-benefits-header\">\r\n                <div class=\"cccw-benefits-line\"><\/div>\r\n                <h3 class=\"cccw-benefits-title\">\r\n                    Kristallik Kapillyar Su Ke\u00e7irm\u0259z \u018flav\u0259nin M\u00f6ht\u0259\u015f\u0259m Faydalar\u0131\r\n                <\/h3>\r\n                <div class=\"cccw-benefits-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"cccw-benefits-grid\">\r\n                <!-- Benefit 1: Reduces cracks -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.1s;\">\r\n                    <div class=\"cccw-card-number\">01<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">60%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u00c7atlamalar\u0131 60% azald\u0131r<\/h4>\r\n                        <p class=\"cccw-card-description\">Daha az \u00e7atlama daha g\u00fccl\u00fc beton dem\u0259kdir<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Self-healing -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.2s;\">\r\n                    <div class=\"cccw-card-number\">02<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">Avto<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u00d6z-\u00f6z\u00fcn\u00fc sa\u011faltma g\u00fcc\u00fc<\/h4>\r\n                        <p class=\"cccw-card-description\">Su onlara toxunduqda ki\u00e7ik \u00e7atlamalar\u0131 avtomatik olaraq t\u0259mir edir<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: Permanent protection -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.3s;\">\r\n                    <div class=\"cccw-card-number\">03<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">\u221e<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Daimi qoruma<\/h4>\r\n                        <p class=\"cccw-card-description\">Betonunuzun b\u00fct\u00fcn \u00f6mr\u00fc \u00fc\u00e7\u00fcn i\u015fl\u0259yir<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: High pressure -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.4s;\">\r\n                    <div class=\"cccw-card-number\">04<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">12 bar<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Y\u00fcks\u0259k t\u0259zyiq\u0259 davam edir<\/h4>\r\n                        <p class=\"cccw-card-description\">12 barad\u0259k su t\u0259zyiqin\u0259 davam ed\u0259 bil\u0259r<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 5: Chemical resistance -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.5s;\">\r\n                    <div class=\"cccw-card-number\">05<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">100%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Kimy\u0259vi m\u00fcqavim\u0259t<\/h4>\r\n                        <p class=\"cccw-card-description\">Duz v\u0259 tur\u015fu z\u0259d\u0259l\u0259nm\u0259sind\u0259n qoruyur<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 6: Safe for drinking water -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.6s;\">\r\n                    <div class=\"cccw-card-number\">06<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">T\u0259hl\u00fck\u0259siz<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u0130\u00e7m\u0259li su \u00fc\u00e7\u00fcn t\u0259hl\u00fck\u0259siz<\/h4>\r\n                        <p class=\"cccw-card-description\">\u0130nsanlara v\u0259 heyvanlara z\u0259r\u0259r verm\u0259z<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 7: Saves water -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.7s;\">\r\n                    <div class=\"cccw-card-number\">07<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">-5%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Su q\u0259na\u0259t edir<\/h4>\r\n                        <p class=\"cccw-card-description\">Su ehtiyac\u0131n\u0131 t\u0259xmin\u0259n 5% azald\u0131r<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Stats Banner -->\r\n            <div class=\"cccw-stats-banner\">\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">01<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">Y\u00fcks\u0259k Keyfiyy\u0259t<\/div>\r\n                        <div class=\"cccw-stat-label\">T\u0259sdiql\u0259nmi\u015f Performans<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-stat-divider\"><\/div>\r\n\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">02<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">Test olunmu\u015f v\u0259 T\u0259sdiql\u0259nmi\u015f<\/div>\r\n                        <div class=\"cccw-stat-label\">\u00c7\u0259tin \u015e\u0259rtl\u0259r<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-stat-divider\"><\/div>\r\n\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">03<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">Daha Yax\u015f\u0131 Se\u00e7im<\/div>\r\n                        <div class=\"cccw-stat-label\">Adi Y\u00f6nt\u0259ml\u0259rd\u0259n Daha Yax\u015f\u0131<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-benefits *,\r\n    .cccw-benefits *::before,\r\n    .cccw-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-benefits-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-crystal-spin 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-crystal-spin {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: cccw-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-header-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .cccw-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-intro-text {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Benefits Header *\/\r\n    .cccw-benefits-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-benefits-header-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-benefits-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-benefits-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-benefits-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 1.25rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .cccw-benefit-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-card-appear 0.6s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-benefit-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 16px 40px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 20px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-benefit-card:hover .cccw-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-card-number {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        left: 1.5rem;\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-card-badge {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-value {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-card-body {\r\n        padding-top: 2.5rem;\r\n    }\r\n\r\n    .cccw-card-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.75rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-card-description {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Stats Banner *\/\r\n    .cccw-stats-banner {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr auto 1fr;\r\n        gap: 2rem;\r\n        padding: 2rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        opacity: 0;\r\n        animation: cccw-stats-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes cccw-stats-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-stat-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .cccw-stat-number {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-stat-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-stat-value {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-stat-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .cccw-stat-divider {\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-benefits-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        }\r\n\r\n        .cccw-stats-banner {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .cccw-stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-benefits-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-intro-text {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-benefits-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-benefits-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-benefits-title {\r\n            font-size: 24px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-benefits-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-card-number {\r\n            font-size: 36px;\r\n            top: 1.25rem;\r\n            left: 1.25rem;\r\n        }\r\n\r\n        .cccw-card-badge {\r\n            top: 1.25rem;\r\n            right: 1.25rem;\r\n            padding: 0.375rem 0.75rem;\r\n        }\r\n\r\n        .cccw-badge-value {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-card-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .cccw-stat-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\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-a3b3854 e-con-full e-flex e-con e-parent\" data-id=\"a3b3854\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a742647 elementor-widget elementor-widget-html\" data-id=\"a742647\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-specifications\">\r\n    <section class=\"cccw-specifications-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-spec-bg-effects\">\r\n            <div class=\"cccw-spec-crystal-grid\">\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 15%; --y: 25%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 35%; --y: 40%; --delay: 0.9s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 55%; --y: 20%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 75%; --y: 50%; --delay: 2.7s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 90%; --y: 30%; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating elements -->\r\n            <div class=\"cccw-spec-particles\">\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 20%; --y: 35%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 70%; --y: 45%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 50%; --y: 70%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-spec-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-spec-header\">\r\n                <div class=\"cccw-spec-badge\">\r\n                    <div class=\"cccw-spec-badge-dot\"><\/div>\r\n                    <span class=\"cccw-spec-badge-text\">TEXN\u0130K\u0130 M\u018fLUMAT<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-spec-main-title\">\r\n                    Texniki X\u00fcsusiyy\u0259tl\u0259r <span class=\"cccw-spec-title-highlight\">CCCW-Super AD<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-spec-intro-text\">\r\n                    Texniki detallar\u0131 ba\u015fa d\u00fc\u015fm\u0259k kristallik kapillyar su ke\u00e7irm\u0259z \u0259lav\u0259sini d\u00fczg\u00fcn istifad\u0259 etm\u0259y\u0259 k\u00f6m\u0259k edir. H\u0259m\u00e7inin, bu x\u00fcsusiyy\u0259tl\u0259r beton layih\u0259nizd\u0259n \u0259n yax\u015f\u0131 n\u0259tic\u0259l\u0259r \u0259ld\u0259 etm\u0259yinizi t\u0259min edir.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid: Image + Table -->\r\n            <div class=\"cccw-spec-main-grid\">\r\n                <!-- Left: Product Image Card -->\r\n                <div class=\"cccw-spec-image-card\">\r\n                    <div class=\"cccw-spec-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-Super-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"NOVASTAR CCCW-Super AD M\u0259hsulu\" class=\"cccw-spec-product-image\" \/>\r\n                        <div class=\"cccw-spec-image-overlay\">\r\n                            <div class=\"cccw-spec-overlay-badge\">\r\n                                <span class=\"cccw-overlay-text\">Premium Keyfiyy\u0259t<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Download Button -->\r\n                    <div class=\"cccw-spec-download-section\">\r\n                        <div class=\"cccw-download-info\">\r\n                            <div class=\"cccw-download-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" class=\"cccw-doc-icon\">\r\n                                    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n                                    <polyline points=\"14 2 14 8 20 8\"\/>\r\n                                    <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/>\r\n                                    <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"cccw-download-text\">\r\n                                <h4 class=\"cccw-download-title\">Texniki M\u0259lumat V\u0259r\u0259qi<\/h4>\r\n                                <p class=\"cccw-download-desc\">Tam spesifikasiyalar v\u0259 t\u0259limatlar<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/TDS-LANDU-CCCW-SuperAD.pdf\" download class=\"cccw-download-button\">\r\n                            <svg viewbox=\"0 0 24 24\" class=\"cccw-download-arrow\">\r\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n                                <polyline points=\"7 10 12 15 17 10\"\/>\r\n                                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n                            <\/svg>\r\n                            <span>PDF y\u00fckl\u0259<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Quick Stats -->\r\n                    <div class=\"cccw-spec-quick-stats\">\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">1 kq\/m\u00b3<\/div>\r\n                            <div class=\"cccw-stat-label\">Dozaj<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">\u22640.5mm<\/div>\r\n                            <div class=\"cccw-stat-label\">\u00d6z-\u00d6z\u00fcn\u00fc B\u0259rpa ed\u0259n<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">20 bar<\/div>\r\n                            <div class=\"cccw-stat-label\">T\u0259zyiq<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Specifications Table -->\r\n                <div class=\"cccw-spec-table-wrapper\">\r\n                    <div class=\"cccw-spec-table\">\r\n                        <!-- Table Header -->\r\n                        <div class=\"cccw-spec-table-header\">\r\n                            <div class=\"cccw-spec-header-cell\">X\u00fcsusiyy\u0259t<\/div>\r\n                            <div class=\"cccw-spec-header-cell\">Spesifikasiya<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Table Body -->\r\n                        <div class=\"cccw-spec-table-body\">\r\n                            <!-- Row 1: Color -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.2s;\">\r\n                                <div class=\"cccw-spec-row-number\">01<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: #ffffff; border: 2px solid #cbd5e1;\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">R\u0259ng<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">A\u011f Toz<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Asan tan\u0131n\u0131r<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 2: Form -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.3s;\">\r\n                                <div class=\"cccw-spec-row-number\">02<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #0ea5e9, #06b6d4);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Forma<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">\u0130nc\u0259 Toz<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Asan qar\u0131\u015f\u0131r<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 3: Dosage -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.4s;\">\r\n                                <div class=\"cccw-spec-row-number\">03<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Dozaj<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">1 kq m\u00b3-\u0259<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Maliy\u0259t\u0259 q\u0259na\u0259t ed\u0259n<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 4: Crack Healing -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.5s;\">\r\n                                <div class=\"cccw-spec-row-number\">04<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #10b981, #059669);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u00c7atlaq m\u00fcalic\u0259si<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">0.5mm-\u0259 q\u0259d\u0259r<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u00d6z-\u00f6z\u00fcn\u00fc m\u00f6h\u00fcrl\u0259y\u0259n<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 5: Water Pressure -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.6s;\">\r\n                                <div class=\"cccw-spec-row-number\">05<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #0ea5e9, #0284c7);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Su t\u0259zyiqi<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">20 bar-\u0259 q\u0259d\u0259r<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Y\u00fcks\u0259k m\u00fcqavim\u0259t<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 6: Application -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.7s;\">\r\n                                <div class=\"cccw-spec-row-number\">06<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">\u018friz\u0259<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">Birba\u015fa Qar\u0131\u015fd\u0131r\u0131c\u0131<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">X\u00fcsusi al\u0259tl\u0259r t\u0259l\u0259b etmir<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Info Cards -->\r\n            <div class=\"cccw-spec-info-grid\">\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.3s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">Asan T\u0259tbiq<\/h4>\r\n                        <p class=\"cccw-info-text\">Sad\u0259 toz formas\u0131 il\u0259 qar\u0131\u015fd\u0131r\u0131l\u0131r v\u0259 betonla birba\u015fa qar\u0131\u015f\u0131r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.5s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <path d=\"M12 6v6l4 2\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">Uzunm\u00fcdd\u0259tli<\/h4>\r\n                        <p class=\"cccw-info-text\">Betonun \u00f6mr\u00fc boyunca davam ed\u0259n daimi qoruma<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.7s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <polyline points=\"12 22 12 12\"\/>\r\n                            <path d=\"M12 12L2 7\"\/>\r\n                            <path d=\"M12 12l10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">Y\u00fcks\u0259k Performans<\/h4>\r\n                        <p class=\"cccw-info-text\">20 bar-a q\u0259d\u0259r ekstremal su t\u0259zyiqin\u0259 davam edir<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-specifications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-specifications *,\r\n    .cccw-specifications *::before,\r\n    .cccw-specifications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-specifications-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-spec-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-spec-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-spec-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-spec-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-spec-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-spec-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-spec-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-spec-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-spec-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-spec-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-spec-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-spec-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: cccw-spec-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-spec-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-spec-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-spec-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-spec-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-spec-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-spec-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Main Grid: Image + Table *\/\r\n    .cccw-spec-main-grid {\r\n        display: grid;\r\n        grid-template-columns: 400px 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-spec-grid-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-grid-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Product Image Card *\/\r\n    .cccw-spec-image-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 40px rgba(14, 165, 233, 0.15);\r\n    }\r\n\r\n    .cccw-spec-product-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .cccw-spec-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.3));\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.25rem;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper:hover .cccw-spec-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-spec-overlay-badge {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 0.5rem 1rem;\r\n        border-radius: 8px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .cccw-overlay-text {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Download Section *\/\r\n    .cccw-spec-download-section {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-download-info {\r\n        display: flex;\r\n        gap: 1rem;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-download-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-doc-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .cccw-download-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-download-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.25rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-download-desc {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-download-button {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.625rem;\r\n        padding: 0.875rem 1.5rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-download-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-download-arrow {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: currentColor;\r\n        stroke-width: 2.5;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Quick Stats *\/\r\n    .cccw-spec-quick-stats {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-quick-stat-item {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 12px;\r\n        padding: 0.875rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.06);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-quick-stat-item:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.12);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-stat-value {\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #0ea5e9;\r\n        margin-bottom: 0.25rem;\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-stat-label {\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .cccw-spec-table-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cccw-spec-table {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n    }\r\n\r\n    \/* Table Header *\/\r\n    .cccw-spec-table-header {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 1.5rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-spec-header-cell {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    \/* Table Body *\/\r\n    .cccw-spec-table-body {\r\n        padding: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-table-row {\r\n        padding: 1rem 1.25rem;\r\n        margin-bottom: 0.625rem;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: 1px solid rgba(14, 165, 233, 0.1);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-spec-row-appear 0.6s ease-out var(--row-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-row-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-spec-table-row:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-color: rgba(14, 165, 233, 0.3);\r\n        transform: translateX(5px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-spec-row-highlight {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-color: rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-spec-row-number {\r\n        position: absolute;\r\n        top: 0.75rem;\r\n        right: 0.75rem;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-spec-cell-group {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 1.5rem;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-spec-property {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-property-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-property-dot {\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 50%;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .cccw-spec-property-label {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .cccw-spec-value {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.25rem;\r\n    }\r\n\r\n    .cccw-spec-value-text {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .cccw-value-highlight {\r\n        color: #0ea5e9;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cccw-spec-value-note {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Info Grid *\/\r\n    .cccw-spec-info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-spec-info-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-spec-info-appear 0.6s ease-out var(--info-delay) forwards;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    @keyframes cccw-spec-info-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-spec-info-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-info-icon-wrapper {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-info-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .cccw-info-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-info-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-spec-main-grid {\r\n            grid-template-columns: 350px 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cccw-spec-main-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-spec-image-card {\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-specifications-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-spec-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-spec-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-spec-cell-group {\r\n            grid-template-columns: 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-spec-table-header {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-spec-info-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-spec-quick-stats {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-specifications-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-spec-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-spec-table-row {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-spec-row-number {\r\n            font-size: 20px;\r\n            top: 0.625rem;\r\n            right: 0.625rem;\r\n        }\r\n\r\n        .cccw-spec-download-section {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-download-button {\r\n            padding: 0.75rem 1.25rem;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\r\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-140a9be e-con-full e-flex e-con e-parent\" data-id=\"140a9be\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64bc5dc elementor-widget elementor-widget-html\" data-id=\"64bc5dc\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-applications\">\r\n    <section class=\"cccw-applications-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-app-bg-effects\">\r\n            <div class=\"cccw-app-crystal-grid\">\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 12%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 32%; --y: 35%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 52%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 72%; --y: 42%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 88%; --y: 28%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-app-particles\">\r\n                <div class=\"cccw-app-particle\" style=\"--x: 22%; --y: 32%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-app-particle\" style=\"--x: 68%; --y: 48%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-app-particle\" style=\"--x: 48%; --y: 68%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-app-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-app-header\">\r\n                <div class=\"cccw-app-badge\">\r\n                    <div class=\"cccw-app-badge-dot\"><\/div>\r\n                    <span class=\"cccw-app-badge-text\">\u018fLAV\u018fL\u018fR<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-app-main-title\">\r\n                    Harada \u0130stifad\u0259 Ed\u0259 Bil\u0259rsiniz <span class=\"cccw-app-title-highlight\">Kristallik Kapilyar Su \u0130zolyasiya Qar\u0131\u015f\u0131\u011f\u0131?<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-app-intro-text\">\r\n                    Kristallik kapilyar suya davaml\u0131l\u0131q \u0259lav\u0259si m\u00fcxt\u0259lif layih\u0259l\u0259rd\u0259 m\u00fck\u0259mm\u0259l i\u015fl\u0259yir. H\u0259m\u00e7inin, h\u0259m yeni in\u015faat, h\u0259m d\u0259 t\u0259mir i\u015fl\u0259ri \u00fc\u00e7\u00fcn ideald\u0131r. \u018flav\u0259 olaraq, g\u00fccl\u00fc v\u0259 suya davaml\u0131 beton laz\u0131m olan h\u0259r yerd\u0259 istifad\u0259 ed\u0259 bil\u0259rsiniz.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Applications Title -->\r\n            <div class=\"cccw-app-subtitle\">\r\n                <div class=\"cccw-app-subtitle-line\"><\/div>\r\n                <h3 class=\"cccw-app-subtitle-text\">Populyar T\u0259tbiql\u0259r Daxildir:<\/h3>\r\n                <div class=\"cccw-app-subtitle-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Applications Grid -->\r\n            <div class=\"cccw-app-grid\">\r\n                <!-- Application 1: Building foundations -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.1s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/11\/construction-manager-controlling-building-site-with-plan.jpg\" \r\n                             alt=\"Bina \u0259sasl\u0131qlar\u0131\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">01<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Bina \u0259sasl\u0131qlar\u0131<\/h4>\r\n                        <p class=\"cccw-app-description\">Alt m\u0259rt\u0259b\u0259l\u0259ri quru v\u0259 t\u0259hl\u00fck\u0259siz saxlay\u0131r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 2: Swimming pools -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.2s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/swimming-pool.jpg\" \r\n                             alt=\"\u00dczg\u00fc\u00e7\u00fcl\u00fck hovuzlar\u0131\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">02<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">\u00dczg\u00fc\u00e7\u00fcl\u00fck hovuzlar\u0131<\/h4>\r\n                        <p class=\"cccw-app-description\">S\u0131zma v\u0259 su itkisini qar\u015f\u0131s\u0131n\u0131 al\u0131r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 3: Water tanks -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.3s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/a-black-petro-chemical-tank-with-a-ladder-up-the-s-2025-10-16-11-46-30-utc-scaled.jpg\" \r\n                             alt=\"Su anbarlar\u0131\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">03<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Su anbarlar\u0131<\/h4>\r\n                        <p class=\"cccw-app-description\">T\u0259miz v\u0259 t\u0259hl\u00fck\u0259siz su saxlama\u011f\u0131 t\u0259min edir<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 4: Tunnels -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.4s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/construction-of-the-underground-tunnel.jpg\" \r\n                             alt=\"Tunell\u0259r\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">04<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Tunell\u0259r<\/h4>\r\n                        <p class=\"cccw-app-description\">Yeralt\u0131 suyun s\u0131zmas\u0131n\u0131 qar\u015f\u0131s\u0131n\u0131 al\u0131r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 5: Parking garages -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.5s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/underground-parking-2024-10-14-22-22-34-utc-scaled.jpg\" \r\n                             alt=\"Avtomobil parklar\u0131\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">05<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Avtomobil parklar\u0131<\/h4>\r\n                        <p class=\"cccw-app-description\">Avtomobill\u0259r v\u0259 hava \u015f\u0259raitind\u0259n su z\u0259d\u0259l\u0259nm\u0259sinin qar\u015f\u0131s\u0131n\u0131 al\u0131r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 6: Marine structures -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.6s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/vessels-in-marina-from-above-2025-03-23-22-17-08-utc-scaled.jpg\" \r\n                             alt=\"D\u0259niz qur\u011fular\u0131\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">06<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">D\u0259niz qur\u011fular\u0131<\/h4>\r\n                        <p class=\"cccw-app-description\">Duzlu su z\u0259d\u0259l\u0259nm\u0259sin\u0259 qar\u015f\u0131 davam edir<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 7: Elevator pits -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.7s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/interior-of-modern-natural-oil-factory-the-piping-2025-10-16-10-32-51-utc-scaled.jpg\" \r\n                             alt=\"Lift quyular\u0131\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">07<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Lift quyular\u0131<\/h4>\r\n                        <p class=\"cccw-app-description\">Mexaniki sah\u0259l\u0259ri quru saxlay\u0131r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Summary -->\r\n            <div class=\"cccw-app-summary\">\r\n                <div class=\"cccw-summary-content\">\r\n                    <div class=\"cccw-summary-icon\">\r\n                        <div class=\"cccw-summary-checkmark\">\u2713<\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-summary-text\">\r\n                        <h4 class=\"cccw-summary-title\">B\u00fct\u00fcn Beton Layih\u0259l\u0259ri \u00fc\u00e7\u00fcn \u00c7ox y\u00f6nl\u00fc H\u0259ll<\/h4>\r\n                        <p class=\"cccw-summary-description\">Ya\u015fay\u0131\u015f m\u0259nzill\u0259rind\u0259n b\u00f6y\u00fck infrastruktur layih\u0259l\u0259rin\u0259 q\u0259d\u0259r, CCCW-Super AD h\u0259r hans\u0131 t\u0259tbiq \u00fc\u00e7\u00fcn etibarl\u0131 su ke\u00e7irm\u0259zlik qorumas\u0131 t\u0259min edir<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-applications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-applications *,\r\n    .cccw-applications *::before,\r\n    .cccw-applications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-applications-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-app-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-app-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-app-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: app-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   app-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-app-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: app-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes app-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes app-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes app-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-app-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-app-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: app-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes app-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-app-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-app-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: app-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes app-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-app-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-app-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: app-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes app-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-app-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-app-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-app-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-app-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Subtitle *\/\r\n    .cccw-app-subtitle {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: app-subtitle-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes app-subtitle-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-app-subtitle-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-app-subtitle-text {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Applications Grid *\/\r\n    .cccw-app-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 1.25rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .cccw-app-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: app-card-appear 0.6s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes app-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-app-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-app-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 200px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-app-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-app-card:hover .cccw-app-image {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .cccw-app-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.8), rgba(6, 182, 212, 0.6));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-app-card:hover .cccw-app-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-app-number {\r\n        font-size: 64px;\r\n        font-weight: 800;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-app-content {\r\n        padding: 1.25rem;\r\n    }\r\n\r\n    .cccw-app-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-app-description {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Summary Section *\/\r\n    .cccw-app-summary {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: app-summary-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes app-summary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-summary-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-summary-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-summary-checkmark {\r\n        font-size: 32px;\r\n        color: white;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-summary-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-summary-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-summary-description {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-app-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-applications-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-app-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-app-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-app-subtitle {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-app-subtitle-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-app-subtitle-text {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-app-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-summary-content {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-applications-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-app-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-app-image-wrapper {\r\n            height: 180px;\r\n        }\r\n\r\n        .cccw-app-content {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-app-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-app-summary {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-summary-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .cccw-summary-checkmark {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-summary-title {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\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-c7110ac e-con-full e-flex e-con e-parent\" data-id=\"c7110ac\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a338f elementor-widget elementor-widget-html\" data-id=\"68a338f\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-application-method\">\r\n    <section class=\"cccw-method-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-method-bg-effects\">\r\n            <div class=\"cccw-method-crystal-grid\">\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 14%; --y: 22%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 34%; --y: 38%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 54%; --y: 16%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 74%; --y: 44%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 90%; --y: 26%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-method-particles\">\r\n                <div class=\"cccw-method-particle\" style=\"--x: 24%; --y: 34%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-method-particle\" style=\"--x: 70%; --y: 50%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-method-particle\" style=\"--x: 50%; --y: 70%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-method-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-method-header\">\r\n                <div class=\"cccw-method-badge\">\r\n                    <div class=\"cccw-method-badge-dot\"><\/div>\r\n                    <span class=\"cccw-method-badge-text\">\u018fLAV\u018f ETM\u018f QAYDASI<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-method-main-title\">\r\n                    Super-AD nec\u0259 t\u0259tbiq olunur <span class=\"cccw-method-title-highlight\">Kristallik Kapsilyar Suva \u0130zolyasiya \u018flav\u0259si<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-method-intro-text\">\r\n                    Kristallik kapillyar su ke\u00e7irm\u0259zliyi \u0259lav\u0259sind\u0259n istifad\u0259 etm\u0259k \u0259slind\u0259 \u00e7ox sad\u0259dir. Ancaq d\u00fczg\u00fcn add\u0131mlar\u0131 izl\u0259m\u0259k \u0259n yax\u015f\u0131 n\u0259tic\u0259l\u0259ri t\u0259min edir. \u00dcst\u0259lik, d\u00fczg\u00fcn t\u0259tbiq uzunm\u00fcdd\u0259tli qoruma t\u0259min edir.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Primary Method: Easy Mixing -->\r\n            <div class=\"cccw-primary-method\">\r\n                <div class=\"cccw-primary-header\">\r\n                    <div class=\"cccw-primary-number\">01<\/div>\r\n                    <h3 class=\"cccw-primary-title\">Asan Qar\u0131\u015fd\u0131rma Metodu<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-primary-content\">\r\n                    <!-- Left: Image -->\r\n                    <div class=\"cccw-primary-image-wrapper\">\r\n                        <div class=\"cccw-primary-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Easy-Mixing-Method-scaled.jpg\" \r\n                                 alt=\"Asan Qar\u0131\u015fd\u0131rma Metodu\" \r\n                                 class=\"cccw-primary-image\">\r\n                            <div class=\"cccw-primary-image-overlay\">\r\n                                <div class=\"cccw-primary-overlay-badge\">T\u00f6vsiy\u0259 olunan Metod<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Right: Steps -->\r\n                    <div class=\"cccw-primary-steps\">\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.2s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">1<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">\u018fvv\u0259lc\u0259<\/div>\r\n                                <p class=\"cccw-step-text\">Betona \u00e7\u0259ki \u0259lav\u0259 edin<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.3s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">2<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Sonra<\/div>\r\n                                <p class=\"cccw-step-text\">Kristallik kapillyar su ke\u00e7irm\u0259zliyi \u0259lav\u0259sini \u0259lav\u0259 edin<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.4s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">3<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">N\u00f6vb\u0259ti<\/div>\r\n                                <p class=\"cccw-step-text\">Y\u00fcks\u0259k s\u00fcr\u0259tl\u0259 10 d\u0259qiq\u0259 qar\u0131\u015fd\u0131r\u0131n<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.5s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">4<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Bundan sonra<\/div>\r\n                                <p class=\"cccw-step-text\">Dig\u0259r t\u0259rkib hiss\u0259l\u0259rini adi \u015f\u0259kild\u0259 \u0259lav\u0259 edin<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.6s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">5<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">N\u0259tic\u0259 olaraq<\/div>\r\n                                <p class=\"cccw-step-text\">Betonu t\u00f6k\u00fcn v\u0259 ad\u0259t etdiyiniz kimi tamamlay\u0131n<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Important Note -->\r\n                <div class=\"cccw-important-note\">\r\n                    <div class=\"cccw-note-icon\">!<\/div>\r\n                    <div class=\"cccw-note-content\">\r\n                        <div class=\"cccw-note-title\">Yadda saxlay\u0131n:<\/div>\r\n                        <p class=\"cccw-note-text\">H\u0259mi\u015f\u0259 dig\u0259r kimy\u0259vi \u0259lav\u0259l\u0259rd\u0259n \u0259vv\u0259l kristallik kapillyar su ke\u00e7irm\u0259zliyi \u0259lav\u0259sini \u0259lav\u0259 edin ki, m\u00fcdaxil\u0259 etm\u0259sin.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Alternative Methods Title -->\r\n            <div class=\"cccw-alternative-header\">\r\n                <div class=\"cccw-alternative-line\"><\/div>\r\n                <h3 class=\"cccw-alternative-title\">Alternativ T\u0259tbiq Y\u00f6nteml\u0259ri<\/h3>\r\n                <div class=\"cccw-alternative-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Alternative Methods Grid -->\r\n            <div class=\"cccw-alternative-grid\">\r\n                <!-- Method 1: Dry Shake - \u4f7f\u7528Brush\u56fe\u7247 -->\r\n                <div class=\"cccw-alt-method-card\" style=\"--alt-delay: 0.2s;\">\r\n                    <div class=\"cccw-alt-header\">\r\n                        <div class=\"cccw-alt-number\">02<\/div>\r\n                        <h4 class=\"cccw-alt-title\">Quru \u00c7alxalama Metodu<\/h4>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"cccw-alt-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Brush-Application-scaled.jpg\" \r\n                             alt=\"Quru \u00c7alxalama Metodu\" \r\n                             class=\"cccw-alt-image\">\r\n                        <div class=\"cccw-alt-image-overlay\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-alt-content\">\r\n                        <ul class=\"cccw-alt-steps-list\">\r\n                            <li class=\"cccw-alt-step\">Beton s\u0259thin\u0259 kvadrat metr\u0259 1.5 kq s\u0259p\u0259l\u0259yin<\/li>\r\n                            <li class=\"cccw-alt-step\">\u00dcz\u0259rin\u0259 al\u0259t il\u0259 i\u015fl\u0259yin<\/li>\r\n                            <li class=\"cccw-alt-step\">D\u00f6\u015f\u0259m\u0259 kimi d\u00fcz s\u0259thl\u0259r \u00fc\u00e7\u00fcn \u0259n uy\u011fundur<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Method 2: Brush Application - \u4f7f\u7528Dry Shake\u56fe\u7247 -->\r\n                <div class=\"cccw-alt-method-card\" style=\"--alt-delay: 0.4s;\">\r\n                    <div class=\"cccw-alt-header\">\r\n                        <div class=\"cccw-alt-number\">03<\/div>\r\n                        <h4 class=\"cccw-alt-title\">F\u0131r\u00e7a T\u0259tbiqi<\/h4>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"cccw-alt-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Dry-Shake-Method-scaled.jpg\" \r\n                             alt=\"F\u0131r\u00e7a T\u0259tbiqi\" \r\n                             class=\"cccw-alt-image\">\r\n                        <div class=\"cccw-alt-image-overlay\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-alt-content\">\r\n                        <ul class=\"cccw-alt-steps-list\">\r\n                            <li class=\"cccw-alt-step\">Tozu su il\u0259 qar\u0131\u015fd\u0131r\u0131b pasta hal\u0131na g\u0259tirin<\/li>\r\n                            <li class=\"cccw-alt-step\">\u0130ki qat s\u0259rt f\u0131r\u00e7a il\u0259 t\u0259tbiq edin<\/li>\r\n                            <li class=\"cccw-alt-step\">Divarlar v\u0259 dik s\u0259thl\u0259r \u00fc\u00e7\u00fcn m\u00fck\u0259mm\u0259ldir<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-application-method {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-application-method *,\r\n    .cccw-application-method *::before,\r\n    .cccw-application-method *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-method-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-method-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-method-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-method-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: method-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   method-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-method-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: method-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes method-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes method-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes method-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-method-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-method-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: method-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes method-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-method-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-method-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: method-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes method-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-method-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-method-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: method-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes method-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-method-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-method-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-method-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-method-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Primary Method Section *\/\r\n    .cccw-primary-method {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: method-primary-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes method-primary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-primary-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1.5rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-primary-number {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-primary-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-primary-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 1.5rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Primary Image - \u51cf\u5c11\u9ad8\u5ea6\u4e09\u5206\u4e4b\u4e00 *\/\r\n    .cccw-primary-image-wrapper {\r\n        position: relative;\r\n        height: 280px;\r\n    }\r\n\r\n    .cccw-primary-image-frame {\r\n        position: relative;\r\n        height: 100%;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-primary-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-primary-image-frame:hover .cccw-primary-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .cccw-primary-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.8));\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.5rem;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .cccw-primary-image-frame:hover .cccw-primary-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-primary-overlay-badge {\r\n        padding: 0.5rem 1rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: white;\r\n    }\r\n\r\n    \/* Primary Steps *\/\r\n    .cccw-primary-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-step-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: method-step-appear 0.6s ease-out var(--step-delay) forwards;\r\n    }\r\n\r\n    @keyframes method-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-step-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-step-num {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-step-content {\r\n        flex: 1;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    .cccw-step-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-step-text {\r\n        font-size: 14px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Important Note *\/\r\n    .cccw-important-note {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        border: 1px solid rgba(251, 191, 36, 0.3);\r\n        border-left: 4px solid #fbbf24;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .cccw-note-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-note-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-note-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #f59e0b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-note-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Methods Header *\/\r\n    .cccw-alternative-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: method-alt-header-appear 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes method-alt-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-alternative-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-alternative-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Methods Grid *\/\r\n    .cccw-alternative-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-alt-method-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: method-alt-appear 0.6s ease-out var(--alt-delay) forwards;\r\n    }\r\n\r\n    @keyframes method-alt-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-alt-method-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-alt-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 1px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-alt-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-alt-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Image - \u589e\u52a0\u9ad8\u5ea6\u5e76\u4f7f\u7528cover *\/\r\n    .cccw-alt-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 280px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-alt-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-alt-method-card:hover .cccw-alt-image {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .cccw-alt-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.2));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .cccw-alt-method-card:hover .cccw-alt-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-alt-content {\r\n        padding: 1.25rem;\r\n    }\r\n\r\n    .cccw-alt-steps-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-alt-step {\r\n        position: relative;\r\n        padding-left: 1.5rem;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n    }\r\n\r\n    .cccw-alt-step::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0.4rem;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-primary-content {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 250px;\r\n        }\r\n\r\n        .cccw-alternative-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-method-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-method-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-method-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-primary-method {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-primary-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 220px;\r\n        }\r\n\r\n        .cccw-alternative-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-alternative-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-alternative-title {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-alt-image-wrapper {\r\n            height: 240px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-method-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-method-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-primary-method {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-primary-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-primary-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 200px;\r\n        }\r\n\r\n        .cccw-important-note {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-note-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cccw-alt-image-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\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-7036fcf e-con-full e-flex e-con e-parent\" data-id=\"7036fcf\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90f7d elementor-widget elementor-widget-html\" data-id=\"1c90f7d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-cost-benefits\">\r\n    <section class=\"cccw-cost-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-cost-bg-effects\">\r\n            <div class=\"cccw-cost-crystal-grid\">\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 16%; --y: 24%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 36%; --y: 40%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 56%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 76%; --y: 46%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 92%; --y: 28%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-cost-particles\">\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 26%; --y: 36%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 72%; --y: 52%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 52%; --y: 72%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-cost-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-cost-header\">\r\n                <div class=\"cccw-cost-badge\">\r\n                    <div class=\"cccw-cost-badge-dot\"><\/div>\r\n                    <span class=\"cccw-cost-badge-text\">MALIYY\u018fT FAYDALARI<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-cost-main-title\">\r\n                    Maliyy\u0259 Faydalar\u0131 <span class=\"cccw-cost-title-highlight\">Kristallik Kapsilyar Suva \u0130zolyasiya \u018flav\u0259si<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-cost-intro-text\">\r\n                    Kristal kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259si adi betondan daha \u00e7ox x\u0259rc t\u0259l\u0259b ets\u0259 d\u0259, uzunm\u00fcdd\u0259tli q\u0259na\u0259t t\u0259min edir. \u018flav\u0259 olaraq, bahal\u0131 t\u0259mir v\u0259 bax\u0131m i\u015fl\u0259rind\u0259n qa\u00e7\u0131n\u0131rs\u0131n\u0131z. H\u0259m\u00e7inin, daimi qoruma d\u0259yi\u015fdirm\u0259y\u0259 ehtiyac qalmadan t\u0259min edilir.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Money-Saving Title -->\r\n            <div class=\"cccw-saving-header\">\r\n                <div class=\"cccw-saving-line\"><\/div>\r\n                <h3 class=\"cccw-saving-title\">Pul Q\u0259na\u0259t ed\u0259n \u00dcst\u00fcnl\u00fckl\u0259r:<\/h3>\r\n                <div class=\"cccw-saving-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"cccw-benefits-grid\">\r\n                <!-- Benefit 1: No waterproof membranes -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.2s;\">\r\n                    <div class=\"cccw-benefit-number\">01<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Su ke\u00e7irm\u0259z membranlar laz\u0131m deyil<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Material v\u0259 i\u015f\u00e7ilikd\u0259 q\u0259na\u0259t edir<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Fewer repairs -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.3s;\">\r\n                    <div class=\"cccw-benefit-number\">02<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Daha az t\u0259mir t\u0259l\u0259b olunur<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u00d6z-\u00f6z\u00fcn\u00fc b\u0259rpa etm\u0259 bax\u0131m x\u0259rcl\u0259rini azald\u0131r<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: Longer concrete life -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.4s;\">\r\n                    <div class=\"cccw-benefit-number\">03<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Daha uzun beton \u00f6mr\u00fc<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u0130nvestisiyan\u0131z\u0131 onillikl\u0259r boyu qoruyur<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: No specialized contractors -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.5s;\">\r\n                    <div class=\"cccw-benefit-number\">04<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">X\u00fcsusi m\u00fct\u0259x\u0259ssis podrat\u00e7\u0131lar t\u0259l\u0259b olunmur<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Nizaml\u0131 beton i\u015f\u00e7il\u0259ri onu t\u0259tbiq ed\u0259 bil\u0259r<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Cost Comparison Section -->\r\n            <div class=\"cccw-comparison-wrapper\">\r\n                <div class=\"cccw-comparison-card cccw-traditional\">\r\n                    <div class=\"cccw-comparison-header\">\r\n                        <div class=\"cccw-comparison-icon cccw-icon-traditional\">\r\n                            <span class=\"cccw-comparison-symbol\">$$$<\/span>\r\n                        <\/div>\r\n                        <h4 class=\"cccw-comparison-title\">\u018fn\u0259n\u0259vi Metod<\/h4>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-body\">\r\n                        <ul class=\"cccw-comparison-list\">\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">Bahal\u0131 membranlar<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">Tez-tez t\u0259mir i\u015fl\u0259ri<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">\u0130xtisasl\u0131 \u0259m\u0259k<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">M\u0259hdud \u00f6m\u00fcr m\u00fcdd\u0259ti<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Uzunm\u00fcdd\u0259tli X\u0259rcl\u0259r<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-high\">Y\u00fcks\u0259k<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-vs-divider\">\r\n                    <div class=\"cccw-vs-circle\">VS<\/div>\r\n                    <div class=\"cccw-vs-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-comparison-card cccw-cccw-method\">\r\n                    <div class=\"cccw-comparison-header\">\r\n                        <div class=\"cccw-comparison-icon cccw-icon-cccw\">\r\n                            <span class=\"cccw-comparison-symbol\">$<\/span>\r\n                        <\/div>\r\n                        <h4 class=\"cccw-comparison-title\">CCCW-Super AD<\/h4>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-body\">\r\n                        <ul class=\"cccw-comparison-list\">\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Membranlara ehtiyac yoxdur<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">\u00d6z-\u00f6z\u00fcn\u00fc b\u0259rpa ed\u0259n texnologiya<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Standart t\u0259tbiq<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Daimi qoruma<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Uzunm\u00fcdd\u0259tli X\u0259rcl\u0259r<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-low\">A\u015fa\u011f\u0131<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Summary -->\r\n            <div class=\"cccw-cost-summary\">\r\n                <div class=\"cccw-summary-icon\">\r\n                    <div class=\"cccw-summary-badge\">\r\n                        <span class=\"cccw-summary-percent\">50%<\/span>\r\n                        <span class=\"cccw-summary-label\">Q\u0259na\u0259t<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"cccw-summary-content\">\r\n                    <h4 class=\"cccw-summary-title\">Uzunm\u00fcdd\u0259tli q\u0259na\u0259t \u00fc\u00e7\u00fcn a\u011f\u0131ll\u0131 s\u0259rmay\u0259<\/h4>\r\n                    <p class=\"cccw-summary-text\">CCCW-Super AD ilkin x\u0259rci daha y\u00fcks\u0259k ola bil\u0259r, lakin beton qurulu\u015funuzun \u00f6mr\u00fc boyunca azald\u0131lm\u0131\u015f texniki xidm\u0259t, membran d\u0259yi\u015fdirm\u0259 v\u0259 daimi su ke\u00e7irm\u0259zlik qorumas\u0131 il\u0259 \u0259h\u0259miyy\u0259tli q\u0259na\u0259t t\u0259min edir.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u786e\u4fdd\u6240\u6709\u6837\u5f0f\u53ea\u4f5c\u7528\u4e8e cccw-cost-benefits \u5185\u90e8 *\/\r\n    .cccw-cost-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-cost-benefits *,\r\n    .cccw-cost-benefits *::before,\r\n    .cccw-cost-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-cost-benefits .cccw-cost-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-cost-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-cost-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-cost-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-cost-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-cost-benefits .cccw-cost-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-cost-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Saving Header *\/\r\n    .cccw-cost-benefits .cccw-saving-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-saving-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-saving-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-saving-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-saving-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-cost-benefits .cccw-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-cost-benefit-appear 0.6s ease-out var(--benefit-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-benefit-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 16px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card:hover .cccw-benefit-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-number {\r\n        position: absolute;\r\n        top: 1rem;\r\n        right: 1rem;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-icon-wrapper {\r\n        margin-bottom: 0.875rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-circle {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0ea5e9;\r\n        border-radius: 14px;\r\n        position: absolute;\r\n        animation: cccw-cost-icon-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-icon-pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-checkmark {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-content {\r\n        padding-right: 2.5rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-description {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Comparison Section *\/\r\n    .cccw-cost-benefits .cccw-comparison-wrapper {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-comparison-appear 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-comparison-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-header {\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 1px solid rgba(14, 165, 233, 0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-traditional {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        border: 2px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-cccw {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-symbol {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-traditional .cccw-comparison-symbol {\r\n        color: #ef4444;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-cccw .cccw-comparison-symbol {\r\n        color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-body {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.875rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-negative .cccw-item-icon {\r\n        background: linear-gradient(135deg, #ef4444, #dc2626);\r\n        color: white;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-positive .cccw-item-icon {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-text {\r\n        color: #475569;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-footer {\r\n        padding: 1.25rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-top: 1px solid rgba(14, 165, 233, 0.1);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-footer-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-footer-value {\r\n        padding: 0.375rem 0.875rem;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-value-high {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-value-low {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        color: #0ea5e9;\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    \/* VS Divider *\/\r\n    .cccw-cost-benefits .cccw-vs-divider {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-vs-circle {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: white;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-vs-line {\r\n        flex: 1;\r\n        width: 2px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Cost Summary *\/\r\n    .cccw-cost-benefits .cccw-cost-summary {\r\n        display: flex;\r\n        gap: 2rem;\r\n        padding: 2rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: cccw-cost-summary-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-summary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-icon {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-badge {\r\n        width: 100px;\r\n        height: 100px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-percent {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: white;\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-top: 0.25rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.75rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-text {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-cost-benefits .cccw-benefits-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cccw-cost-benefits .cccw-comparison-wrapper {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-vs-divider {\r\n            flex-direction: row;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-vs-line {\r\n            width: 100px;\r\n            height: 2px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-cost-benefits .cccw-cost-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-title {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-summary {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-badge {\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-cost-benefits .cccw-cost-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefit-number {\r\n            font-size: 32px;\r\n            top: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-comparison-header {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-comparison-body {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-summary {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-badge {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-percent {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-title {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\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-52c3219 e-con-full e-flex e-con e-parent\" data-id=\"52c3219\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0051f9d elementor-widget elementor-widget-html\" data-id=\"0051f9d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-comparison-methods\">\r\n    <section class=\"cccw-methods-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-methods-bg-effects\">\r\n            <div class=\"cccw-methods-crystal-grid\">\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 18%; --y: 26%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 38%; --y: 42%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 58%; --y: 20%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 78%; --y: 48%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 94%; --y: 30%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-methods-particles\">\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 28%; --y: 38%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 74%; --y: 54%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 54%; --y: 74%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-methods-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-methods-header\">\r\n                <div class=\"cccw-methods-badge\">\r\n                    <div class=\"cccw-methods-badge-dot\"><\/div>\r\n                    <span class=\"cccw-methods-badge-text\">M\u00dcQAY\u0130S\u018f<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-methods-main-title\">\r\n                    M\u00fcqayis\u0259 edir <span class=\"cccw-methods-title-highlight\">Kristallik Kapsilyar Suva \u0130zolyasiya \u018flav\u0259si<\/span> Dig\u0259r Metodlarla\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-methods-intro-text\">\r\n                    Bir \u00e7ox insanlar kristallik kapillyar su ke\u00e7irm\u0259zliyi \u0259lav\u0259sinin dig\u0259r su ke\u00e7irm\u0259zlik metodlar\u0131 il\u0259 nec\u0259 m\u00fcqayis\u0259 olundu\u011funu maraqla g\u00f6zl\u0259yirl\u0259r. \u018fslind\u0259, bu, \u0259n\u0259n\u0259vi yana\u015fmalara nisb\u0259t\u0259n bir ne\u00e7\u0259 \u00fcst\u00fcnl\u00fck t\u0259klif edir.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Comparison Table -->\r\n            <div class=\"cccw-methods-table-wrapper\">\r\n                <div class=\"cccw-methods-table\">\r\n                    <!-- Table Header -->\r\n                    <div class=\"cccw-methods-table-header\">\r\n                        <div class=\"cccw-methods-header-cell cccw-col-method\">Metod<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-durability\">Dayan\u0131ql\u0131q<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-healing\">\u00d6z-\u00d6z\u00fcn\u00fc B\u0259rpa ed\u0259n<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-cost\">Zamanla X\u0259rcl\u0259r<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Table Body -->\r\n                    <div class=\"cccw-methods-table-body\">\r\n                        <!-- Row 1: Crystalline (Highlighted) -->\r\n                        <div class=\"cccw-methods-table-row cccw-row-featured\" style=\"--row-delay: 0.2s;\">\r\n                            <div class=\"cccw-methods-row-badge\">\r\n                                <span class=\"cccw-badge-star\">\u2605<\/span>\r\n                                <span class=\"cccw-badge-label\">\u018fn Yax\u015f\u0131 Se\u00e7im<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon cccw-icon-featured\">01<\/div>\r\n                                    <span class=\"cccw-method-text\">Kristallik Kapsilyar Suva \u0130zolyasiya \u018flav\u0259si<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-excellent\">\r\n                                    <span class=\"cccw-value-text\">\u00d6m\u00fcrl\u00fck<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-yes\">\r\n                                    <span class=\"cccw-value-icon\">\u2713<\/span>\r\n                                    <span class=\"cccw-value-text\">B\u0259li<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-low\">\r\n                                    <span class=\"cccw-value-text\">A\u015fa\u011f\u0131<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 2: Waterproof Membranes -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.3s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">02<\/div>\r\n                                    <span class=\"cccw-method-text\">Suya Dayan\u0131ql\u0131 Membranlar<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-medium\">\r\n                                    <span class=\"cccw-value-text\">10-20 il<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-high\">\r\n                                    <span class=\"cccw-value-text\">Y\u00fcks\u0259k<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 3: Coatings -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.4s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">03<\/div>\r\n                                    <span class=\"cccw-method-text\">M\u00f6h\u00fcrl\u0259yicil\u0259r<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-poor\">\r\n                                    <span class=\"cccw-value-text\">5-10 il<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-veryhigh\">\r\n                                    <span class=\"cccw-value-text\">\u00c7ox Y\u00fcks\u0259k<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 4: Sealers -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.5s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">04<\/div>\r\n                                    <span class=\"cccw-method-text\">M\u00f6h\u00fcrl\u0259yicil\u0259r<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-verypoor\">\r\n                                    <span class=\"cccw-value-text\">2-5 il<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-veryhigh\">\r\n                                    <span class=\"cccw-value-text\">\u00c7ox Y\u00fcks\u0259k<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Advantages -->\r\n            <div class=\"cccw-advantages-section\">\r\n                <h3 class=\"cccw-advantages-title\">Niy\u0259 CCCW-Super AD F\u0259rql\u0259nir:<\/h3>\r\n                <div class=\"cccw-advantages-grid\">\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.2s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">\u221e<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">\u00d6m\u00fcr Boyu Qoruma<\/h4>\r\n                            <p class=\"cccw-advantage-text\">M\u00fcv\u0259qq\u0259ti h\u0259ll\u0259rd\u0259n f\u0259rqli olaraq, kristal texnologiya betondan uzun\u00f6m\u00fcrl\u00fcd\u00fcr<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.3s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">\u2713<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">\u00d6z-\u00f6z\u00fcn\u00fc B\u0259rpa Etm\u0259 Qabiliyy\u0259ti<\/h4>\r\n                            <p class=\"cccw-advantage-text\">\u0130\u00e7\u0259rid\u0259ki \u00e7atlar\u0131 0.5mm-\u0259 q\u0259d\u0259r avtomatik olaraq t\u0259mir edir, bahal\u0131 bax\u0131m\u0131 aradan qald\u0131r\u0131r<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.4s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">$<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">A\u015fa\u011f\u0131 Uzunm\u00fcdd\u0259tli X\u0259rcl\u0259r<\/h4>\r\n                            <p class=\"cccw-advantage-text\">\u018fv\u0259zl\u0259m\u0259 v\u0259 ya yenid\u0259n t\u0259tbiq t\u0259l\u0259b olunmur, onillikl\u0259r \u0259rzind\u0259 pul q\u0259na\u0259t edir<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-comparison-methods {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-comparison-methods *,\r\n    .cccw-comparison-methods *::before,\r\n    .cccw-comparison-methods *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-methods-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-methods-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-methods-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-methods-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: methods-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   methods-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-methods-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: methods-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes methods-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes methods-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes methods-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-methods-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-methods-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: methods-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes methods-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-methods-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-methods-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: methods-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes methods-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-methods-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-methods-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: methods-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes methods-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-methods-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-methods-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-methods-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-methods-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .cccw-methods-table-wrapper {\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: methods-table-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes methods-table-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-methods-table {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n    }\r\n\r\n    \/* Table Header *\/\r\n    .cccw-methods-table-header {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        gap: 1.25rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-methods-header-cell {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    \/* Table Body *\/\r\n    .cccw-methods-table-body {\r\n        padding: 0.5rem;\r\n    }\r\n\r\n    .cccw-methods-table-row {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        gap: 1.25rem;\r\n        padding: 1rem 1.25rem;\r\n        margin-bottom: 0.5rem;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: 1px solid rgba(14, 165, 233, 0.1);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: methods-row-appear 0.6s ease-out var(--row-delay) forwards;\r\n    }\r\n\r\n    @keyframes methods-row-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-methods-table-row:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-color: rgba(14, 165, 233, 0.3);\r\n        transform: translateX(5px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    \/* Featured Row (Crystalline) *\/\r\n    .cccw-row-featured {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        padding-top: 2.5rem;\r\n    }\r\n\r\n    .cccw-row-featured:hover {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(6, 182, 212, 0.15));\r\n        border-color: rgba(14, 165, 233, 0.5);\r\n    }\r\n\r\n    .cccw-methods-row-badge {\r\n        position: absolute;\r\n        top: 0.75rem;\r\n        right: 1.25rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.375rem;\r\n        padding: 0.25rem 0.75rem;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 8px;\r\n        box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-badge-star {\r\n        font-size: 14px;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-badge-label {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .cccw-methods-cell {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Method Name *\/\r\n    .cccw-method-name {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-method-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-icon-featured {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border: none;\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-method-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Value Badges *\/\r\n    .cccw-value-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.375rem;\r\n        padding: 0.375rem 0.875rem;\r\n        border-radius: 8px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-badge-excellent {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-medium {\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        color: #f59e0b;\r\n        border: 1px solid rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-badge-poor {\r\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));\r\n        color: #f97316;\r\n        border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .cccw-badge-verypoor {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-badge-yes {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-no {\r\n        background: linear-gradient(135deg, rgba(100, 116, 139, 0.1), rgba(71, 85, 105, 0.05));\r\n        color: #64748b;\r\n        border: 1px solid rgba(100, 116, 139, 0.3);\r\n    }\r\n\r\n    .cccw-badge-low {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-high {\r\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));\r\n        color: #f97316;\r\n        border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .cccw-badge-veryhigh {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-value-icon {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cccw-value-text {\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Advantages Section *\/\r\n    .cccw-advantages-section {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: methods-advantages-appear 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes methods-advantages-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-advantages-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        margin: 0 0 1.5rem 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .cccw-advantages-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-advantage-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: methods-adv-appear 0.6s ease-out var(--adv-delay) forwards;\r\n    }\r\n\r\n    @keyframes methods-adv-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-advantage-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-adv-number {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-advantage-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-advantage-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-advantage-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-methods-table-header,\r\n        .cccw-methods-table-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-methods-header-cell {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-methods-cell {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .cccw-methods-cell::before {\r\n            content: attr(data-label);\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .cccw-advantages-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-methods-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-methods-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-methods-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-methods-table-header,\r\n        .cccw-methods-table-row {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-methods-table-body {\r\n            padding: 0.25rem;\r\n        }\r\n\r\n        .cccw-advantages-section {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-advantages-title {\r\n            font-size: 22px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-methods-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-methods-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-methods-table-row {\r\n            padding: 0.875rem;\r\n        }\r\n\r\n        .cccw-row-featured {\r\n            padding-top: 2rem;\r\n        }\r\n\r\n        .cccw-methods-row-badge {\r\n            top: 0.5rem;\r\n            right: 0.875rem;\r\n            padding: 0.25rem 0.625rem;\r\n        }\r\n\r\n        .cccw-badge-label {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .cccw-advantages-section {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-advantage-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-advantage-icon {\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n<\/style>\r\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-833b9fc e-con-full e-flex e-con e-parent\" data-id=\"833b9fc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67135f1 elementor-widget elementor-widget-html\" data-id=\"67135f1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-faq\">\r\n    <section class=\"cccw-faq-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-faq-bg-effects\">\r\n            <div class=\"cccw-faq-crystal-grid\">\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 20%; --y: 28%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 40%; --y: 44%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 60%; --y: 22%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 80%; --y: 50%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 96%; --y: 32%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-faq-particles\">\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 30%; --y: 40%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 76%; --y: 56%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 56%; --y: 76%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-faq-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-faq-header\">\r\n                <div class=\"cccw-faq-badge\">\r\n                    <div class=\"cccw-faq-badge-dot\"><\/div>\r\n                    <span class=\"cccw-faq-badge-text\">Tezlikl\u0259 Soru\u015fulan Suallar<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-faq-main-title\">\r\n                    \u018fsas Suallar <span class=\"cccw-faq-title-highlight\">Kristallik Kapsilyar Suva \u0130zolyasiya \u018flav\u0259si<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- FAQ Accordion -->\r\n            <div class=\"cccw-faq-accordion\">\r\n                <!-- Question 1 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.2s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-1\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-1\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">01<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">Kristal kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259si n\u0259 q\u0259d\u0259r m\u00fcdd\u0259t\u0259 i\u015fl\u0259yir?<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">Kristal kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259si betonla qar\u0131\u015fd\u0131r\u0131ld\u0131qda d\u0259rhal i\u015fl\u0259m\u0259y\u0259 ba\u015flay\u0131r. Lakin, zaman ke\u00e7dikc\u0259 kristallar b\u00f6y\u00fcy\u00fcb g\u00fccl\u0259ndikc\u0259 daha effektiv olur.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Question 2 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.3s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-2\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-2\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">02<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">Kristal kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259sini soyuq havada istifad\u0259 ed\u0259 bil\u0259r\u0259mmi?<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">B\u0259li, amma normal soyuq hava \u015f\u0259raitind\u0259 beton t\u00f6km\u0259 t\u0259cr\u00fcb\u0259l\u0259rin\u0259 \u0259m\u0259l edin. \u018flav\u0259 olaraq, betonun kifay\u0259t q\u0259d\u0259r g\u00fcc qazanana q\u0259d\u0259r donm\u0259sind\u0259n qoruyun.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Question 3 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.4s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-3\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-3\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">03<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">Kristallik kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259si betonun r\u0259ngini d\u0259yi\u015f\u0259c\u0259kmi?<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">\u018flav\u0259 a\u011f r\u0259ngd\u0259dir v\u0259 ad\u0259t\u0259n betonun g\u00f6r\u00fcn\u00fc\u015f\u00fcn\u00fc \u0259h\u0259miyy\u0259tli d\u0259r\u0259c\u0259d\u0259 d\u0259yi\u015fmir. Lakin, daha t\u00fcnd beton qar\u0131\u015f\u0131mlar\u0131n\u0131 azca a\u00e7\u0131q r\u0259ng\u0259 \u00e7evir\u0259 bil\u0259r.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-faq {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-faq *,\r\n    .cccw-faq *::before,\r\n    .cccw-faq *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-faq-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-faq-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-faq-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-faq-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: faq-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   faq-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-faq-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: faq-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes faq-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes faq-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes faq-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-faq-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-faq-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: faq-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes faq-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-faq-container {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-faq-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: faq-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes faq-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-faq-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-faq-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: faq-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes faq-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-faq-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-faq-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-faq-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    .cccw-faq-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-faq-item {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: faq-item-appear 0.6s ease-out var(--faq-delay) forwards;\r\n    }\r\n\r\n    @keyframes faq-item-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-faq-item:hover {\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-faq-toggle {\r\n        display: none;\r\n    }\r\n\r\n    .cccw-faq-question {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 1.5rem;\r\n        cursor: pointer;\r\n        user-select: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-faq-question:hover {\r\n        background: rgba(14, 165, 233, 0.05);\r\n    }\r\n\r\n    .cccw-question-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-question-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-question-text {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-question-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-question-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cccw-question-toggle-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-toggle-plus,\r\n    .cccw-toggle-minus {\r\n        position: absolute;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-toggle-minus {\r\n        opacity: 0;\r\n        transform: rotate(-90deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-toggle-plus {\r\n        opacity: 0;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-toggle-minus {\r\n        opacity: 1;\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-question-toggle-icon {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-question-toggle-icon .cccw-toggle-minus {\r\n        color: white;\r\n    }\r\n\r\n    .cccw-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease, padding 0.4s ease;\r\n    }\r\n\r\n    .cccw-faq-toggle:checked ~ .cccw-faq-answer {\r\n        max-height: 500px;\r\n        padding: 0 1.5rem 1.5rem 1.5rem;\r\n    }\r\n\r\n    .cccw-answer-content {\r\n        display: flex;\r\n        gap: 0.75rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-radius: 12px;\r\n        border-left: 4px solid #0ea5e9;\r\n    }\r\n\r\n    .cccw-answer-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-answer-text {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .cccw-faq-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-faq-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-faq-question {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-question-content {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-question-number {\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-question-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-faq-toggle:checked ~ .cccw-faq-answer {\r\n            padding: 0 1.25rem 1.25rem 1.25rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-faq-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-faq-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-faq-question {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-question-text {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .cccw-question-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-answer-content {\r\n            flex-direction: column;\r\n            padding: 1rem;\r\n        }\r\n    }\r\n<\/style>\r\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-0649042 e-con-full e-flex e-con e-parent\" data-id=\"0649042\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0ae42 elementor-widget elementor-widget-html\" data-id=\"3c0ae42\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-cta-final\">\r\n    <section class=\"cccw-cta-final-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-cta-bg-effects\">\r\n            <div class=\"cccw-cta-crystal-grid\">\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 10%; --y: 15%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 25%; --y: 35%; --delay: 0.5s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 45%; --y: 20%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 65%; --y: 40%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 80%; --y: 25%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 90%; --y: 45%; --delay: 2.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Animated waves -->\r\n            <div class=\"cccw-cta-waves\">\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-cta-particles\">\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 15%; --y: 25%; --size: 8px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 35%; --y: 45%; --size: 10px; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 55%; --y: 30%; --size: 12px; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 75%; --y: 50%; --size: 9px; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 85%; --y: 35%; --size: 11px; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-cta-container\">\r\n            <!-- Main CTA Card -->\r\n            <div class=\"cccw-cta-main-card\">\r\n                <!-- Header -->\r\n                <div class=\"cccw-cta-header\">\r\n                    <div class=\"cccw-cta-badge\">\r\n                        <div class=\"cccw-cta-badge-dot\"><\/div>\r\n                        <span class=\"cccw-cta-badge-text\">Ba\u015flay\u0131n<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"cccw-cta-main-title\">\r\n                        Ba\u015flay\u0131n il\u0259 <span class=\"cccw-cta-title-highlight\">CCCW-Super AD<\/span> Bu g\u00fcn\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"cccw-cta-intro-text\">\r\n                        Kristallik kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259si beton layih\u0259l\u0259riniz \u00fc\u00e7\u00fcn \u0259n yax\u015f\u0131 qoruma t\u0259min edir. \u00dcst\u0259lik, CCCW-Super AD s\u00fcbut olunmu\u015f performans v\u0259 etibarl\u0131l\u0131q t\u0259qdim edir. \u018flav\u0259 olaraq, d\u00fczg\u00fcn suya davaml\u0131l\u0131q h\u0259llini indi se\u00e7m\u0259k, sonradan pul v\u0259 probleml\u0259rd\u0259n qurtulma\u011fa k\u00f6m\u0259k edir.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Key Benefits Grid -->\r\n                <div class=\"cccw-cta-benefits\">\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.2s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">\u00d6m\u00fcr Boyu Qoruma<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.3s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">\u00d6z-\u00f6z\u00fcn\u00fc B\u0259rpa Ed\u0259n Texnologiya<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.4s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">M\u0259bl\u0259\u011finiz \u00fc\u00e7\u00fcn t\u0259klif al\u0131n<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.5s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">Asan T\u0259tbiq<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Warning Box -->\r\n                <div class=\"cccw-cta-warning\">\r\n                    <div class=\"cccw-warning-icon\">\u26a0<\/div>\r\n                    <div class=\"cccw-warning-content\">\r\n                        <h4 class=\"cccw-warning-title\">Betonunuza su z\u0259r\u0259rind\u0259n qorunmaq \u00fc\u00e7\u00fcn g\u00f6zl\u0259m\u0259yin<\/h4>\r\n                        <p class=\"cccw-warning-text\">\u018fv\u0259zind\u0259, kristallik texnologiyan\u0131n g\u00fcc\u00fc il\u0259 s\u0259rmay\u0259nizi qoruyun. \u018flav\u0259 olaraq, LANDU NOVASTAR il\u0259 \u0259laq\u0259 saxlayaraq, kristallik kapillyar suya davaml\u0131l\u0131q \u0259lav\u0259sinin n\u00f6vb\u0259ti layih\u0259niz\u0259 nec\u0259 fayda ver\u0259 bil\u0259c\u0259yini \u00f6yr\u0259nin.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CTA Button Section -->\r\n                <div class=\"cccw-cta-action\">\r\n                    <div class=\"cccw-action-content\">\r\n                        <h3 class=\"cccw-action-title\">Bug\u00fcn CCCW-Super AD \u00fc\u00e7\u00fcn qiym\u0259t t\u0259klifinizi al\u0131n!<\/h3>\r\n                        <p class=\"cccw-action-subtitle\">D\u00fcnyada minl\u0259rl\u0259 m\u0259mnun m\u00fc\u015ft\u0259riy\u0259 qo\u015fulun<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-action-buttons\">\r\n                        <a href=\"https:\/\/landu-china.com\/az\/biziml%c9%99-%c9%99laq%c9%99-saxlayin\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cccw-action-button cccw-button-primary\">\r\n                            <span class=\"cccw-button-icon\">\ud83d\udcac<\/span>\r\n                            <span class=\"cccw-button-text\">Biziml\u0259 \u018flaq\u0259<\/span>\r\n                            <span class=\"cccw-button-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Trust Indicators -->\r\n            <div class=\"cccw-trust-section\">\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.2s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">15+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">\u0130llik T\u0259cr\u00fcb\u0259<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.3s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">50+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">Xidm\u0259t g\u00f6st\u0259ril\u0259n \u00d6lk\u0259l\u0259r<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.4s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">1000+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">U\u011furlu Layih\u0259l\u0259r<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.5s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">24\/7<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">Texniki D\u0259st\u0259k<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-cta-final {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-cta-final *,\r\n    .cccw-cta-final *::before,\r\n    .cccw-cta-final *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-cta-final-section {\r\n        background: linear-gradient(135deg, #0c4a6e 0%, #075985 25%, #0369a1 50%, #0284c7 75%, #0ea5e9 100%);\r\n        padding: 2.5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-cta-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cta-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cta-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 8px;\r\n        height: 8px;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cta-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cta-crystal-twinkle 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-cta-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 32px;\r\n        height: 32px;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cta-crystal-pulse 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-crystal-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes cta-crystal-twinkle {\r\n        0%, 100% { opacity: 0.4; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes cta-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.8); opacity: 0.3; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.4); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Animated Waves *\/\r\n    .cccw-cta-waves {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-cta-wave {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: -100%;\r\n        width: 200%;\r\n        height: 100%;\r\n        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n        animation: cta-wave-move 20s linear var(--wave-delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-wave-move {\r\n        0% { transform: translateX(0) translateY(0); }\r\n        100% { transform: translateX(50%) translateY(-20px); }\r\n    }\r\n\r\n    .cccw-cta-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cta-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cta-particle-float 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.8; transform: translateY(-20px) scale(1.3); }\r\n        75% { opacity: 0.8; transform: translateY(20px) scale(0.8); }\r\n    }\r\n\r\n    .cccw-cta-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Main CTA Card *\/\r\n    .cccw-cta-main-card {\r\n        background: rgba(255, 255, 255, 0.98);\r\n        border-radius: 24px;\r\n        padding: 2rem;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n        backdrop-filter: blur(20px);\r\n        margin-bottom: 1.25rem;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: cta-card-appear 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    @keyframes cta-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Header *\/\r\n    .cccw-cta-header {\r\n        text-align: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-cta-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.625rem;\r\n    }\r\n\r\n    .cccw-cta-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cta-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cta-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-cta-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-cta-main-title {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.625rem;\r\n    }\r\n\r\n    .cccw-cta-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-cta-intro-text {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-cta-benefits {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 0.875rem;\r\n        margin-bottom: 1.25rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .cccw-cta-benefit-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        opacity: 0;\r\n        animation: cta-benefit-appear 0.6s ease-out var(--benefit-delay) forwards;\r\n    }\r\n\r\n    @keyframes cta-benefit-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-benefit-icon-wrapper {\r\n        width: 50px;\r\n        height: 50px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-benefit-icon-circle {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 3px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        animation: cta-icon-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes cta-icon-pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.4); opacity: 0; }\r\n    }\r\n\r\n    .cccw-benefit-icon-text {\r\n        position: relative;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cccw-benefit-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Warning Box *\/\r\n    .cccw-cta-warning {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        border: 2px solid rgba(251, 191, 36, 0.3);\r\n        border-left: 6px solid #fbbf24;\r\n        border-radius: 16px;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-warning-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 28px;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-warning-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-warning-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-warning-text {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* CTA Action *\/\r\n    .cccw-cta-action {\r\n        text-align: center;\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-radius: 20px;\r\n        border: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-action-content {\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-action-title {\r\n        font-size: 26px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .cccw-action-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-action-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-action-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 1.125rem 2.5rem;\r\n        border-radius: 14px;\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-button-primary {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 8px 25px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-button-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(14, 165, 233, 0.5);\r\n    }\r\n\r\n    .cccw-button-icon {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cccw-button-arrow {\r\n        font-size: 24px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .cccw-action-button:hover .cccw-button-arrow {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Trust Section *\/\r\n    .cccw-trust-section {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-trust-item {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 16px;\r\n        padding: 1rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cta-trust-appear 0.6s ease-out var(--trust-delay) forwards;\r\n    }\r\n\r\n    @keyframes cta-trust-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-trust-icon {\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .cccw-trust-number {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-trust-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-cta-benefits {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .cccw-trust-section {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-cta-final-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-cta-main-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-cta-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-cta-intro-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-cta-benefits {\r\n            grid-template-columns: 1fr;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-cta-warning {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-warning-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cccw-action-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .cccw-action-button {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cccw-trust-section {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-cta-final-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-cta-main-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cta-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .cccw-cta-action {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-action-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .cccw-action-button {\r\n            padding: 1rem 2rem;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-warning-title {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>KR\u0130STALL\u0130 SUYA DAVAMLI\u011eI TEXNOLOG\u0130YASI NOVASTAR CCCW-Super AD Krystallik Kapillyar Suya Dayan\u0131ql\u0131 \u018flav\u0259 Betonunuza, \u00d6z-\u00d6z\u00fcn\u00fc Qoruyan. Daxild\u0259n daimi qoruma t\u0259min ed\u0259n inki\u015faf etmi\u015f krystallik texnologiya il\u0259 suya davaml\u0131 beton qurun. NOVASTAR CCCW-Super AD aktiv \u015f\u0259kild\u0259 \u00e7atlaq v\u0259 s\u0259rt \u015f\u0259rait\u0259 qar\u015f\u0131 dayanan ke\u00e7ilm\u0259z mane\u0259 yarad\u0131r. \u00d6z-\u00f6z\u00fcn\u00fc b\u0259rpa ed\u0259n \u00e7atlaq 0.5 mm-d\u0259n ki\u00e7ikdir Daimi 1 kq\/m\u00b3 dozada Dayan\u0131ql\u0131 20 bar-\u0259 q\u0259d\u0259r [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":695,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/pages\/23645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/comments?post=23645"}],"version-history":[{"count":17,"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/pages\/23645\/revisions"}],"predecessor-version":[{"id":23670,"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/pages\/23645\/revisions\/23670"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/az\/wp-json\/wp\/v2\/media?parent=23645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}