{"id":1590,"date":"2025-07-20T03:17:36","date_gmt":"2025-07-20T03:17:36","guid":{"rendered":"https:\/\/betelrehab.com\/?page_id=1590"},"modified":"2025-07-20T11:33:21","modified_gmt":"2025-07-20T11:33:21","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/betelrehab.com\/?page_id=1590","title":{"rendered":"\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1590\" class=\"elementor elementor-1590\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf06363 e-con-full wd-section-stretch-content e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bf06363\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72619a4 elementor-widget elementor-widget-html\" data-id=\"72619a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 - \u0645\u062a\u062c\u0631 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Cairo', 'Arial', sans-serif;\r\n            line-height: 1.6;\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f1f3f4 100%);\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .services-section {\r\n            padding: 80px 0;\r\n            position: relative;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            opacity: 0;\r\n            animation: fadeInUp 1s ease-out forwards;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            margin-bottom: 20px;\r\n            background: linear-gradient(135deg, #f37231, #ff9a56);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-shadow: 0 0 30px rgba(243, 114, 49, 0.3);\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #636e72;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            opacity: 0;\r\n            animation: fadeIn 1.5s ease-out 0.5s forwards;\r\n        }\r\n\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-template-rows: repeat(2, 1fr);\r\n            gap: 30px;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .service-card {\r\n            background: rgba(255, 255, 255, 0.9);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(243, 114, 49, 0.1);\r\n            border-radius: 20px;\r\n            padding: 30px 25px;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: slideUp 0.6s ease-out forwards;\r\n        }\r\n\r\n        .service-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .service-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .service-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .service-card:nth-child(4) { animation-delay: 0.4s; }\r\n        .service-card:nth-child(5) { animation-delay: 0.5s; }\r\n        .service-card:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(243, 114, 49, 0.1), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .service-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: #f37231;\r\n            box-shadow: 0 20px 40px rgba(243, 114, 49, 0.2);\r\n            background: rgba(255, 255, 255, 0.95);\r\n        }\r\n\r\n        .service-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 25px;\r\n            background: linear-gradient(135deg, #f37231, #ff9a56);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.2rem;\r\n            color: white;\r\n            position: relative;\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 10px 25px rgba(243, 114, 49, 0.3);\r\n        }\r\n\r\n        .service-card:hover .service-icon {\r\n            transform: scale(1.1) rotateY(180deg);\r\n            box-shadow: 0 15px 35px rgba(243, 114, 49, 0.4);\r\n        }\r\n\r\n        .service-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: #2d3436;\r\n            margin-bottom: 15px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-card:hover .service-title {\r\n            color: #f37231;\r\n        }\r\n\r\n        .service-description {\r\n            color: #000000;\r\n            font-size: 0.95rem;\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-card:hover .service-description {\r\n            color: #000000;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 900px) {\r\n            .services-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                grid-template-rows: repeat(3, 1fr);\r\n                gap: 25px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .services-section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n                grid-template-rows: repeat(6, 1fr);\r\n                gap: 20px;\r\n            }\r\n\r\n            .service-card {\r\n                padding: 25px 20px;\r\n            }\r\n\r\n            .service-icon {\r\n                width: 70px;\r\n                height: 70px;\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .section-subtitle {\r\n                font-size: 1.1rem;\r\n                padding: 0 15px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .container {\r\n                padding: 0 15px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"services-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629<\/h2>\r\n                <p class=\"section-subtitle\">\u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0639\u0627\u0644\u0645 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062e\u062f\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-tools\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-title\">\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n                    <p class=\"service-description\">\u0646\u0648\u0641\u0631 \u062c\u0645\u064a\u0639 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u0646 \u0623\u0633\u0645\u0646\u062a \u0648\u062d\u062f\u064a\u062f \u0648\u0637\u0648\u0628 \u0648\u062e\u0631\u0633\u0627\u0646\u0629 \u062c\u0627\u0647\u0632\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-seedling\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-title\">\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u062f\u0627\u0626\u0642<\/h3>\r\n                    <p class=\"service-description\">\u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u0629 \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062c\u0645\u064a\u0639 \u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0631\u064a \u0648\u0627\u0644\u0632\u0631\u0627\u0639\u0629<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-shower\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-title\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u0633\u0628\u0627\u0643\u0629<\/h3>\r\n                    <p class=\"service-description\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0633\u064a\u0631 \u0645\u0639 \u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-lightbulb\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-title\">\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0625\u0636\u0627\u0621\u0629<\/h3>\r\n                    <p class=\"service-description\">\u062d\u0644\u0648\u0644 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0643\u0627\u0628\u0644\u0627\u062a \u0648\u0642\u0648\u0627\u0637\u0639 \u0648\u0623\u0646\u0638\u0645\u0629 \u0625\u0636\u0627\u0621\u0629 \u0630\u0643\u064a\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0628 \u0627\u0644\u0622\u0645\u0646<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-paint-brush\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-title\">\u0627\u0644\u062f\u0647\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a<\/h3>\r\n                    <p class=\"service-description\">\u0623\u0641\u062e\u0631 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062f\u0647\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062c\u0628\u0633 \u0648\u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a \u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u0637\u064a\u0628 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-solar-panel\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"service-title\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629<\/h3>\r\n                    <p class=\"service-description\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u064a\u0629 \u0645\u0639 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0627\u0644\u0645\u0648\u0641\u0631\u0629 \u0644\u0644\u0637\u0627\u0642\u0629<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const cards = document.querySelectorAll('.service-card');\r\n            \r\n            cards.forEach(card => {\r\n                \/\/ \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f\r\n                card.addEventListener('mousemove', (e) => {\r\n                    const rect = card.getBoundingClientRect();\r\n                    const x = e.clientX - rect.left;\r\n                    const y = e.clientY - rect.top;\r\n                    \r\n                    const centerX = rect.width \/ 2;\r\n                    const centerY = rect.height \/ 2;\r\n                    \r\n                    const rotateX = (y - centerY) \/ 8;\r\n                    const rotateY = (centerX - x) \/ 8;\r\n                    \r\n                    card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px)`;\r\n                });\r\n\r\n                card.addEventListener('mouseleave', () => {\r\n                    card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateY(0)';\r\n                });\r\n\r\n                \/\/ \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0642\u0631\r\n                card.addEventListener('click', () => {\r\n                    card.style.transform = 'scale(0.95)';\r\n                    setTimeout(() => {\r\n                        card.style.transform = 'scale(1)';\r\n                    }, 150);\r\n                });\r\n            });\r\n\r\n            \/\/ \u062a\u0623\u062b\u064a\u0631 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n            const title = document.querySelector('.section-title');\r\n            title.addEventListener('mouseenter', () => {\r\n                title.style.transform = 'scale(1.05)';\r\n            });\r\n            \r\n            title.addEventListener('mouseleave', () => {\r\n                title.style.transform = 'scale(1)';\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-bc55b4e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bc55b4e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31ccda8 elementor-widget elementor-widget-html\" data-id=\"31ccda8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0632\u0631 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u0639\u064a\u0631\u0629 -->\r\n<div id=\"pricing-widget\" style=\"margin: 20px 0; text-align: center;\">\r\n    <button id=\"pricing-btn\" style=\"\r\n        background: #f37231 !important;\r\n        color: white !important;\r\n        border: none !important;\r\n        padding: 12px 30px !important;\r\n        font-size: 16px !important;\r\n        font-weight: 600 !important;\r\n        border-radius: 25px !important;\r\n        cursor: pointer !important;\r\n        transition: all 0.3s ease !important;\r\n        box-shadow: 0 3px 10px rgba(243, 114, 49, 0.3) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        display: inline-block !important;\r\n        text-decoration: none !important;\r\n        outline: none !important;\r\n    \" onmouseover=\"this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 20px rgba(243, 114, 49, 0.4)'\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 3px 10px rgba(243, 114, 49, 0.3)'\">\r\n        \ud83c\udff7\ufe0f \u0627\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631\u062a\u0643 \u0627\u0644\u0622\u0646\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- \u0627\u0644\u0641\u0648\u0631\u0645 \u0627\u0644\u0645\u0646\u0628\u062b\u0642 -->\r\n<div id=\"pricing-overlay\" style=\"\r\n    display: none;\r\n    position: fixed !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: rgba(0, 0, 0, 0.5) !important;\r\n    z-index: 99999 !important;\r\n    padding: 20px !important;\r\n    box-sizing: border-box !important;\r\n    overflow-y: auto !important;\r\n\">\r\n    <div id=\"pricing-modal\" style=\"\r\n        background: white !important;\r\n        border-radius: 15px !important;\r\n        padding: 30px !important;\r\n        max-width: 500px !important;\r\n        width: 100% !important;\r\n        margin: 50px auto !important;\r\n        position: relative !important;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;\r\n        transform: scale(0.8) !important;\r\n        opacity: 0 !important;\r\n        transition: all 0.3s ease !important;\r\n        box-sizing: border-box !important;\r\n    \">\r\n        <!-- \u0632\u0631 \u0627\u0644\u0625\u063a\u0644\u0627\u0642 -->\r\n        <button id=\"close-btn\" style=\"\r\n            position: absolute !important;\r\n            top: 15px !important;\r\n            right: 20px !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            font-size: 24px !important;\r\n            color: #999 !important;\r\n            cursor: pointer !important;\r\n            padding: 5px !important;\r\n            line-height: 1 !important;\r\n        \" onmouseover=\"this.style.color='#f37231'\" onmouseout=\"this.style.color='#999'\">&times;<\/button>\r\n        \r\n        <h3 style=\"\r\n            color: #333 !important;\r\n            margin-bottom: 25px !important;\r\n            text-align: center !important;\r\n            font-size: 22px !important;\r\n            font-weight: 700 !important;\r\n        \">\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631\u0629<\/h3>\r\n        \r\n        <form id=\"pricing-form\">\r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; color: #333; font-weight: 600;\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 *<\/label>\r\n                <input type=\"text\" name=\"username\" required style=\"\r\n                    width: 100% !important;\r\n                    padding: 12px !important;\r\n                    border: 2px solid #e1e8ed !important;\r\n                    border-radius: 8px !important;\r\n                    font-size: 14px !important;\r\n                    box-sizing: border-box !important;\r\n                    transition: border-color 0.3s ease !important;\r\n                \" onfocus=\"this.style.borderColor='#f37231'\" onblur=\"this.style.borderColor='#e1e8ed'\" placeholder=\"\u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628\">\r\n            <\/div>\r\n            \r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; color: #333; font-weight: 600;\">\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *<\/label>\r\n                <input type=\"email\" name=\"email\" required style=\"\r\n                    width: 100% !important;\r\n                    padding: 12px !important;\r\n                    border: 2px solid #e1e8ed !important;\r\n                    border-radius: 8px !important;\r\n                    font-size: 14px !important;\r\n                    box-sizing: border-box !important;\r\n                    transition: border-color 0.3s ease !important;\r\n                \" onfocus=\"this.style.borderColor='#f37231'\" onblur=\"this.style.borderColor='#e1e8ed'\">\r\n            <\/div>\r\n            \r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; color: #333; font-weight: 600;\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 *<\/label>\r\n                <input type=\"tel\" name=\"phone\" required style=\"\r\n                    width: 100% !important;\r\n                    padding: 12px !important;\r\n                    border: 2px solid #e1e8ed !important;\r\n                    border-radius: 8px !important;\r\n                    font-size: 14px !important;\r\n                    box-sizing: border-box !important;\r\n                    transition: border-color 0.3s ease !important;\r\n                \" onfocus=\"this.style.borderColor='#f37231'\" onblur=\"this.style.borderColor='#e1e8ed'\" placeholder=\"\u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628\">\r\n            <\/div>\r\n            \r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; color: #333; font-weight: 600;\">\u0639\u0646\u0648\u0627\u0646<\/label>\r\n                <input type=\"text\" name=\"address\" style=\"\r\n                    width: 100% !important;\r\n                    padding: 12px !important;\r\n                    border: 2px solid #e1e8ed !important;\r\n                    border-radius: 8px !important;\r\n                    font-size: 14px !important;\r\n                    box-sizing: border-box !important;\r\n                    transition: border-color 0.3s ease !important;\r\n                \" onfocus=\"this.style.borderColor='#f37231'\" onblur=\"this.style.borderColor='#e1e8ed'\" placeholder=\"\u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628\">\r\n            <\/div>\r\n            \r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; color: #333; font-weight: 600;\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/label>\r\n                <textarea name=\"notes\" rows=\"4\" style=\"\r\n                    width: 100% !important;\r\n                    padding: 12px !important;\r\n                    border: 2px solid #e1e8ed !important;\r\n                    border-radius: 8px !important;\r\n                    font-size: 14px !important;\r\n                    box-sizing: border-box !important;\r\n                    transition: border-color 0.3s ease !important;\r\n                    resize: vertical !important;\r\n                    font-family: inherit !important;\r\n                \" onfocus=\"this.style.borderColor='#f37231'\" onblur=\"this.style.borderColor='#e1e8ed'\" placeholder=\"\u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628\"><\/textarea>\r\n            <\/div>\r\n            \r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; color: #333; font-weight: 600;\">\u0627\u0631\u0641\u0639 \u0637\u0644\u0628\u064a\u062a\u0643<\/label>\r\n                <div style=\"position: relative; display: inline-block; width: 100%;\">\r\n                    <input type=\"file\" name=\"files\" multiple accept=\".pdf,.jpg,.jpeg,.png,.doc,.docx,.excel,.xlsx\" id=\"file-input\" style=\"\r\n                        position: absolute;\r\n                        left: -9999px;\r\n                        opacity: 0;\r\n                    \">\r\n                    <button type=\"button\" onclick=\"document.getElementById('file-input').click()\" style=\"\r\n                        background: #f37231 !important;\r\n                        color: white !important;\r\n                        border: none !important;\r\n                        padding: 12px 25px !important;\r\n                        font-size: 14px !important;\r\n                        font-weight: 600 !important;\r\n                        border-radius: 8px !important;\r\n                        cursor: pointer !important;\r\n                        width: 100% !important;\r\n                        transition: all 0.3s ease !important;\r\n                        text-align: center !important;\r\n                    \" onmouseover=\"this.style.background='#e55a1f'\" onmouseout=\"this.style.background='#f37231'\">\r\n                        CHOOSE FILES\r\n                    <\/button>\r\n                <\/div>\r\n                <div id=\"file-list\" style=\"margin-top: 10px; font-size: 12px; color: #666;\"><\/div>\r\n                <small style=\"color: #666; font-size: 12px; display: block; margin-top: 5px;\">\r\n                    \u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628<br>\r\n                    \u064a\u0631\u062c\u0649 \u0631\u0641\u0639 \u0645\u0644\u0641 \u0645\u0646 \u0645\u0644\u0641\u0627\u062a (.pdf \u0635\u0648\u0631\u0629 \/ .excel)\r\n                <\/small>\r\n            <\/div>\r\n            \r\n            <button type=\"submit\" style=\"\r\n                background: #f37231 !important;\r\n                color: white !important;\r\n                border: none !important;\r\n                padding: 15px 25px !important;\r\n                font-size: 16px !important;\r\n                font-weight: 600 !important;\r\n                border-radius: 8px !important;\r\n                cursor: pointer !important;\r\n                width: 100% !important;\r\n                transition: all 0.3s ease !important;\r\n            \" onmouseover=\"this.style.background='#e55a1f'\" onmouseout=\"this.style.background='#f37231'\">\r\n                \u0627\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631\u062a\u0643 \u0627\u0644\u0622\u0646\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    var pricingBtn = document.getElementById('pricing-btn');\r\n    var pricingOverlay = document.getElementById('pricing-overlay');\r\n    var pricingModal = document.getElementById('pricing-modal');\r\n    var closeBtn = document.getElementById('close-btn');\r\n    var pricingForm = document.getElementById('pricing-form');\r\n    var fileInput = document.getElementById('file-input');\r\n    var fileList = document.getElementById('file-list');\r\n    \r\n    \/\/ \u0641\u062a\u062d \u0627\u0644\u0641\u0648\u0631\u0645\r\n    pricingBtn.addEventListener('click', function() {\r\n        pricingOverlay.style.display = 'block';\r\n        setTimeout(function() {\r\n            pricingModal.style.transform = 'scale(1)';\r\n            pricingModal.style.opacity = '1';\r\n        }, 10);\r\n        document.body.style.overflow = 'hidden';\r\n    });\r\n    \r\n    \/\/ \u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0641\u0648\u0631\u0645\r\n    function closeForm() {\r\n        pricingModal.style.transform = 'scale(0.8)';\r\n        pricingModal.style.opacity = '0';\r\n        setTimeout(function() {\r\n            pricingOverlay.style.display = 'none';\r\n        }, 300);\r\n        document.body.style.overflow = 'auto';\r\n    }\r\n    \r\n    closeBtn.addEventListener('click', closeForm);\r\n    \r\n    \/\/ \u0625\u063a\u0644\u0627\u0642 \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\r\n    pricingOverlay.addEventListener('click', function(e) {\r\n        if (e.target === pricingOverlay) {\r\n            closeForm();\r\n        }\r\n    });\r\n    \r\n    \/\/ \u0625\u063a\u0644\u0627\u0642 \u0628\u0627\u0644\u0640 ESC key\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape' && pricingOverlay.style.display === 'block') {\r\n            closeForm();\r\n        }\r\n    });\r\n    \r\n    \/\/ \u0645\u0639\u0627\u0644\u062c\u0629 \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\r\n    fileInput.addEventListener('change', function() {\r\n        var files = this.files;\r\n        if (files.length > 0) {\r\n            var fileNames = Array.from(files).map(function(file) {\r\n                return file.name;\r\n            });\r\n            fileList.innerHTML = '\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629: ' + fileNames.join(', ');\r\n        } else {\r\n            fileList.innerHTML = '';\r\n        }\r\n    });\r\n    \r\n    \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0641\u0648\u0631\u0645\r\n    pricingForm.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        \r\n        var formData = new FormData(pricingForm);\r\n        var data = {};\r\n        \r\n        \/\/ \u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0646\u0635\u064a\u0629\r\n        for (var pair of formData.entries()) {\r\n            if (pair[0] !== 'files') {\r\n                data[pair[0]] = pair[1];\r\n            }\r\n        }\r\n        \r\n        \/\/ \u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0644\u0641\u0627\u062a\r\n        var files = fileInput.files;\r\n        if (files.length > 0) {\r\n            data.files = Array.from(files).map(function(file) {\r\n                return file.name;\r\n            });\r\n        }\r\n        \r\n        \/\/ \u0647\u0646\u0627 \u064a\u0645\u0643\u0646\u0643 \u0625\u0636\u0627\u0641\u0629 \u0643\u0648\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0644\u0640 WordPress\r\n        console.log('Form Data:', data);\r\n        alert('\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d! \u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u0627\u064b.');\r\n        \r\n        pricingForm.reset();\r\n        fileList.innerHTML = '';\r\n        closeForm();\r\n    });\r\n    \r\n    \/\/ Responsive adjustments\r\n    function adjustModal() {\r\n        var modal = document.getElementById('pricing-modal');\r\n        if (window.innerWidth <= 768) {\r\n            modal.style.margin = '20px auto';\r\n            modal.style.padding = '20px';\r\n        } else {\r\n            modal.style.margin = '50px auto';\r\n            modal.style.padding = '30px';\r\n        }\r\n    }\r\n    \r\n    window.addEventListener('resize', adjustModal);\r\n    adjustModal(); \/\/ \u062a\u0634\u063a\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n@media (max-width: 768px) {\r\n    #pricing-btn {\r\n        font-size: 14px !important;\r\n        padding: 10px 25px !important;\r\n    }\r\n    \r\n    #pricing-modal {\r\n        margin: 20px auto !important;\r\n        padding: 20px !important;\r\n        max-width: 90% !important;\r\n    }\r\n    \r\n    #pricing-modal h3 {\r\n        font-size: 18px !important;\r\n    }\r\n    \r\n    #pricing-modal input,\r\n    #pricing-modal select,\r\n    #pricing-modal textarea {\r\n        font-size: 16px !important; \/* \u0645\u0646\u0639 \u0627\u0644\u0632\u0648\u0645 \u0641\u064a iOS *\/\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    #pricing-btn {\r\n        font-size: 13px !important;\r\n        padding: 8px 20px !important;\r\n    }\r\n    \r\n    #pricing-modal {\r\n        margin: 10px auto !important;\r\n        padding: 15px !important;\r\n        max-width: 95% !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 &#8211; \u0645\u062a\u062c\u0631 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629 \u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0641\u0636\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0639\u0627\u0644\u0645 \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062e\u062f\u0645\u0629<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1590","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages\/1590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/betelrehab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1590"}],"version-history":[{"count":44,"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages\/1590\/revisions"}],"predecessor-version":[{"id":1697,"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages\/1590\/revisions\/1697"}],"wp:attachment":[{"href":"https:\/\/betelrehab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}