{"id":1487,"date":"2025-07-19T11:55:15","date_gmt":"2025-07-19T11:55:15","guid":{"rendered":"https:\/\/betelrehab.com\/?page_id=1487"},"modified":"2025-07-20T11:46:25","modified_gmt":"2025-07-20T11:46:25","slug":"%d8%a7%d8%b7%d9%84%d8%a8-%d8%aa%d8%b3%d8%b9%d9%8a%d8%b1%d8%aa%d9%83","status":"publish","type":"page","link":"https:\/\/betelrehab.com\/?page_id=1487","title":{"rendered":"\u0627\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631\u062a\u0643"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n body {\r\n font-family: 'Arial', 'Tahoma', sans-serif;\r\n background-color: #f8f9fa;\r\n direction: rtl;\r\n padding: 20px 10px;\r\n }\r\n \r\n .services-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n \r\n .services-grid {\r\n display: flex;\r\n justify-content: center;\r\n gap: 25px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .service-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 30px 20px;\r\n text-align: center;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s ease;\r\n width: 220px;\r\n height: 180px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #216780, #2d7a96);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .service-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(33, 103, 128, 0.2);\r\n }\r\n \r\n .service-icon {\r\n width: 65px;\r\n height: 65px;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(33, 103, 128, 0.1);\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .service-card:hover .service-icon {\r\n background: rgba(33, 103, 128, 0.15);\r\n transform: scale(1.1);\r\n }\r\n \r\n .service-icon svg {\r\n width: 45px;\r\n height: 45px;\r\n fill: #216780;\r\n stroke: #216780;\r\n }\r\n \r\n .service-title {\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #216780;\r\n margin-bottom: 8px;\r\n line-height: 1.3;\r\n }\r\n \r\n .service-subtitle {\r\n font-size: 14px;\r\n color: #216780;\r\n font-weight: 600;\r\n opacity: 0.8;\r\n }\r\n \r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 *\/\r\n @media (min-width: 1200px) {\r\n .service-card {\r\n width: 240px;\r\n height: 200px;\r\n padding: 35px 25px;\r\n }\r\n \r\n .service-title {\r\n font-size: 20px;\r\n }\r\n \r\n .service-subtitle {\r\n font-size: 16px;\r\n }\r\n }\r\n \r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0644\u0644\u062a\u0627\u0628\u0644\u062a *\/\r\n @media (max-width: 1024px) {\r\n .services-grid {\r\n gap: 20px;\r\n }\r\n \r\n .service-card {\r\n width: 200px;\r\n height: 170px;\r\n padding: 25px 18px;\r\n }\r\n \r\n .service-icon {\r\n width: 60px;\r\n height: 60px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .service-icon svg {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n \r\n .service-title {\r\n font-size: 17px;\r\n }\r\n \r\n .service-subtitle {\r\n font-size: 13px;\r\n }\r\n }\r\n \r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n @media (max-width: 768px) {\r\n .services-grid {\r\n gap: 15px;\r\n }\r\n \r\n .service-card {\r\n width: 180px;\r\n height: 160px;\r\n padding: 20px 15px;\r\n }\r\n \r\n .service-icon {\r\n width: 55px;\r\n height: 55px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .service-icon svg {\r\n width: 38px;\r\n height: 38px;\r\n }\r\n \r\n .service-title {\r\n font-size: 16px;\r\n }\r\n \r\n .service-subtitle {\r\n font-size: 12px;\r\n }\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .service-card {\r\n width: 160px;\r\n height: 150px;\r\n padding: 18px 12px;\r\n }\r\n \r\n .service-icon {\r\n width: 50px;\r\n height: 50px;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .service-icon svg {\r\n width: 35px;\r\n height: 35px;\r\n }\r\n \r\n .service-title {\r\n font-size: 15px;\r\n }\r\n \r\n .service-subtitle {\r\n font-size: 11px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n body {\r\n padding: 15px 5px;\r\n }\r\n \r\n .services-grid {\r\n gap: 12px;\r\n }\r\n \r\n .service-card {\r\n width: 145px;\r\n height: 140px;\r\n padding: 15px 10px;\r\n }\r\n \r\n .service-icon {\r\n width: 45px;\r\n height: 45px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .service-icon svg {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n \r\n .service-title {\r\n font-size: 14px;\r\n }\r\n \r\n .service-subtitle {\r\n font-size: 10px;\r\n }\r\n }\r\n \r\n \/* \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b *\/\r\n @media (max-width: 360px) {\r\n .service-card {\r\n width: 130px;\r\n height: 130px;\r\n padding: 12px 8px;\r\n }\r\n \r\n .service-title {\r\n font-size: 13px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"services-container\">\r\n <div class=\"services-grid\">\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062f\u0641\u0639 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n <path d=\"M8 16h48c2.2 0 4 1.8 4 4v24c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V20c0-2.2 1.8-4 4-4z\" fill=\"#216780\"\/>\r\n <rect x=\"8\" y=\"24\" width=\"48\" height=\"4\" fill=\"white\"\/>\r\n <path d=\"M44 36L52 44L44 52\" stroke=\"#216780\" stroke-width=\"2\" fill=\"none\"\/>\r\n <circle cx=\"16\" cy=\"38\" r=\"2\" fill=\"white\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0637\u0631\u0642 \u062f\u0641\u0639 \u0645\u062a\u0639\u062f\u062f\u0629<br>\u0648\u0633\u0647\u0644\u0629<\/h3>\r\n <\/div>\r\n \r\n <!-- \u0645\u0627\u0631\u0643\u0627\u062a \u0623\u0635\u0644\u064a\u0629 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n <circle cx=\"32\" cy=\"32\" r=\"24\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <path d=\"M32 12c-4 0-8 2-12 6s-8 8-8 14c0 12 20 20 20 20s20-8 20-20c0-6-4-10-8-14s-8-6-12-6z\" fill=\"#216780\"\/>\r\n <text x=\"32\" y=\"22\" text-anchor=\"middle\" fill=\"white\" font-size=\"8\" font-weight=\"bold\">100%<\/text>\r\n <text x=\"32\" y=\"42\" text-anchor=\"middle\" fill=\"white\" font-size=\"6\">\u2605\u2605\u2605<\/text>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0645\u0627\u0631\u0643\u0627\u062a \u0623\u0635\u0644\u064a\u0629<\/h3>\r\n <p class=\"service-subtitle\">\u0623\u0635\u0644\u064a<\/p>\r\n <\/div>\r\n \r\n <!-- \u0627\u0644\u062a\u0648\u0635\u064a\u0644 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n <!-- \u0634\u0627\u062d\u0646\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 -->\r\n <rect x=\"4\" y=\"20\" width=\"32\" height=\"20\" rx=\"2\" fill=\"#216780\"\/>\r\n <rect x=\"36\" y=\"26\" width=\"16\" height=\"14\" rx=\"2\" fill=\"#216780\"\/>\r\n <circle cx=\"16\" cy=\"48\" r=\"4\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <circle cx=\"44\" cy=\"48\" r=\"4\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <!-- \u0633\u0627\u0639\u0629 \u0635\u063a\u064a\u0631\u0629 -->\r\n <circle cx=\"48\" cy=\"12\" r=\"8\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <path d=\"M48 8v4l3 3\" stroke=\"#216780\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"service-title\">\u062a\u0648\u0635\u064a\u0644 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/h3>\r\n <p class=\"service-subtitle\">\u0645\u0646 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628<\/p>\r\n <\/div>\r\n \r\n <!-- \u0627\u0644\u062a\u0633\u0639\u064a\u0631 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n <!-- \u0635\u0646\u062f\u0648\u0642\/\u0637\u0631\u062f -->\r\n <rect x=\"16\" y=\"20\" width=\"32\" height=\"24\" rx=\"2\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <path d=\"M16 28h32M24 20v-8h16v8\" stroke=\"#216780\" stroke-width=\"2\" fill=\"none\"\/>\r\n <!-- \u0639\u0644\u0627\u0645\u0629 \u0635\u062d -->\r\n <circle cx=\"44\" cy=\"12\" r=\"8\" fill=\"#216780\"\/>\r\n <path d=\"M40 12l3 3 5-5\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"service-title\">\u062a\u0633\u0639\u064a\u0631 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0629<\/h3>\r\n <\/div>\r\n \r\n <!-- \u0643\u0627\u0634 \u0628\u0644\u0643 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 64 64\" fill=\"none\">\r\n <!-- \u064a\u062f \u062a\u0645\u0633\u0643 \u0646\u0642\u0648\u062f -->\r\n <path d=\"M12 32c0-4 4-8 8-8h24c4 0 8 4 8 8v8c0 4-4 8-8 8H20c-4 0-8-4-8-8v-8z\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <circle cx=\"32\" cy=\"36\" r=\"4\" fill=\"none\" stroke=\"#216780\" stroke-width=\"2\"\/>\r\n <text x=\"32\" y=\"38\" text-anchor=\"middle\" fill=\"#216780\" font-size=\"6\">$<\/text>\r\n <!-- \u0625\u0634\u0627\u0631\u0629 \u0648\u0627\u064a \u0641\u0627\u064a \u0644\u0644\u0643\u0627\u0634 -->\r\n <path d=\"M24 20c8-8 16-8 24 0M28 24c4-4 8-4 12 0M30 28c2-2 4-2 6 0\" stroke=\"#216780\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"service-title\">\u0643\u0627\u0634 \u0628\u0644\u0643<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-690f464 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=\"690f464\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9db10f9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"9db10f9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9d2f7 elementor-widget elementor-widget-image\" data-id=\"ab9d2f7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"533\" height=\"354\" src=\"https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0624\u0624-removebg-preview.png\" class=\"attachment-large size-large wp-image-1622\" alt=\"\" srcset=\"https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0624\u0624-removebg-preview.png 533w, https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0624\u0624-removebg-preview-300x199.png 300w, https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0624\u0624-removebg-preview-150x100.png 150w\" sizes=\"(max-width: 533px) 100vw, 533px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b00192 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"0b00192\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c71360 elementor-widget elementor-widget-heading\" data-id=\"9c71360\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u0642\u062f\u0631 \u062f\u0644\u0648\u0642\u062a\u0649 \u0645\u0639 Bet ElRegab <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a93bd2c elementor-widget elementor-widget-heading\" data-id=\"a93bd2c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u0631\u0641\u0639 \u0637\u0644\u0628\u064a\u0627\u062a\u0643<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0563976 elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"0563976\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"643\" height=\"138\" src=\"https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0642\u0641\u0627\u0628\u0644-removebg-preview.png\" class=\"attachment-full size-full wp-image-1626\" alt=\"\" srcset=\"https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0642\u0641\u0627\u0628\u0644-removebg-preview.png 643w, https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0642\u0641\u0627\u0628\u0644-removebg-preview-300x64.png 300w, https:\/\/betelrehab.com\/wp-content\/uploads\/2025\/07\/\u0642\u0641\u0627\u0628\u0644-removebg-preview-150x32.png 150w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f5198d elementor-widget elementor-widget-html\" data-id=\"1f5198d\" 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'\">×<\/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<\/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 \u0637\u0631\u0642 \u062f\u0641\u0639 \u0645\u062a\u0639\u062f\u062f\u0629\u0648\u0633\u0647\u0644\u0629 100% \u2605\u2605\u2605 \u0645\u0627\u0631\u0643\u0627\u062a \u0623\u0635\u0644\u064a\u0629 \u0623\u0635\u0644\u064a \u062a\u0648\u0635\u064a\u0644 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0645\u0646 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628 \u062a\u0633\u0639\u064a\u0631 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\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-1487","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages\/1487","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=1487"}],"version-history":[{"count":50,"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages\/1487\/revisions"}],"predecessor-version":[{"id":1730,"href":"https:\/\/betelrehab.com\/index.php?rest_route=\/wp\/v2\/pages\/1487\/revisions\/1730"}],"wp:attachment":[{"href":"https:\/\/betelrehab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}