\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a \u0662\u0660\u0662\u0666<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary: #7a70fa;\n --primary-light: #9b93fb;\n --accent: #f5a623;\n --accent-warm: #e8831a;\n --bg: #f5f4ff;\n --bg-card: #ffffff;\n --text-dark: #1c1c1c;\n --text-mid: #4a4a4a;\n --text-light: #7a7a7a;\n --border: #e0ddf8;\n --weekend: #f5e6e6;\n --weekend-text: #c0392b;\n --selected: #7a70fa;\n --selected-text: #ffffff;\n --today: #f0eeff;\n --discount-bg: #fff3cd;\n --discount-border: #f5a623;\n --shadow: 0 4px 24px rgba(122,112,250,0.10);\n --shadow-lg: 0 12px 48px rgba(122,112,250,0.18);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Cairo', sans-serif;\n background: var(--bg);\n color: var(--text-dark);\n min-height: 100vh;\n }\n\n \/* HERO *\/\n .hero {\n background: linear-gradient(135deg, #7a70fa 0%, #5a50d8 50%, #3f36b0 100%);\n padding: 60px 24px 80px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: rgba(245,166,35,0.15);\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -80px; left: -40px;\n width: 250px; height: 250px;\n border-radius: 50%;\n background: rgba(255,255,255,0.05);\n }\n .hero-badge {\n display: inline-block;\n background: var(--accent);\n color: #fff;\n font-size: 13px;\n font-weight: 700;\n padding: 6px 20px;\n border-radius: 100px;\n margin-bottom: 20px;\n letter-spacing: 0.5px;\n }\n .hero h1 {\n font-family: 'Tajawal', sans-serif;\n font-size: clamp(28px, 5vw, 52px);\n font-weight: 900;\n color: #fff;\n line-height: 1.2;\n margin-bottom: 12px;\n }\n .hero h1 span { color: var(--accent); }\n .hero p {\n color: rgba(255,255,255,0.8);\n font-size: 16px;\n margin-bottom: 32px;\n }\n .hero-meta {\n display: flex;\n justify-content: center;\n gap: 32px;\n flex-wrap: wrap;\n }\n .hero-meta-item {\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.9);\n font-size: 14px;\n font-weight: 500;\n }\n .hero-meta-item svg { opacity: 0.8; }\n\n \/* TIMES BANNER *\/\n .times-banner {\n background: #fff;\n border-bottom: 1px solid var(--border);\n padding: 16px 24px;\n display: flex;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n .time-slot {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--text-mid);\n }\n .time-slot-dot {\n width: 10px; height: 10px; border-radius: 50%;\n }\n .time-slot-dot.morning { background: #f5a623; }\n .time-slot-dot.evening { background: #7a70fa; }\n .time-slot strong { color: var(--text-dark); font-weight: 700; }\n\n \/* MAIN LAYOUT *\/\n .container {\n max-width: 960px;\n margin: 0 auto;\n padding: 48px 20px;\n }\n\n .section-title {\n font-family: 'Tajawal', sans-serif;\n font-size: 20px;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .section-title::before {\n content: '';\n width: 4px; height: 24px;\n background: var(--primary);\n border-radius: 4px;\n display: inline-block;\n }\n\n \/* CARD *\/\n .card {\n background: var(--bg-card);\n border-radius: 20px;\n padding: 28px;\n box-shadow: var(--shadow);\n margin-bottom: 24px;\n border: 1px solid rgba(0,0,0,0.04);\n }\n\n \/* PERIOD SELECTOR *\/\n .period-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n margin-top: 12px;\n }\n .period-btn {\n border: 2px solid var(--border);\n border-radius: 16px;\n padding: 20px 16px;\n cursor: pointer;\n background: #fff;\n text-align: right;\n transition: all 0.2s;\n position: relative;\n overflow: hidden;\n }\n .period-btn:hover { border-color: var(--primary-light); }\n .period-btn.active {\n border-color: var(--primary);\n background: rgba(122,112,250,0.04);\n }\n .period-label {\n font-size: 15px;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 4px;\n }\n .period-time {\n font-size: 13px;\n color: var(--text-light);\n direction: ltr;\n text-align: left;\n }\n .period-icon {\n font-size: 28px;\n margin-bottom: 8px;\n }\n\n \/* WEEK SELECTOR *\/\n .weeks-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n margin-top: 12px;\n }\n\n .week-btn {\n border: 2px solid var(--border);\n border-radius: 14px;\n padding: 14px 8px;\n cursor: pointer;\n background: #fff;\n text-align: center;\n transition: all 0.2s;\n position: relative;\n }\n .week-btn:hover { border-color: var(--primary-light); transform: translateY(-2px); }\n .week-btn.active {\n border-color: var(--primary);\n background: var(--primary);\n color: #fff;\n }\n .week-btn.active .week-price { color: rgba(255,255,255,0.85); }\n .week-btn.discount { border-color: var(--accent); }\n .week-num { font-size: 18px; font-weight: 800; display: block; }\n .week-label { font-size: 11px; color: var(--text-light); display: block; }\n .week-btn.active .week-label { color: rgba(255,255,255,0.7); }\n .week-price { font-size: 12px; color: var(--primary); font-weight: 600; margin-top: 4px; display: block; }\n\n .discount-badge {\n position: absolute;\n top: -8px; right: 50%; transform: translateX(50%);\n background: var(--accent);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n padding: 2px 6px;\n border-radius: 100px;\n white-space: nowrap;\n }\n\n \/* CALENDAR *\/\n .calendar-wrapper { margin-top: 12px; }\n .calendar-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n .cal-nav-btn {\n width: 36px; height: 36px;\n border: 1px solid var(--border);\n border-radius: 10px;\n background: #fff;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n transition: all 0.15s;\n }\n .cal-nav-btn:hover { background: var(--primary); color: #fff; border-color: var(--primary); }\n .cal-month-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--text-dark);\n }\n .calendar-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 4px;\n }\n .cal-day-header {\n text-align: center;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-light);\n padding: 6px 0;\n }\n .cal-day-header.weekend { color: var(--weekend-text); }\n .cal-day {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.15s;\n position: relative;\n border: 1px solid transparent;\n }\n .cal-day.empty { cursor: default; }\n .cal-day.weekend {\n background: var(--weekend);\n color: var(--weekend-text);\n cursor: not-allowed;\n opacity: 0.7;\n }\n .cal-day.past {\n opacity: 0.35;\n cursor: not-allowed;\n }\n .cal-day.today {\n background: var(--today);\n border-color: var(--accent);\n font-weight: 700;\n }\n .cal-day.selectable:hover {\n background: rgba(122,112,250,0.1);\n border-color: var(--primary);\n }\n .cal-day.selected-start {\n background: var(--primary) !important;\n color: #fff !important;\n font-weight: 700;\n }\n .cal-day.in-range {\n background: rgba(122,112,250,0.12);\n border-radius: 0;\n border: none;\n }\n\n \/* PRICE SUMMARY *\/\n .price-card {\n background: linear-gradient(135deg, #7a70fa, #3f36b0);\n border-radius: 20px;\n padding: 28px;\n color: #fff;\n margin-bottom: 24px;\n box-shadow: var(--shadow-lg);\n }\n .price-card-title {\n font-size: 14px;\n opacity: 0.8;\n margin-bottom: 20px;\n font-weight: 500;\n }\n .price-rows { border-top: 1px solid rgba(255,255,255,0.15); }\n .price-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n font-size: 14px;\n }\n .price-row.discount-row { color: var(--accent); }\n .price-row.total-row {\n font-size: 18px;\n font-weight: 800;\n border-bottom: none;\n padding-top: 16px;\n }\n .price-row-label { opacity: 0.85; }\n .price-row-value { font-weight: 600; }\n\n \/* DISCOUNT NOTICE *\/\n .discount-notice {\n background: var(--discount-bg);\n border: 1px solid var(--discount-border);\n border-radius: 14px;\n padding: 14px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n font-size: 14px;\n color: #7a4f00;\n }\n .discount-icon { font-size: 22px; flex-shrink: 0; }\n\n \/* SUBMIT *\/\n .submit-btn {\n width: 100%;\n background: linear-gradient(135deg, var(--primary-light), var(--primary));\n color: #fff;\n border: none;\n border-radius: 16px;\n padding: 18px;\n font-size: 17px;\n font-weight: 800;\n cursor: pointer;\n font-family: 'Cairo', sans-serif;\n transition: all 0.2s;\n box-shadow: 0 6px 24px rgba(122,112,250,0.3);\n letter-spacing: 0.3px;\n }\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 32px rgba(122,112,250,0.4);\n }\n .submit-btn:disabled {\n background: var(--border);\n color: var(--text-light);\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n\n \/* FORM FIELDS *\/\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin-top: 12px;\n }\n @media(max-width:580px){ .form-grid { grid-template-columns: 1fr; } }\n .form-group { display: flex; flex-direction: column; gap: 6px; }\n .form-group.full { grid-column: 1 \/ -1; }\n .form-label { font-size: 13px; font-weight: 600; color: var(--text-mid); }\n .form-input {\n border: 1.5px solid var(--border);\n border-radius: 12px;\n padding: 12px 14px;\n font-size: 14px;\n font-family: 'Cairo', sans-serif;\n color: var(--text-dark);\n background: #fff;\n outline: none;\n transition: border 0.15s;\n width: 100%;\n }\n .form-input:focus { border-color: var(--primary); }\n\n \/* PHONE INPUT WITH PREFIX *\/\n .phone-wrapper {\n display: flex;\n align-items: center;\n border: 1.5px solid var(--border);\n border-radius: 12px;\n overflow: hidden;\n background: #fff;\n transition: border 0.15s;\n }\n .phone-wrapper:focus-within { border-color: var(--primary); }\n .phone-prefix {\n background: rgba(122,112,250,0.08);\n border-left: 1.5px solid var(--border);\n padding: 12px 12px;\n font-size: 14px;\n font-weight: 700;\n color: var(--primary);\n direction: ltr;\n white-space: nowrap;\n flex-shrink: 0;\n }\n .phone-input-inner {\n border: none !important;\n border-radius: 0 !important;\n flex: 1;\n outline: none;\n padding: 12px 14px;\n font-size: 14px;\n font-family: 'Cairo', sans-serif;\n color: var(--text-dark);\n background: transparent;\n direction: ltr;\n }\n\n \/* STATUS *\/\n .status-bar {\n background: #fff;\n border-radius: 14px;\n padding: 14px 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--text-mid);\n border: 1px solid var(--border);\n margin-top: 12px;\n }\n .status-icon { font-size: 18px; }\n\n \/* STEPS INDICATOR *\/\n .steps {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 36px;\n counter-reset: step;\n }\n .step {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n position: relative;\n flex: 1;\n max-width: 140px;\n }\n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 16px;\n left: 0;\n width: 100%;\n height: 2px;\n background: var(--border);\n z-index: 0;\n }\n .step.done:not(:last-child)::after { background: var(--primary); }\n .step-circle {\n width: 32px; height: 32px;\n border-radius: 50%;\n background: var(--border);\n color: var(--text-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 13px;\n font-weight: 700;\n z-index: 1;\n transition: all 0.2s;\n }\n .step.active .step-circle { background: var(--primary); color: #fff; }\n .step.done .step-circle { background: var(--primary); color: #fff; }\n .step-label { font-size: 11px; color: var(--text-light); text-align: center; }\n .step.active .step-label { color: var(--primary); font-weight: 600; }\n\n \/* RESPONSIVE FIXES *\/\n @media(max-width:480px){\n .hero { padding: 40px 16px 60px; }\n .card { padding: 20px 16px; }\n .price-card { padding: 20px 16px; }\n }\n\n \/* TERMS & CONDITIONS *\/\n .terms-card {\n background: #fff;\n border-radius: 20px;\n padding: 24px 28px;\n box-shadow: var(--shadow);\n margin-bottom: 24px;\n border: 1px solid rgba(0,0,0,0.04);\n }\n .terms-link-row {\n font-size: 14px;\n color: var(--text-mid);\n margin-bottom: 18px;\n padding: 12px 16px;\n background: rgba(122,112,250,0.05);\n border-radius: 12px;\n border: 1px solid rgba(122,112,250,0.15);\n }\n .terms-link-row a {\n color: var(--primary);\n font-weight: 700;\n text-decoration: underline;\n }\n .terms-checkbox-row {\n display: flex;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n user-select: none;\n }\n .terms-checkbox-row input[type=\"checkbox\"] {\n width: 22px;\n height: 22px;\n border: 2px solid var(--border);\n border-radius: 6px;\n accent-color: var(--primary);\n cursor: pointer;\n flex-shrink: 0;\n }\n .terms-checkbox-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--text-dark);\n }\n .terms-checkbox-label span {\n color: #c0392b;\n margin-right: 2px;\n }\n .terms-error {\n display: none;\n color: #c0392b;\n font-size: 12px;\n margin-top: 8px;\n padding-right: 34px;\n }\n .terms-error.visible { display: block; }\n\n \/* SUMMARY SELECTED DATES *\/\n .selected-date-display {\n background: rgba(122,112,250,0.06);\n border: 1px solid rgba(122,112,250,0.2);\n border-radius: 12px;\n padding: 14px 16px;\n margin-top: 12px;\n font-size: 14px;\n display: none;\n }\n .selected-date-display.visible { display: block; }\n .selected-date-display .date-range {\n font-weight: 700;\n color: var(--primary);\n margin-top: 4px;\n font-size: 15px;\n }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-badge\">\ud83c\udf1f \u0645\u062e\u064a\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a<\/div>\n <h1>\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0641\u064a<br><span>\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a<\/span><\/h1>\n <p>\u064a\u0628\u062f\u0623 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0628\u062a\u0627\u0631\u064a\u062e 7 \u064a\u0648\u0646\u064a\u0648 \u0662\u0660\u0662\u0666<\/p>\n <div class=\"hero-meta\">\n <div class=\"hero-meta-item\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n \u0645\u0646 \u0627\u0644\u0623\u062d\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0645\u064a\u0633\n <\/div>\n <div class=\"hero-meta-item\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n \u0641\u062a\u0631\u062a\u0627\u0646 \u064a\u0648\u0645\u064a\u0627\u064b\n <\/div>\n <div class=\"hero-meta-item\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n \u062e\u0635\u0645 \u0663\u0665\u066a \u0644\u0623\u0648\u0644 50 \u0645\u0642\u0639\u062f\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"times-banner\">\n <div class=\"time-slot\">\n <div class=\"time-slot-dot morning\"><\/div>\n <div>\n <strong>\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/strong>\n <span> \u00b7 8:00 \u0635 \u2013 11:30 \u0635<\/span>\n <\/div>\n <\/div>\n <div class=\"time-slot\">\n <div class=\"time-slot-dot evening\"><\/div>\n <div>\n <strong>\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629<\/strong>\n <span> \u00b7 12:30 \u0645 \u2013 4:00 \u0645<\/span>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"container\">\n\n \n <div class=\"steps\">\n <div class=\"step active\" id=\"step1\">\n <div class=\"step-circle\">\u0661<\/div>\n <div class=\"step-label\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u062a\u0631\u0629<\/div>\n <\/div>\n <div class=\"step\" id=\"step2\">\n <div class=\"step-circle\">\u0662<\/div>\n <div class=\"step-label\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639<\/div>\n <\/div>\n <div class=\"step\" id=\"step3\">\n <div class=\"step-circle\">\u0663<\/div>\n <div class=\"step-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621<\/div>\n <\/div>\n <div class=\"step\" id=\"step4\">\n <div class=\"step-circle\">\u0664<\/div>\n <div class=\"step-label\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/div>\n <div class=\"period-grid\">\n <button class=\"period-btn\" id=\"period-morning\" onclick=\"selectPeriod('morning')\">\n <div class=\"period-icon\">\ud83c\udf05<\/div>\n <div class=\"period-label\"> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/div>\n <div class=\"period-time\">8:00 AM \u2013 11:30 AM<\/div>\n <\/button>\n <button class=\"period-btn\" id=\"period-evening\" onclick=\"selectPeriod('evening')\">\n <div class=\"period-icon\">\ud83c\udf07<\/div>\n <div class=\"period-label\"> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629<\/div>\n <div class=\"period-time\">12:30 PM \u2013 4:00 PM<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639<\/div>\n <div style=\"background:rgba(122,112,250,0.07);border:1px solid rgba(122,112,250,0.2);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:13px;color:#4a4a4a;\">\n \ud83d\udccc \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u062a\u0633\u062c\u064a\u0644 <strong>\u0663 \u0623\u0633\u0627\u0628\u064a\u0639<\/strong> \u2014 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 <strong>\u0665 \u0623\u0633\u0627\u0628\u064a\u0639<\/strong>\n <\/div>\n <div class=\"weeks-grid\">\n <div class=\"week-btn discount\" id=\"w3\" onclick=\"selectWeeks(3)\">\n <span class=\"discount-badge\">\u062e\u0635\u0645 \u0663\u0665\u066a<\/span>\n <span class=\"week-num\">\u0663<\/span>\n <span class=\"week-label\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"week-price\">\u0662\u066b\u0669\u0662\u0665 \u0631.\u0633<\/span>\n <\/div>\n <div class=\"week-btn discount\" id=\"w4\" onclick=\"selectWeeks(4)\">\n <span class=\"discount-badge\">\u062e\u0635\u0645 \u0663\u0665\u066a<\/span>\n <span class=\"week-num\">\u0664<\/span>\n <span class=\"week-label\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"week-price\">\u0663\u066b\u0669\u0660\u0660 \u0631.\u0633<\/span>\n <\/div>\n <div class=\"week-btn discount\" id=\"w5\" onclick=\"selectWeeks(5)\">\n <span class=\"discount-badge\">\u062e\u0635\u0645 \u0663\u0665\u066a<\/span>\n <span class=\"week-num\">\u0665<\/span>\n <span class=\"week-label\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"week-price\">\u0664\u066b\u0668\u0667\u0665 \u0631.\u0633<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"discount-notice\" id=\"discountNotice\" style=\"margin-top:14px;\">\n <span class=\"discount-icon\">\ud83c\udf89<\/span>\n <div>\u064a\u062a\u0645 \u062a\u0637\u0628\u064a\u0642 <strong>\u062e\u0635\u0645 \u0663\u0665\u066a<\/strong> \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0639\u0644\u0649 \u0623\u0648\u0644 50 \u0645\u0642\u0639\u062f \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0627\u062e\u062a\u0631 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621<\/div>\n <div class=\"status-bar\">\n <span class=\"status-icon\">\ud83d\udccb<\/span>\n \u064a\u062c\u0628 \u0623\u0646 \u064a\u0628\u062f\u0623 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u064a\u0648\u0645 <strong>\u0627\u0644\u0623\u062d\u062f<\/strong>. \u0623\u064a\u0627\u0645 \u0627\u0644\u062c\u0645\u0639\u0629 \u0648\u0627\u0644\u0633\u0628\u062a \u063a\u064a\u0631 \u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u062a\u0633\u062c\u064a\u0644.\n <\/div>\n\n <div class=\"calendar-wrapper\">\n <div class=\"calendar-nav\">\n <button class=\"cal-nav-btn\" onclick=\"changeMonth(-1)\">›<\/button>\n <div class=\"cal-month-title\" id=\"calMonthTitle\"><\/div>\n <button class=\"cal-nav-btn\" onclick=\"changeMonth(1)\">‹<\/button>\n <\/div>\n <div class=\"calendar-grid\" id=\"calendarGrid\">\n <div class=\"cal-day-header\">\u0623\u062d\u062f<\/div>\n <div class=\"cal-day-header\">\u0625\u062b\u0646\u064a\u0646<\/div>\n <div class=\"cal-day-header\">\u062b\u0644\u0627\u062b\u0627\u0621<\/div>\n <div class=\"cal-day-header\">\u0623\u0631\u0628\u0639\u0627\u0621<\/div>\n <div class=\"cal-day-header\">\u062e\u0645\u064a\u0633<\/div>\n <div class=\"cal-day-header weekend\">\u062c\u0645\u0639\u0629<\/div>\n <div class=\"cal-day-header weekend\">\u0633\u0628\u062a<\/div>\n <\/div>\n <\/div>\n\n <div class=\"selected-date-display\" id=\"selectedDateDisplay\">\n <div style=\"color: var(--text-mid); font-size:13px;\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0627\u0644\u0645\u062e\u062a\u0627\u0631:<\/div>\n <div class=\"date-range\" id=\"dateRangeText\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"price-card\" id=\"priceCard\" style=\"display:none;\">\n <div class=\"price-card-title\">\u0645\u0644\u062e\u0635 \u0627\u0644\u0637\u0644\u0628<\/div>\n <div class=\"price-rows\">\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u0627\u0644\u0641\u062a\u0631\u0629<\/span>\n <span class=\"price-row-value\" id=\"summaryPeriod\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"price-row-value\" id=\"summaryWeeks\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621<\/span>\n <span class=\"price-row-value\" id=\"summaryStart\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621<\/span>\n <span class=\"price-row-value\" id=\"summaryEnd\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u0627\u0644\u0633\u0639\u0631 \u0642\u0628\u0644 \u0627\u0644\u062e\u0635\u0645<\/span>\n <span class=\"price-row-value\" id=\"summaryBefore\">\u2013<\/span>\n <\/div>\n <div class=\"price-row discount-row\" id=\"discountRow\" style=\"display:none;\">\n <span class=\"price-row-label\">\u062e\u0635\u0645 \u0663\u0665\u066a \ud83c\udf81<\/span>\n <span class=\"price-row-value\" id=\"summaryDiscount\">\u2013<\/span>\n <\/div>\n <div class=\"price-row total-row\">\n <span class=\"price-row-label\">\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\n <span class=\"price-row-value\" id=\"summaryTotal\">\u2013<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/div>\n <div class=\"form-grid\">\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"studentName\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u062d\u0645\u062f \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0623\u062d\u0645\u062f\">\n <\/div>\n\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 (\u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"firstNameEn\" placeholder=\"First Name\" dir=\"ltr\">\n <\/div>\n\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a (\u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"lastNameEn\" placeholder=\"Last Name\" dir=\"ltr\">\n <\/div>\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0627\u0633\u0645 \u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"parentName\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631\">\n <\/div>\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *<\/label>\n <input class=\"form-input\" type=\"email\" id=\"email\" placeholder=\"example@email.com\" dir=\"ltr\">\n <\/div>\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 *<\/label>\n <div class=\"phone-wrapper\">\n <span class=\"phone-prefix\">+9665<\/span>\n <input class=\"phone-input-inner\" type=\"tel\" id=\"phone\" placeholder=\"XXXXXXXX\" maxlength=\"8\" inputmode=\"numeric\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"terms-card\">\n <div class=\"section-title\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/div>\n\n \n <div class=\"terms-link-row\">\n \u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645\n <a href=\"https:\/\/acesaudi.org\/Summercontract.pdf\" target=\"_blank\" rel=\"noopener\">\u064a\u0631\u062c\u0649 \u0627\u0644\u0636\u063a\u0637 \u0647\u0646\u0627<\/a>\n <\/div>\n\n \n <label class=\"terms-checkbox-row\" for=\"termsCheckbox\">\n <input type=\"checkbox\" id=\"termsCheckbox\" onchange=\"checkSubmit()\">\n <span class=\"terms-checkbox-label\">\n \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 <span>*<\/span>\n \u0646\u0639\u0645\n <\/span>\n <\/label>\n <div class=\"terms-error\" id=\"termsError\">\n \u064a\u062c\u0628 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n <\/div>\n <\/div>\n\n \n <button class=\"submit-btn\" id=\"submitBtn\" onclick=\"submitForm()\" disabled>\n \u0623\u0643\u0645\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u0639\u0644\u0627\u0647 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629\n <\/button>\n\n<\/div>\n\n<script>\n\/* JavaScript \u064a\u064f\u0636\u0627\u0641 \u0639\u0628\u0631 WPCode *\/\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a \u0662\u0660\u0662\u0666 \ud83c\udf1f \u0645\u062e\u064a\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0641\u064a\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a \u064a\u0628\u062f\u0623 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0628\u062a\u0627\u0631\u064a\u062e 7 \u064a\u0648\u0646\u064a\u0648 \u0662\u0660\u0662\u0666 \u0645\u0646 \u0627\u0644\u0623\u062d\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0645\u064a\u0633 \u0641\u062a\u0631\u062a\u0627\u0646 \u064a\u0648\u0645\u064a\u0627\u064b \u062e\u0635\u0645 \u0663\u0665\u066a \u0644\u0623\u0648\u0644 50 \u0645\u0642\u0639\u062f \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629 \u00b7 8:00 \u0635 \u2013 11:30 \u0635 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629 \u00b7 12:30 \u0645 \u2013 4:00 \u0645 \u0661 \u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u062a\u0631\u0629 \u0662 \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 \u0663 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-125664","page","type-page","status-publish","hentry"],"acf":[],"meta_box":[],"_links":{"self":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages\/125664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/comments?post=125664"}],"version-history":[{"count":19,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages\/125664\/revisions"}],"predecessor-version":[{"id":125959,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages\/125664\/revisions\/125959"}],"wp:attachment":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/media?parent=125664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":125664,"date":"2026-05-07T11:38:17","date_gmt":"2026-05-07T08:38:17","guid":{"rendered":"https:\/\/acesaudi.org\/?page_id=125664"},"modified":"2026-05-09T17:41:01","modified_gmt":"2026-05-09T14:41:01","slug":"summer-registration","status":"publish","type":"page","link":"https:\/\/acesaudi.org\/en\/summer-registration\/","title":{"rendered":"\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a"},"content":{"rendered":"\n\n\n\n\n\n\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a \u0662\u0660\u0662\u0666<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary: #7a70fa;\n --primary-light: #9b93fb;\n --accent: #f5a623;\n --accent-warm: #e8831a;\n --bg: #f5f4ff;\n --bg-card: #ffffff;\n --text-dark: #1c1c1c;\n --text-mid: #4a4a4a;\n --text-light: #7a7a7a;\n --border: #e0ddf8;\n --weekend: #f5e6e6;\n --weekend-text: #c0392b;\n --selected: #7a70fa;\n --selected-text: #ffffff;\n --today: #f0eeff;\n --discount-bg: #fff3cd;\n --discount-border: #f5a623;\n --shadow: 0 4px 24px rgba(122,112,250,0.10);\n --shadow-lg: 0 12px 48px rgba(122,112,250,0.18);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Cairo', sans-serif;\n background: var(--bg);\n color: var(--text-dark);\n min-height: 100vh;\n }\n\n \/* HERO *\/\n .hero {\n background: linear-gradient(135deg, #7a70fa 0%, #5a50d8 50%, #3f36b0 100%);\n padding: 60px 24px 80px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: rgba(245,166,35,0.15);\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -80px; left: -40px;\n width: 250px; height: 250px;\n border-radius: 50%;\n background: rgba(255,255,255,0.05);\n }\n .hero-badge {\n display: inline-block;\n background: var(--accent);\n color: #fff;\n font-size: 13px;\n font-weight: 700;\n padding: 6px 20px;\n border-radius: 100px;\n margin-bottom: 20px;\n letter-spacing: 0.5px;\n }\n .hero h1 {\n font-family: 'Tajawal', sans-serif;\n font-size: clamp(28px, 5vw, 52px);\n font-weight: 900;\n color: #fff;\n line-height: 1.2;\n margin-bottom: 12px;\n }\n .hero h1 span { color: var(--accent); }\n .hero p {\n color: rgba(255,255,255,0.8);\n font-size: 16px;\n margin-bottom: 32px;\n }\n .hero-meta {\n display: flex;\n justify-content: center;\n gap: 32px;\n flex-wrap: wrap;\n }\n .hero-meta-item {\n display: flex;\n align-items: center;\n gap: 8px;\n color: rgba(255,255,255,0.9);\n font-size: 14px;\n font-weight: 500;\n }\n .hero-meta-item svg { opacity: 0.8; }\n\n \/* TIMES BANNER *\/\n .times-banner {\n background: #fff;\n border-bottom: 1px solid var(--border);\n padding: 16px 24px;\n display: flex;\n justify-content: center;\n gap: 40px;\n flex-wrap: wrap;\n }\n .time-slot {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n color: var(--text-mid);\n }\n .time-slot-dot {\n width: 10px; height: 10px; border-radius: 50%;\n }\n .time-slot-dot.morning { background: #f5a623; }\n .time-slot-dot.evening { background: #7a70fa; }\n .time-slot strong { color: var(--text-dark); font-weight: 700; }\n\n \/* MAIN LAYOUT *\/\n .container {\n max-width: 960px;\n margin: 0 auto;\n padding: 48px 20px;\n }\n\n .section-title {\n font-family: 'Tajawal', sans-serif;\n font-size: 20px;\n font-weight: 800;\n color: var(--text-dark);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .section-title::before {\n content: '';\n width: 4px; height: 24px;\n background: var(--primary);\n border-radius: 4px;\n display: inline-block;\n }\n\n \/* CARD *\/\n .card {\n background: var(--bg-card);\n border-radius: 20px;\n padding: 28px;\n box-shadow: var(--shadow);\n margin-bottom: 24px;\n border: 1px solid rgba(0,0,0,0.04);\n }\n\n \/* PERIOD SELECTOR *\/\n .period-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n margin-top: 12px;\n }\n .period-btn {\n border: 2px solid var(--border);\n border-radius: 16px;\n padding: 20px 16px;\n cursor: pointer;\n background: #fff;\n text-align: right;\n transition: all 0.2s;\n position: relative;\n overflow: hidden;\n }\n .period-btn:hover { border-color: var(--primary-light); }\n .period-btn.active {\n border-color: var(--primary);\n background: rgba(122,112,250,0.04);\n }\n .period-label {\n font-size: 15px;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 4px;\n }\n .period-time {\n font-size: 13px;\n color: var(--text-light);\n direction: ltr;\n text-align: left;\n }\n .period-icon {\n font-size: 28px;\n margin-bottom: 8px;\n }\n\n \/* WEEK SELECTOR *\/\n .weeks-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n margin-top: 12px;\n }\n\n .week-btn {\n border: 2px solid var(--border);\n border-radius: 14px;\n padding: 14px 8px;\n cursor: pointer;\n background: #fff;\n text-align: center;\n transition: all 0.2s;\n position: relative;\n }\n .week-btn:hover { border-color: var(--primary-light); transform: translateY(-2px); }\n .week-btn.active {\n border-color: var(--primary);\n background: var(--primary);\n color: #fff;\n }\n .week-btn.active .week-price { color: rgba(255,255,255,0.85); }\n .week-btn.discount { border-color: var(--accent); }\n .week-num { font-size: 18px; font-weight: 800; display: block; }\n .week-label { font-size: 11px; color: var(--text-light); display: block; }\n .week-btn.active .week-label { color: rgba(255,255,255,0.7); }\n .week-price { font-size: 12px; color: var(--primary); font-weight: 600; margin-top: 4px; display: block; }\n\n .discount-badge {\n position: absolute;\n top: -8px; right: 50%; transform: translateX(50%);\n background: var(--accent);\n color: #fff;\n font-size: 9px;\n font-weight: 700;\n padding: 2px 6px;\n border-radius: 100px;\n white-space: nowrap;\n }\n\n \/* CALENDAR *\/\n .calendar-wrapper { margin-top: 12px; }\n .calendar-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n .cal-nav-btn {\n width: 36px; height: 36px;\n border: 1px solid var(--border);\n border-radius: 10px;\n background: #fff;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n transition: all 0.15s;\n }\n .cal-nav-btn:hover { background: var(--primary); color: #fff; border-color: var(--primary); }\n .cal-month-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--text-dark);\n }\n .calendar-grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 4px;\n }\n .cal-day-header {\n text-align: center;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-light);\n padding: 6px 0;\n }\n .cal-day-header.weekend { color: var(--weekend-text); }\n .cal-day {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.15s;\n position: relative;\n border: 1px solid transparent;\n }\n .cal-day.empty { cursor: default; }\n .cal-day.weekend {\n background: var(--weekend);\n color: var(--weekend-text);\n cursor: not-allowed;\n opacity: 0.7;\n }\n .cal-day.past {\n opacity: 0.35;\n cursor: not-allowed;\n }\n .cal-day.today {\n background: var(--today);\n border-color: var(--accent);\n font-weight: 700;\n }\n .cal-day.selectable:hover {\n background: rgba(122,112,250,0.1);\n border-color: var(--primary);\n }\n .cal-day.selected-start {\n background: var(--primary) !important;\n color: #fff !important;\n font-weight: 700;\n }\n .cal-day.in-range {\n background: rgba(122,112,250,0.12);\n border-radius: 0;\n border: none;\n }\n\n \/* PRICE SUMMARY *\/\n .price-card {\n background: linear-gradient(135deg, #7a70fa, #3f36b0);\n border-radius: 20px;\n padding: 28px;\n color: #fff;\n margin-bottom: 24px;\n box-shadow: var(--shadow-lg);\n }\n .price-card-title {\n font-size: 14px;\n opacity: 0.8;\n margin-bottom: 20px;\n font-weight: 500;\n }\n .price-rows { border-top: 1px solid rgba(255,255,255,0.15); }\n .price-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n font-size: 14px;\n }\n .price-row.discount-row { color: var(--accent); }\n .price-row.total-row {\n font-size: 18px;\n font-weight: 800;\n border-bottom: none;\n padding-top: 16px;\n }\n .price-row-label { opacity: 0.85; }\n .price-row-value { font-weight: 600; }\n\n \/* DISCOUNT NOTICE *\/\n .discount-notice {\n background: var(--discount-bg);\n border: 1px solid var(--discount-border);\n border-radius: 14px;\n padding: 14px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 20px;\n font-size: 14px;\n color: #7a4f00;\n }\n .discount-icon { font-size: 22px; flex-shrink: 0; }\n\n \/* SUBMIT *\/\n .submit-btn {\n width: 100%;\n background: linear-gradient(135deg, var(--primary-light), var(--primary));\n color: #fff;\n border: none;\n border-radius: 16px;\n padding: 18px;\n font-size: 17px;\n font-weight: 800;\n cursor: pointer;\n font-family: 'Cairo', sans-serif;\n transition: all 0.2s;\n box-shadow: 0 6px 24px rgba(122,112,250,0.3);\n letter-spacing: 0.3px;\n }\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 32px rgba(122,112,250,0.4);\n }\n .submit-btn:disabled {\n background: var(--border);\n color: var(--text-light);\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n\n \/* FORM FIELDS *\/\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin-top: 12px;\n }\n @media(max-width:580px){ .form-grid { grid-template-columns: 1fr; } }\n .form-group { display: flex; flex-direction: column; gap: 6px; }\n .form-group.full { grid-column: 1 \/ -1; }\n .form-label { font-size: 13px; font-weight: 600; color: var(--text-mid); }\n .form-input {\n border: 1.5px solid var(--border);\n border-radius: 12px;\n padding: 12px 14px;\n font-size: 14px;\n font-family: 'Cairo', sans-serif;\n color: var(--text-dark);\n background: #fff;\n outline: none;\n transition: border 0.15s;\n width: 100%;\n }\n .form-input:focus { border-color: var(--primary); }\n\n \/* PHONE INPUT WITH PREFIX *\/\n .phone-wrapper {\n display: flex;\n align-items: center;\n border: 1.5px solid var(--border);\n border-radius: 12px;\n overflow: hidden;\n background: #fff;\n transition: border 0.15s;\n }\n .phone-wrapper:focus-within { border-color: var(--primary); }\n .phone-prefix {\n background: rgba(122,112,250,0.08);\n border-left: 1.5px solid var(--border);\n padding: 12px 12px;\n font-size: 14px;\n font-weight: 700;\n color: var(--primary);\n direction: ltr;\n white-space: nowrap;\n flex-shrink: 0;\n }\n .phone-input-inner {\n border: none !important;\n border-radius: 0 !important;\n flex: 1;\n outline: none;\n padding: 12px 14px;\n font-size: 14px;\n font-family: 'Cairo', sans-serif;\n color: var(--text-dark);\n background: transparent;\n direction: ltr;\n }\n\n \/* STATUS *\/\n .status-bar {\n background: #fff;\n border-radius: 14px;\n padding: 14px 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--text-mid);\n border: 1px solid var(--border);\n margin-top: 12px;\n }\n .status-icon { font-size: 18px; }\n\n \/* STEPS INDICATOR *\/\n .steps {\n display: flex;\n justify-content: center;\n gap: 0;\n margin-bottom: 36px;\n counter-reset: step;\n }\n .step {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n position: relative;\n flex: 1;\n max-width: 140px;\n }\n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 16px;\n left: 0;\n width: 100%;\n height: 2px;\n background: var(--border);\n z-index: 0;\n }\n .step.done:not(:last-child)::after { background: var(--primary); }\n .step-circle {\n width: 32px; height: 32px;\n border-radius: 50%;\n background: var(--border);\n color: var(--text-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 13px;\n font-weight: 700;\n z-index: 1;\n transition: all 0.2s;\n }\n .step.active .step-circle { background: var(--primary); color: #fff; }\n .step.done .step-circle { background: var(--primary); color: #fff; }\n .step-label { font-size: 11px; color: var(--text-light); text-align: center; }\n .step.active .step-label { color: var(--primary); font-weight: 600; }\n\n \/* RESPONSIVE FIXES *\/\n @media(max-width:480px){\n .hero { padding: 40px 16px 60px; }\n .card { padding: 20px 16px; }\n .price-card { padding: 20px 16px; }\n }\n\n \/* TERMS & CONDITIONS *\/\n .terms-card {\n background: #fff;\n border-radius: 20px;\n padding: 24px 28px;\n box-shadow: var(--shadow);\n margin-bottom: 24px;\n border: 1px solid rgba(0,0,0,0.04);\n }\n .terms-link-row {\n font-size: 14px;\n color: var(--text-mid);\n margin-bottom: 18px;\n padding: 12px 16px;\n background: rgba(122,112,250,0.05);\n border-radius: 12px;\n border: 1px solid rgba(122,112,250,0.15);\n }\n .terms-link-row a {\n color: var(--primary);\n font-weight: 700;\n text-decoration: underline;\n }\n .terms-checkbox-row {\n display: flex;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n user-select: none;\n }\n .terms-checkbox-row input[type=\"checkbox\"] {\n width: 22px;\n height: 22px;\n border: 2px solid var(--border);\n border-radius: 6px;\n accent-color: var(--primary);\n cursor: pointer;\n flex-shrink: 0;\n }\n .terms-checkbox-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--text-dark);\n }\n .terms-checkbox-label span {\n color: #c0392b;\n margin-right: 2px;\n }\n .terms-error {\n display: none;\n color: #c0392b;\n font-size: 12px;\n margin-top: 8px;\n padding-right: 34px;\n }\n .terms-error.visible { display: block; }\n\n \/* SUMMARY SELECTED DATES *\/\n .selected-date-display {\n background: rgba(122,112,250,0.06);\n border: 1px solid rgba(122,112,250,0.2);\n border-radius: 12px;\n padding: 14px 16px;\n margin-top: 12px;\n font-size: 14px;\n display: none;\n }\n .selected-date-display.visible { display: block; }\n .selected-date-display .date-range {\n font-weight: 700;\n color: var(--primary);\n margin-top: 4px;\n font-size: 15px;\n }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-badge\">\ud83c\udf1f \u0645\u062e\u064a\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a<\/div>\n <h1>\u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0641\u064a<br><span>\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a<\/span><\/h1>\n <p>\u064a\u0628\u062f\u0623 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0628\u062a\u0627\u0631\u064a\u062e 7 \u064a\u0648\u0646\u064a\u0648 \u0662\u0660\u0662\u0666<\/p>\n <div class=\"hero-meta\">\n <div class=\"hero-meta-item\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n \u0645\u0646 \u0627\u0644\u0623\u062d\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0645\u064a\u0633\n <\/div>\n <div class=\"hero-meta-item\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n \u0641\u062a\u0631\u062a\u0627\u0646 \u064a\u0648\u0645\u064a\u0627\u064b\n <\/div>\n <div class=\"hero-meta-item\">\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n \u062e\u0635\u0645 \u0663\u0665\u066a \u0644\u0623\u0648\u0644 50 \u0645\u0642\u0639\u062f\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"times-banner\">\n <div class=\"time-slot\">\n <div class=\"time-slot-dot morning\"><\/div>\n <div>\n <strong>\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/strong>\n <span> \u00b7 8:00 \u0635 \u2013 11:30 \u0635<\/span>\n <\/div>\n <\/div>\n <div class=\"time-slot\">\n <div class=\"time-slot-dot evening\"><\/div>\n <div>\n <strong>\u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629<\/strong>\n <span> \u00b7 12:30 \u0645 \u2013 4:00 \u0645<\/span>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"container\">\n\n \n <div class=\"steps\">\n <div class=\"step active\" id=\"step1\">\n <div class=\"step-circle\">\u0661<\/div>\n <div class=\"step-label\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u062a\u0631\u0629<\/div>\n <\/div>\n <div class=\"step\" id=\"step2\">\n <div class=\"step-circle\">\u0662<\/div>\n <div class=\"step-label\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639<\/div>\n <\/div>\n <div class=\"step\" id=\"step3\">\n <div class=\"step-circle\">\u0663<\/div>\n <div class=\"step-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621<\/div>\n <\/div>\n <div class=\"step\" id=\"step4\">\n <div class=\"step-circle\">\u0664<\/div>\n <div class=\"step-label\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/div>\n <div class=\"period-grid\">\n <button class=\"period-btn\" id=\"period-morning\" onclick=\"selectPeriod('morning')\">\n <div class=\"period-icon\">\ud83c\udf05<\/div>\n <div class=\"period-label\"> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/div>\n <div class=\"period-time\">8:00 AM \u2013 11:30 AM<\/div>\n <\/button>\n <button class=\"period-btn\" id=\"period-evening\" onclick=\"selectPeriod('evening')\">\n <div class=\"period-icon\">\ud83c\udf07<\/div>\n <div class=\"period-label\"> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629<\/div>\n <div class=\"period-time\">12:30 PM \u2013 4:00 PM<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639<\/div>\n <div style=\"background:rgba(122,112,250,0.07);border:1px solid rgba(122,112,250,0.2);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:13px;color:#4a4a4a;\">\n \ud83d\udccc \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 \u0644\u0644\u062a\u0633\u062c\u064a\u0644 <strong>\u0663 \u0623\u0633\u0627\u0628\u064a\u0639<\/strong> \u2014 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 <strong>\u0665 \u0623\u0633\u0627\u0628\u064a\u0639<\/strong>\n <\/div>\n <div class=\"weeks-grid\">\n <div class=\"week-btn discount\" id=\"w3\" onclick=\"selectWeeks(3)\">\n <span class=\"discount-badge\">\u062e\u0635\u0645 \u0663\u0665\u066a<\/span>\n <span class=\"week-num\">\u0663<\/span>\n <span class=\"week-label\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"week-price\">\u0662\u066b\u0669\u0662\u0665 \u0631.\u0633<\/span>\n <\/div>\n <div class=\"week-btn discount\" id=\"w4\" onclick=\"selectWeeks(4)\">\n <span class=\"discount-badge\">\u062e\u0635\u0645 \u0663\u0665\u066a<\/span>\n <span class=\"week-num\">\u0664<\/span>\n <span class=\"week-label\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"week-price\">\u0663\u066b\u0669\u0660\u0660 \u0631.\u0633<\/span>\n <\/div>\n <div class=\"week-btn discount\" id=\"w5\" onclick=\"selectWeeks(5)\">\n <span class=\"discount-badge\">\u062e\u0635\u0645 \u0663\u0665\u066a<\/span>\n <span class=\"week-num\">\u0665<\/span>\n <span class=\"week-label\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"week-price\">\u0664\u066b\u0668\u0667\u0665 \u0631.\u0633<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"discount-notice\" id=\"discountNotice\" style=\"margin-top:14px;\">\n <span class=\"discount-icon\">\ud83c\udf89<\/span>\n <div>\u064a\u062a\u0645 \u062a\u0637\u0628\u064a\u0642 <strong>\u062e\u0635\u0645 \u0663\u0665\u066a<\/strong> \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0639\u0644\u0649 \u0623\u0648\u0644 50 \u0645\u0642\u0639\u062f \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0627\u062e\u062a\u0631 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621<\/div>\n <div class=\"status-bar\">\n <span class=\"status-icon\">\ud83d\udccb<\/span>\n \u064a\u062c\u0628 \u0623\u0646 \u064a\u0628\u062f\u0623 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u064a\u0648\u0645 <strong>\u0627\u0644\u0623\u062d\u062f<\/strong>. \u0623\u064a\u0627\u0645 \u0627\u0644\u062c\u0645\u0639\u0629 \u0648\u0627\u0644\u0633\u0628\u062a \u063a\u064a\u0631 \u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u062a\u0633\u062c\u064a\u0644.\n <\/div>\n\n <div class=\"calendar-wrapper\">\n <div class=\"calendar-nav\">\n <button class=\"cal-nav-btn\" onclick=\"changeMonth(-1)\">›<\/button>\n <div class=\"cal-month-title\" id=\"calMonthTitle\"><\/div>\n <button class=\"cal-nav-btn\" onclick=\"changeMonth(1)\">‹<\/button>\n <\/div>\n <div class=\"calendar-grid\" id=\"calendarGrid\">\n <div class=\"cal-day-header\">\u0623\u062d\u062f<\/div>\n <div class=\"cal-day-header\">\u0625\u062b\u0646\u064a\u0646<\/div>\n <div class=\"cal-day-header\">\u062b\u0644\u0627\u062b\u0627\u0621<\/div>\n <div class=\"cal-day-header\">\u0623\u0631\u0628\u0639\u0627\u0621<\/div>\n <div class=\"cal-day-header\">\u062e\u0645\u064a\u0633<\/div>\n <div class=\"cal-day-header weekend\">\u062c\u0645\u0639\u0629<\/div>\n <div class=\"cal-day-header weekend\">\u0633\u0628\u062a<\/div>\n <\/div>\n <\/div>\n\n <div class=\"selected-date-display\" id=\"selectedDateDisplay\">\n <div style=\"color: var(--text-mid); font-size:13px;\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0627\u0644\u0645\u062e\u062a\u0627\u0631:<\/div>\n <div class=\"date-range\" id=\"dateRangeText\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"price-card\" id=\"priceCard\" style=\"display:none;\">\n <div class=\"price-card-title\">\u0645\u0644\u062e\u0635 \u0627\u0644\u0637\u0644\u0628<\/div>\n <div class=\"price-rows\">\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u0627\u0644\u0641\u062a\u0631\u0629<\/span>\n <span class=\"price-row-value\" id=\"summaryPeriod\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n <span class=\"price-row-value\" id=\"summaryWeeks\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621<\/span>\n <span class=\"price-row-value\" id=\"summaryStart\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621<\/span>\n <span class=\"price-row-value\" id=\"summaryEnd\">\u2013<\/span>\n <\/div>\n <div class=\"price-row\">\n <span class=\"price-row-label\">\u0627\u0644\u0633\u0639\u0631 \u0642\u0628\u0644 \u0627\u0644\u062e\u0635\u0645<\/span>\n <span class=\"price-row-value\" id=\"summaryBefore\">\u2013<\/span>\n <\/div>\n <div class=\"price-row discount-row\" id=\"discountRow\" style=\"display:none;\">\n <span class=\"price-row-label\">\u062e\u0635\u0645 \u0663\u0665\u066a \ud83c\udf81<\/span>\n <span class=\"price-row-value\" id=\"summaryDiscount\">\u2013<\/span>\n <\/div>\n <div class=\"price-row total-row\">\n <span class=\"price-row-label\">\u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\n <span class=\"price-row-value\" id=\"summaryTotal\">\u2013<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"section-title\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/div>\n <div class=\"form-grid\">\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"studentName\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u062d\u0645\u062f \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0623\u062d\u0645\u062f\">\n <\/div>\n\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 (\u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"firstNameEn\" placeholder=\"First Name\" dir=\"ltr\">\n <\/div>\n\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a (\u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"lastNameEn\" placeholder=\"Last Name\" dir=\"ltr\">\n <\/div>\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0627\u0633\u0645 \u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629) *<\/label>\n <input class=\"form-input\" type=\"text\" id=\"parentName\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0648\u0644\u064a \u0627\u0644\u0623\u0645\u0631\">\n <\/div>\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a *<\/label>\n <input class=\"form-input\" type=\"email\" id=\"email\" placeholder=\"example@email.com\" dir=\"ltr\">\n <\/div>\n\n \n <div class=\"form-group full\">\n <label class=\"form-label\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 *<\/label>\n <div class=\"phone-wrapper\">\n <span class=\"phone-prefix\">+9665<\/span>\n <input class=\"phone-input-inner\" type=\"tel\" id=\"phone\" placeholder=\"XXXXXXXX\" maxlength=\"8\" inputmode=\"numeric\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"terms-card\">\n <div class=\"section-title\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/div>\n\n \n <div class=\"terms-link-row\">\n \u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645\n <a href=\"https:\/\/acesaudi.org\/Summercontract.pdf\" target=\"_blank\" rel=\"noopener\">\u064a\u0631\u062c\u0649 \u0627\u0644\u0636\u063a\u0637 \u0647\u0646\u0627<\/a>\n <\/div>\n\n \n <label class=\"terms-checkbox-row\" for=\"termsCheckbox\">\n <input type=\"checkbox\" id=\"termsCheckbox\" onchange=\"checkSubmit()\">\n <span class=\"terms-checkbox-label\">\n \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 <span>*<\/span>\n \u0646\u0639\u0645\n <\/span>\n <\/label>\n <div class=\"terms-error\" id=\"termsError\">\n \u064a\u062c\u0628 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n <\/div>\n <\/div>\n\n \n <button class=\"submit-btn\" id=\"submitBtn\" onclick=\"submitForm()\" disabled>\n \u0623\u0643\u0645\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u0639\u0644\u0627\u0647 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629\n <\/button>\n\n<\/div>\n\n<script>\n\/* JavaScript \u064a\u064f\u0636\u0627\u0641 \u0639\u0628\u0631 WPCode *\/\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a \u0662\u0660\u0662\u0666 \ud83c\udf1f \u0645\u062e\u064a\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0631\u0641\u064a\u0647\u064a \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646 \u0641\u064a\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0635\u064a\u0641\u064a \u064a\u0628\u062f\u0623 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0628\u062a\u0627\u0631\u064a\u062e 7 \u064a\u0648\u0646\u064a\u0648 \u0662\u0660\u0662\u0666 \u0645\u0646 \u0627\u0644\u0623\u062d\u062f \u0625\u0644\u0649 \u0627\u0644\u062e\u0645\u064a\u0633 \u0641\u062a\u0631\u062a\u0627\u0646 \u064a\u0648\u0645\u064a\u0627\u064b \u062e\u0635\u0645 \u0663\u0665\u066a \u0644\u0623\u0648\u0644 50 \u0645\u0642\u0639\u062f \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629 \u00b7 8:00 \u0635 \u2013 11:30 \u0635 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629 \u00b7 12:30 \u0645 \u2013 4:00 \u0645 \u0661 \u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u062a\u0631\u0629 \u0662 \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 \u0663 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-125664","page","type-page","status-publish","hentry"],"acf":[],"meta_box":[],"_links":{"self":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages\/125664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/comments?post=125664"}],"version-history":[{"count":19,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages\/125664\/revisions"}],"predecessor-version":[{"id":125959,"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/pages\/125664\/revisions\/125959"}],"wp:attachment":[{"href":"https:\/\/acesaudi.org\/en\/wp-json\/wp\/v2\/media?parent=125664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}