{"id":11,"date":"2026-09-30T13:15:57","date_gmt":"2026-09-30T09:45:57","guid":{"rendered":"https:\/\/psykorfi.ir\/?page_id=11"},"modified":"2026-09-30T13:17:49","modified_gmt":"2026-09-30T09:47:49","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/psykorfi.ir\/","title":{"rendered":"Elementor #11"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37ae34d e-flex e-con-boxed e-con e-parent\" data-id=\"37ae34d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd19f4f elementor-widget elementor-widget-html\" data-id=\"dd19f4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" 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>\u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc | \u0645\u0634\u0627\u0648\u0631 \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --primary: #1B4D3E;\r\n            --primary-light: #2A6F5A;\r\n            --primary-dark: #12352B;\r\n            --accent: #D4AF37;\r\n            --accent-warm: #E29548;\r\n            --bg-page: #FAF8F5;\r\n            --text-main: #1E293B;\r\n            --text-muted: #64748B;\r\n            --border-color: #E2E8F0;\r\n            --radius-md: 12px;\r\n            --shadow-md: 0 8px 24px rgba(27, 77, 62, 0.08);\r\n            --shadow-lg: 0 16px 36px rgba(27, 77, 62, 0.12);\r\n        }\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Vazirmatn', sans-serif; }\r\n        body { background-color: var(--bg-page); color: var(--text-main); line-height: 1.8; overflow-x: hidden; }\r\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n        .top-banner { background: var(--primary-dark); color: #E2E8F0; padding: 8px 0; font-size: 0.82rem; text-align: center; }\r\n        .top-banner a { color: var(--accent); text-decoration: none; font-weight: 700; margin-right: 8px; }\r\n        header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid var(--border-color); }\r\n        .header-content { display: flex; align-items: center; justify-content: space-between; height: 75px; }\r\n        .logo-wrap { display: flex; align-items: center; gap: 12px; text-decoration: none; }\r\n        .logo-badge { width: 44px; height: 44px; background: var(--primary); color: var(--accent); display: flex; align-items: center; justify-content: center; border-radius: 12px; font-weight: 800; font-size: 1.25rem; }\r\n        .logo-text h1 { font-size: 1.15rem; font-weight: 800; color: var(--primary); }\r\n        .logo-text span { font-size: 0.72rem; color: var(--text-muted); }\r\n        .nav-links { display: flex; gap: 24px; list-style: none; }\r\n        .nav-links a { color: var(--text-main); text-decoration: none; font-size: 0.9rem; font-weight: 500; }\r\n        .nav-links a:hover { color: var(--primary); font-weight: 700; }\r\n        .btn-cta { background: linear-gradient(135deg, var(--accent-warm), var(--accent)); color: #12352B; padding: 9px 20px; border-radius: var(--radius-md); text-decoration: none; font-weight: 700; font-size: 0.88rem; display: inline-flex; align-items: center; gap: 8px; border: none; cursor: pointer; transition: all 0.25s ease; box-shadow: 0 4px 14px rgba(226, 149, 72, 0.35); }\r\n        .btn-cta:hover { transform: translateY(-2px); }\r\n        .btn-secondary { background: #FFFFFF; color: var(--primary); border: 1.5px solid var(--primary); padding: 9px 18px; border-radius: var(--radius-md); text-decoration: none; font-weight: 700; font-size: 0.88rem; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }\r\n        .hero { padding: 60px 0 40px; }\r\n        .hero-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: center; }\r\n        .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: #E8F3EE; color: var(--primary); padding: 6px 16px; border-radius: 30px; font-size: 0.82rem; font-weight: 700; margin-bottom: 16px; }\r\n        .hero-title { font-size: 2.3rem; font-weight: 900; color: var(--primary-dark); line-height: 1.35; margin-bottom: 16px; }\r\n        .hero-title span { color: var(--accent-warm); }\r\n        .hero-desc { font-size: 0.98rem; color: var(--text-muted); margin-bottom: 24px; text-align: justify; }\r\n        .hero-btns { display: flex; gap: 14px; margin-bottom: 30px; }\r\n        .hero-stats { display: flex; gap: 25px; border-top: 1px solid var(--border-color); padding-top: 20px; }\r\n        .stat-item h3 { font-size: 1.5rem; font-weight: 900; color: var(--primary); }\r\n        .stat-item p { font-size: 0.78rem; color: var(--text-muted); }\r\n        .hero-card { background: #FFFFFF; border-radius: 20px; padding: 25px; box-shadow: var(--shadow-lg); border: 1px solid var(--border-color); }\r\n        .hero-card-header { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; padding-bottom: 15px; border-bottom: 1px solid #F1F5F9; }\r\n        .counselor-avatar { width: 62px; height: 62px; border-radius: 16px; background: var(--primary); color: #FFF; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; }\r\n        .section-header { text-align: center; max-width: 650px; margin: 55px auto 35px; }\r\n        .section-tag { color: var(--accent-warm); font-weight: 800; font-size: 0.82rem; display: block; margin-bottom: 4px; }\r\n        .section-title { font-size: 1.9rem; font-weight: 800; color: var(--primary-dark); margin-bottom: 8px; }\r\n        .section-subtitle { font-size: 0.9rem; color: var(--text-muted); }\r\n        .booking-wrap { background: #FFFFFF; border-radius: 20px; padding: 35px; box-shadow: var(--shadow-md); border: 1px solid var(--border-color); margin-bottom: 60px; }\r\n        .booking-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 25px; }\r\n        .service-card { border: 2px solid #E2E8F0; border-radius: 14px; padding: 18px; cursor: pointer; transition: all 0.2s ease; position: relative; }\r\n        .service-card.active { border-color: var(--primary); background: #E8F3EE; }\r\n        .service-card .badge { position: absolute; top: 10px; left: 10px; background: var(--accent); color: #12352B; font-size: 0.68rem; font-weight: 700; padding: 2px 6px; border-radius: 8px; }\r\n        .service-icon { font-size: 1.6rem; color: var(--primary); margin-bottom: 8px; }\r\n        .service-title { font-size: 1rem; font-weight: 700; margin-bottom: 4px; }\r\n        .service-meta { font-size: 0.78rem; color: var(--text-muted); margin-bottom: 10px; }\r\n        .service-price { font-size: 1.1rem; font-weight: 800; color: var(--primary); }\r\n        .calendar-slots { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: #FAF8F5; padding: 20px; border-radius: 16px; margin-bottom: 25px; border: 1px solid #E2E8F0; }\r\n        .date-pill-group { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }\r\n        .date-pill { background: #FFF; border: 1.5px solid #CBD5E1; padding: 7px 14px; border-radius: 10px; cursor: pointer; font-size: 0.8rem; font-weight: 600; }\r\n        .date-pill.active { background: var(--primary); color: #FFF; border-color: var(--primary); }\r\n        .time-pill-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }\r\n        .time-pill { background: #FFF; border: 1.5px solid #CBD5E1; padding: 7px; border-radius: 8px; text-align: center; font-size: 0.8rem; font-weight: 600; cursor: pointer; }\r\n        .time-pill.active { background: var(--accent-warm); color: #FFF; border-color: var(--accent-warm); }\r\n        .booking-summary-bar { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #E2E8F0; padding-top: 20px; flex-wrap: wrap; gap: 15px; }\r\n        .talent-section { background: linear-gradient(135deg, #12352B, #1B4D3E); color: #FFF; border-radius: 24px; padding: 45px 35px; margin-bottom: 60px; box-shadow: var(--shadow-lg); }\r\n        .talent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: center; }\r\n        .test-widget-card { background: #FFF; color: var(--text-main); border-radius: 18px; padding: 25px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }\r\n        .options-list { display: flex; flex-direction: column; gap: 8px; margin: 15px 0; }\r\n        .option-item { background: #F8FAFC; border: 1.5px solid #E2E8F0; padding: 10px 14px; border-radius: 10px; cursor: pointer; font-size: 0.85rem; }\r\n        .option-item.selected { background: #E8F3EE; border-color: var(--primary); font-weight: 700; color: var(--primary-dark); }\r\n        .media-filter-tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; }\r\n        .filter-btn { background: #FFF; border: 1px solid #E2E8F0; padding: 7px 20px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; cursor: pointer; }\r\n        .filter-btn.active { background: var(--primary); color: #FFF; }\r\n        .media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 60px; }\r\n        .media-card { background: #FFF; border-radius: 16px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; }\r\n        .media-thumb { height: 160px; background: var(--primary); display: flex; align-items: center; justify-content: center; color: #FFF; position: relative; }\r\n        .eitaa-source-badge { position: absolute; bottom: 8px; left: 8px; background: #FF6600; color: #FFF; padding: 2px 7px; border-radius: 6px; font-size: 0.65rem; font-weight: 700; text-decoration: none; }\r\n        .media-body { padding: 16px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }\r\n        .audio-player-widget { background: #FAF8F5; border-radius: 10px; padding: 10px; display: flex; align-items: center; gap: 10px; border: 1px solid #E2E8F0; margin-top: 10px; }\r\n        .play-btn { width: 34px; height: 34px; border-radius: 50%; background: var(--primary); color: #FFF; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n        .courses-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 60px; }\r\n        .course-card { background: #FFF; border-radius: 16px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; }\r\n        .course-cover { height: 170px; background: linear-gradient(135deg, #1B4D3E, #2A6F5A); display: flex; align-items: center; justify-content: center; color: #FFF; position: relative; }\r\n        .course-badge { position: absolute; top: 10px; right: 10px; background: var(--accent); color: #12352B; font-size: 0.68rem; font-weight: 800; padding: 3px 8px; border-radius: 12px; }\r\n        .course-body { padding: 18px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }\r\n        .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 2000; align-items: center; justify-content: center; }\r\n        .modal-content { background: #FFF; width: 90%; max-width: 480px; border-radius: 18px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }\r\n        footer { background: #12352B; color: #E2E8F0; padding: 50px 0 25px; border-top: 4px solid var(--accent); }\r\n        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 30px; margin-bottom: 30px; }\r\n        .footer-col h4 { color: #FFF; font-size: 1rem; margin-bottom: 12px; font-weight: 800; }\r\n        .footer-col p { font-size: 0.85rem; color: #94A3B8; }\r\n        @media (max-width: 900px) {\r\n            .hero-grid, .talent-grid, .calendar-slots, .booking-tabs, .media-grid, .courses-grid, .footer-grid { grid-template-columns: 1fr; }\r\n            .nav-links { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"top-banner\">\r\n        <div class=\"container\">\r\n            <span>\u2728 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0647\u062f\u0627\u06cc\u062a \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0647\u0627 (\u062a\u0644\u0641\u0646\u06cc \u0648 \u062a\u0635\u0648\u06cc\u0631\u06cc Google Meet)<\/span>\r\n            <a href=\"#booking\">\u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a \u0645\u0634\u0627\u0648\u0631\u0647 &larr;<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <header>\r\n        <div class=\"container header-content\">\r\n            <a href=\"#\" class=\"logo-wrap\">\r\n                <div class=\"logo-badge\">MK<\/div>\r\n                <div class=\"logo-text\">\r\n                    <h1>\u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc<\/h1>\r\n                    <span>\u0645\u0634\u0627\u0648\u0631 \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"#booking\">\u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a<\/a><\/li>\r\n                <li><a href=\"#talent-test\">\u0622\u0632\u0645\u0648\u0646 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc<\/a><\/li>\r\n                <li><a href=\"#media-hub\">\u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627 \u0648 \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627<\/a><\/li>\r\n                <li><a href=\"#courses\">\u06a9\u062a\u0627\u0628 \u0648 \u062f\u0648\u0631\u0647\u200c\u0647\u0627<\/a><\/li>\r\n            <\/ul>\r\n            <a href=\"#booking\" class=\"btn-cta\"><i class=\"fa-solid fa-calendar-check\"><\/i> \u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a \u0641\u0648\u0631\u06cc<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"hero container\">\r\n        <div class=\"hero-grid\">\r\n            <div>\r\n                <div class=\"hero-badge\"><i class=\"fa-solid fa-shield-heart\"><\/i> \u0645\u0631\u062c\u0639 \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0633\u0646\u062c\u0634 \u0639\u0644\u0645\u06cc \u0627\u0633\u062a\u0639\u062f\u0627\u062f<\/div>\r\n                <h2 class=\"hero-title\">\u062f\u0633\u062a\u06cc\u0627\u0628\u06cc \u0628\u0647 <span>\u0622\u0631\u0627\u0645\u0634 \u0631\u0648\u0627\u0628\u0637<\/span> \u0648 \u0634\u06a9\u0648\u0641\u0627\u06cc\u06cc \u0631\u0633\u0627\u0644\u062a \u0641\u0631\u062f\u06cc<\/h2>\r\n                <p class=\"hero-desc\">\r\n                    \u062c\u0644\u0633\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u062a\u0644\u0641\u0646\u06cc \u0648 \u0627\u0631\u062a\u0628\u0627\u0637 \u062a\u0635\u0648\u06cc\u0631\u06cc \u062f\u0631 \u0628\u0633\u062a\u0631 Google Meet\u060c \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0648 \u0639\u0644\u0645\u06cc \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0646 \u0622\u06cc\u0646\u062f\u0647\u200c\u0627\u06cc \u0645\u0637\u0645\u0626\u0646 \u0648 \u0647\u062f\u0641\u0645\u0646\u062f.\r\n                <\/p>\r\n                <div class=\"hero-btns\">\r\n                    <a href=\"#booking\" class=\"btn-cta\"><i class=\"fa-solid fa-calendar-days\"><\/i> \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u0627\u0639\u062a \u0648 \u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a<\/a>\r\n                    <a href=\"#talent-test\" class=\"btn-secondary\"><i class=\"fa-solid fa-brain\"><\/i> \u0622\u0632\u0645\u0648\u0646 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc<\/a>\r\n                <\/div>\r\n                <div class=\"hero-stats\">\r\n                    <div class=\"stat-item\"><h3>+\u06f3,\u06f5\u06f0\u06f0<\/h3><p>\u0633\u0627\u0639\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0648\u0641\u0642<\/p><\/div>\r\n                    <div class=\"stat-item\"><h3>\u06f9\u06f8\u066a<\/h3><p>\u0631\u0636\u0627\u06cc\u062a \u0645\u0631\u0627\u062c\u0639\u06cc\u0646<\/p><\/div>\r\n                    <div class=\"stat-item\"><h3>+\u06f1\u06f5<\/h3><p>\u0633\u0627\u0644 \u0633\u0627\u0628\u0642\u0647 \u067e\u0698\u0648\u0647\u0634 \u0648 \u0645\u0634\u0627\u0648\u0631\u0647<\/p><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-card\">\r\n                <div class=\"hero-card-header\">\r\n                    <div class=\"counselor-avatar\"><i class=\"fa-solid fa-user-doctor\"><\/i><\/div>\r\n                    <div>\r\n                        <h4 style=\"color: var(--primary-dark); font-weight: 800;\">\u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc<\/h4>\r\n                        <p style=\"font-size: 0.8rem; color: var(--text-muted);\">\u0645\u0634\u0627\u0648\u0631 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0645\u062a\u062e\u0635\u0635 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0627\u0633\u062a\u0639\u062f\u0627\u062f<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div style=\"background: #FAF8F5; padding: 15px; border-radius: 12px; border: 1px dashed #CBD5E1;\">\r\n                    <div style=\"font-weight: 700; font-size: 0.85rem; color: var(--primary-dark); margin-bottom: 6px;\">\r\n                        \u26a1 \u0648\u0636\u0639\u06cc\u062a \u0646\u0648\u0628\u062a\u200c\u0647\u0627\u06cc \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0645\u0631\u0648\u0632:\r\n                    <\/div>\r\n                    <p style=\"font-size: 0.78rem; color: #475569; margin-bottom: 10px;\">\r\n                        \u0627\u0645\u0631\u0648\u0632 \u06f2 \u0646\u0648\u0628\u062a \u062a\u0644\u0641\u0646\u06cc \u0648 \u06f1 \u0646\u0648\u0628\u062a \u0622\u0646\u0644\u0627\u06cc\u0646 \u062f\u0631 \u0628\u0633\u062a\u0631 Google Meet \u0622\u0632\u0627\u062f \u0627\u0633\u062a.\r\n                    <\/p>\r\n                    <a href=\"#booking\" class=\"btn-cta\" style=\"width: 100%; justify-content: center; font-size: 0.82rem;\">\u0631\u0632\u0631\u0648 \u0633\u0631\u06cc\u0639 \u0646\u0648\u0628\u062a \u0627\u0645\u0631\u0648\u0632<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Booking -->\r\n    <section class=\"container\" id=\"booking\">\r\n        <div class=\"section-header\">\r\n            <span class=\"section-tag\">\u0633\u06cc\u0633\u062a\u0645 \u0646\u0648\u0628\u062a\u200c\u062f\u0647\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646<\/span>\r\n            <h2 class=\"section-title\">\u0631\u0632\u0631\u0648 \u0622\u0633\u0627\u0646 \u0646\u0648\u0628\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/h2>\r\n            <p class=\"section-subtitle\">\u0646\u0648\u0639 \u062e\u062f\u0645\u062a\u060c \u0631\u0648\u0632 \u0648 \u0633\u0627\u0639\u062a \u062e\u0627\u0644\u06cc \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0644\u06cc\u0646\u06a9 \u062c\u0644\u0633\u0647 \u06cc\u0627 \u062a\u0645\u0627\u0633 \u067e\u06cc\u0627\u0645\u06a9 \u0634\u0648\u062f.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"booking-wrap\">\r\n            <h4 style=\"font-size: 1rem; font-weight: 800; color: var(--primary); margin-bottom: 12px;\">\u06f1. \u0646\u0648\u0639 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f:<\/h4>\r\n            <div class=\"booking-tabs\">\r\n                <div class=\"service-card active\" onclick=\"selectService(this, '\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0644\u0641\u0646\u06cc \u0641\u0631\u062f\u06cc (\u06f4\u06f5 \u062f\u0642\u06cc\u0642\u0647)', 450000)\">\r\n                    <span class=\"badge\">\u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646<\/span>\r\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-phone-volume\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0644\u0641\u0646\u06cc \u0641\u0631\u062f\u06cc<\/div>\r\n                    <div class=\"service-meta\">\u06f4\u06f5 \u062f\u0642\u06cc\u0642\u0647 | \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0634\u0627\u0648\u0631 \u0628\u0627 \u0634\u0645\u0627<\/div>\r\n                    <div class=\"service-price\">\u06f4\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n                <div class=\"service-card\" onclick=\"selectService(this, '\u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0632\u0648\u062c\u06cc\u0646 (\u06af\u0648\u06af\u0644 \u0645\u06cc\u062a - \u06f6\u06f0 \u062f\u0642\u06cc\u0642\u0647)', 650000)\">\r\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-video\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u062c\u0644\u0633\u0647 \u062a\u0635\u0648\u06cc\u0631\u06cc Google Meet<\/div>\r\n                    <div class=\"service-meta\">\u06f6\u06f0 \u062f\u0642\u06cc\u0642\u0647 | \u0627\u0631\u0633\u0627\u0644 \u0644\u06cc\u0646\u06a9 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u06af\u0648\u06af\u0644 \u0645\u06cc\u062a<\/div>\r\n                    <div class=\"service-price\">\u06f6\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n                <div class=\"service-card\" onclick=\"selectService(this, '\u067e\u06a9\u06cc\u062c \u062c\u0627\u0645\u0639 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc + \u062a\u062d\u0644\u06cc\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc', 850000)\">\r\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-compass\"><\/i><\/div>\r\n                    <div class=\"service-title\">\u067e\u06a9\u06cc\u062c \u0633\u0646\u062c\u0634 \u0627\u0633\u062a\u0639\u062f\u0627\u062f<\/div>\r\n                    <div class=\"service-meta\">\u0634\u0627\u0645\u0644 \u0622\u0632\u0645\u0648\u0646 \u0639\u0644\u0645\u06cc + \u062c\u0644\u0633\u0647 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0646\u0627\u0645\u0647<\/div>\r\n                    <div class=\"service-price\">\u06f8\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <h4 style=\"font-size: 1rem; font-weight: 800; color: var(--primary); margin-bottom: 12px;\">\u06f2. \u0631\u0648\u0632 \u0648 \u0633\u0627\u0639\u062a \u0631\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f:<\/h4>\r\n            <div class=\"calendar-slots\">\r\n                <div>\r\n                    <h5 style=\"font-size: 0.85rem; color: var(--primary);\"><i class=\"fa-solid fa-calendar-day\"><\/i> \u0631\u0648\u0632\u0647\u0627\u06cc \u0622\u0632\u0627\u062f:<\/h5>\r\n                    <div class=\"date-pill-group\">\r\n                        <div class=\"date-pill active\" onclick=\"selectDate(this, '\u0634\u0646\u0628\u0647 \u06f1\u06f2 \u0645\u0647\u0631')\">\u0634\u0646\u0628\u0647 \u06f1\u06f2 \u0645\u0647\u0631<\/div>\r\n                        <div class=\"date-pill\" onclick=\"selectDate(this, '\u06cc\u06a9\u0634\u0646\u0628\u0647 \u06f1\u06f3 \u0645\u0647\u0631')\">\u06cc\u06a9\u0634\u0646\u0628\u0647 \u06f1\u06f3 \u0645\u0647\u0631<\/div>\r\n                        <div class=\"date-pill\" onclick=\"selectDate(this, '\u062f\u0648\u0634\u0646\u0628\u0647 \u06f1\u06f4 \u0645\u0647\u0631')\">\u062f\u0648\u0634\u0646\u0628\u0647 \u06f1\u06f4 \u0645\u0647\u0631<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <h5 style=\"font-size: 0.85rem; color: var(--primary);\"><i class=\"fa-solid fa-clock\"><\/i> \u0633\u0627\u0639\u062a\u200c\u0647\u0627\u06cc \u062e\u0627\u0644\u06cc:<\/h5>\r\n                    <div class=\"time-pill-group\">\r\n                        <div class=\"time-pill active\" onclick=\"selectTime(this, '\u06f1\u06f0:\u06f0\u06f0 \u0635\u0628\u062d')\">\u06f1\u06f0:\u06f0\u06f0 \u0635\u0628\u062d<\/div>\r\n                        <div class=\"time-pill\" onclick=\"selectTime(this, '\u06f1\u06f6:\u06f3\u06f0 \u0639\u0635\u0631')\">\u06f1\u06f6:\u06f3\u06f0 \u0639\u0635\u0631<\/div>\r\n                        <div class=\"time-pill\" onclick=\"selectTime(this, '\u06f1\u06f8:\u06f3\u06f0 \u0634\u0628')\">\u06f1\u06f8:\u06f3\u06f0 \u0634\u0628<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"booking-summary-bar\">\r\n                <div>\r\n                    <span style=\"font-size: 0.78rem; color: var(--text-muted);\">\u062c\u0644\u0633\u0647 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0634\u0645\u0627:<\/span>\r\n                    <div id=\"summaryText\" style=\"font-weight: 800; font-size: 1.05rem; color: var(--primary-dark);\">\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0644\u0641\u0646\u06cc \u0641\u0631\u062f\u06cc (\u06f4\u06f5 \u062f\u0642\u06cc\u0642\u0647) \u2014 \u0634\u0646\u0628\u0647 \u06f1\u06f2 \u0645\u0647\u0631 \u0633\u0627\u0639\u062a \u06f1\u06f0:\u06f0\u06f0 \u0635\u0628\u062d<\/div>\r\n                <\/div>\r\n                <div style=\"display: flex; align-items: center; gap: 15px;\">\r\n                    <div id=\"priceDisplay\" style=\"font-size: 1.3rem; font-weight: 900; color: var(--primary);\">\u06f4\u06f5\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\r\n                    <button class=\"btn-cta\" onclick=\"openBookingModal()\"><i class=\"fa-solid fa-shield-halved\"><\/i> \u062a\u06a9\u0645\u06cc\u0644 \u0645\u0634\u062e\u0635\u0627\u062a \u0648 \u067e\u0631\u062f\u0627\u062e\u062a<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Talent Assessment API Section -->\r\n    <section class=\"container\" id=\"talent-test\">\r\n        <div class=\"talent-section\">\r\n            <div class=\"talent-grid\">\r\n                <div>\r\n                    <span style=\"color: var(--accent); font-weight: 800; font-size: 0.82rem;\">\u0633\u0627\u0645\u0627\u0646\u0647 \u0639\u0644\u0645\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0627\u0633\u062a\u0639\u062f\u0627\u062f<\/span>\r\n                    <h3 style=\"font-size: 1.8rem; margin: 8px 0 14px; font-weight: 800;\">\u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0645\u062a\u0635\u0644 \u0628\u0647 \u0648\u0628\u200c\u0633\u0631\u0648\u06cc\u0633 (API)<\/h3>\r\n                    <p style=\"font-size: 0.9rem; color: #CBD5E1; line-height: 1.8;\">\r\n                        \u0645\u0631\u0627\u062c\u0639 \u0628\u062f\u0648\u0646 \u062e\u0631\u0648\u062c \u0627\u0632 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0622\u0632\u0645\u0648\u0646 \u0631\u0627 \u067e\u0627\u0633\u062e \u0645\u06cc\u200c\u062f\u0647\u062f. \u0646\u062a\u0627\u06cc\u062c \u0628\u0647 \u0635\u0648\u0631\u062a \u0622\u0646\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u0634\u062f\u0647\u060c \u06a9\u0627\u0631\u0646\u0627\u0645\u0647 \u062a\u062d\u0644\u06cc\u0644\u06cc \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0631\u0627\u0626\u0647 \u0648 \u06cc\u06a9 \u0646\u0633\u062e\u0647 \u0646\u06cc\u0632 \u0628\u0631\u0627\u06cc \u062c\u0644\u0633\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0647 \u067e\u0646\u0644 \u0634\u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"test-widget-card\" id=\"quizContainer\">\r\n                    <div style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #E2E8F0; padding-bottom: 10px;\">\r\n                        <span id=\"quizBadge\" style=\"font-weight: 700; color: var(--primary); font-size: 0.82rem;\">\u0622\u0632\u0645\u0648\u0646 \u0647\u0648\u0634\u200c\u0647\u0627\u06cc \u0686\u0646\u062f\u06af\u0627\u0646\u0647 \u0648 \u0631\u063a\u0628\u062a\u200c\u0633\u0646\u062c\u06cc (\u0633\u0648\u0627\u0644 \u06f1 \u0627\u0632 \u06f3)<\/span>\r\n                        <span style=\"color: #10B981; font-weight: 700; font-size: 0.75rem;\">API Connected \ud83d\udfe2<\/span>\r\n                    <\/div>\r\n                    <p id=\"quizQuestionText\" style=\"font-weight: 700; margin: 12px 0; font-size: 0.92rem; color: var(--primary-dark);\">\r\n                        \u00ab\u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0648 \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u0627\u0648\u0644\u0648\u06cc\u062a \u0627\u0648\u0644 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0634\u0645\u0627 \u0686\u06cc\u0633\u062a\u061f\u00bb\r\n                    <\/p>\r\n                    <div class=\"options-list\" id=\"quizOptionsList\">\r\n                        <div class=\"option-item selected\" onclick=\"selectOption(this, 1)\">\u06f1. \u06af\u0641\u062a\u06af\u0648 \u0648 \u062d\u0644 \u0645\u0633\u0626\u0644\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0645\u0634\u0648\u0631\u062a \u062c\u0645\u0639\u06cc \u0648 \u0647\u0645\u062f\u0644\u06cc<\/div>\r\n                        <div class=\"option-item\" onclick=\"selectOption(this, 2)\">\u06f2. \u062a\u062d\u0644\u06cc\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c \u0622\u0645\u0627\u0631 \u0648 \u062a\u0641\u06a9\u0631 \u0645\u0646\u0637\u0642\u06cc \u0641\u0631\u062f\u06cc<\/div>\r\n                        <div class=\"option-item\" onclick=\"selectOption(this, 3)\">\u06f3. \u062e\u0644\u0642 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627\u06cc \u0646\u0648\u0622\u0648\u0631\u0627\u0646\u0647 \u0648 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0645\u0639\u0645\u0648\u0644<\/div>\r\n                    <\/div>\r\n                    <button class=\"btn-cta\" id=\"quizSubmitBtn\" style=\"width: 100%; justify-content: center;\" onclick=\"nextQuizStep()\">\r\n                        \u062b\u0628\u062a \u067e\u0627\u0633\u062e \u0648 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f &larr;\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Eitaa Hub -->\r\n    <section class=\"container\" id=\"media-hub\">\r\n        <div class=\"section-header\">\r\n            <span class=\"section-tag\">\u067e\u0627\u06cc\u06af\u0627\u0647 \u0631\u0633\u0627\u0646\u0647\u200c\u0627\u06cc \u0645\u062a\u0635\u0644 \u0628\u0647 \u0627\u06cc\u062a\u0627<\/span>\r\n            <h2 class=\"section-title\">\u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627\u060c \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u0648 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a\u200c\u0647\u0627<\/h2>\r\n            <p class=\"section-subtitle\">\r\n                \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0627\u0632 \u06a9\u0627\u0646\u0627\u0644 \u0631\u0633\u0645\u06cc \u0627\u06cc\u062a\u0627 <a href=\"https:\/\/eitaa.com\/psykorfi\" target=\"_blank\" style=\"color: var(--primary); font-weight: 700; text-decoration: none;\">(@psykorfi)<\/a> \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0628\u062f\u0648\u0646 \u0627\u0634\u063a\u0627\u0644 \u062d\u062c\u0645 \u0647\u0627\u0633\u062a \u0627\u0633\u062a\u0631\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n            <\/p>\r\n        <\/div>\r\n        <div class=\"media-filter-tabs\">\r\n            <button class=\"filter-btn active\" onclick=\"filterMedia('all', this)\"><i class=\"fa-solid fa-layer-group\"><\/i> \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f<\/button>\r\n            <button class=\"filter-btn\" onclick=\"filterMedia('podcast', this)\"><i class=\"fa-solid fa-headphones\"><\/i> \u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627\u06cc \u0635\u0648\u062a\u06cc<\/button>\r\n            <button class=\"filter-btn\" onclick=\"filterMedia('video', this)\"><i class=\"fa-solid fa-video\"><\/i> \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627<\/button>\r\n            <button class=\"filter-btn\" onclick=\"filterMedia('article', this)\"><i class=\"fa-solid fa-newspaper\"><\/i> \u0645\u0642\u0627\u0644\u0627\u062a<\/button>\r\n        <\/div>\r\n        <div class=\"media-grid\">\r\n            <div class=\"media-card media-item podcast\">\r\n                <div class=\"media-thumb\">\r\n                    <i class=\"fa-solid fa-headphones-simple\" style=\"font-size: 2.8rem; opacity: 0.8;\"><\/i>\r\n                    <a href=\"https:\/\/eitaa.com\/psykorfi\" target=\"_blank\" class=\"eitaa-source-badge\">\u0627\u06cc\u062a\u0627: @psykorfi<\/a>\r\n                <\/div>\r\n                <div class=\"media-body\">\r\n                    <h3 style=\"font-size: 0.95rem; font-weight: 700;\">\u067e\u0627\u062f\u06a9\u0633\u062a: \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u062d\u0644 \u062a\u0639\u0627\u0631\u0636 \u0647\u0645\u0633\u0631\u0627\u0646<\/h3>\r\n                    <p style=\"font-size: 0.78rem; color: var(--text-muted); margin-top: 4px;\">\u0645\u062f\u062a: \u06f1\u06f8 \u062f\u0642\u06cc\u0642\u0647 | \u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u062f\u0631 \u06a9\u0627\u0646\u0627\u0644 \u0627\u06cc\u062a\u0627<\/p>\r\n                    <div class=\"audio-player-widget\">\r\n                        <button class=\"play-btn\" id=\"audioPlayBtn\" onclick=\"toggleAudio(this)\"><i class=\"fa-solid fa-play\"><\/i><\/button>\r\n                        <div style=\"flex-grow: 1;\">\r\n                            <div style=\"height: 5px; background: #CBD5E1; border-radius: 4px; overflow: hidden;\">\r\n                                <div id=\"audioFill\" style=\"width: 35%; height: 100%; background: var(--accent-warm); transition: width 0.3s;\"><\/div>\r\n                            <\/div>\r\n                            <div style=\"display: flex; justify-content: space-between; font-size: 0.65rem; color: var(--text-muted); margin-top: 3px;\">\r\n                                <span id=\"audioCurrentTime\">\u06f0\u06f6:\u06f2\u06f0<\/span>\r\n                                <span>\u06f1\u06f8:\u06f0\u06f0<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/eitaa.com\/psykorfi\" target=\"_blank\" style=\"color: var(--primary);\" title=\"\u062f\u0627\u0646\u0644\u0648\u062f \u0627\u0632 \u0627\u06cc\u062a\u0627\"><i class=\"fa-solid fa-download\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"media-card media-item video\">\r\n                <div class=\"media-thumb\" style=\"background: #7C2D12;\">\r\n                    <i class=\"fa-solid fa-circle-play\" style=\"font-size: 3rem;\"><\/i>\r\n                    <a href=\"https:\/\/eitaa.com\/psykorfi\" target=\"_blank\" class=\"eitaa-source-badge\">\u0627\u06cc\u062a\u0627: @psykorfi<\/a>\r\n                <\/div>\r\n                <div class=\"media-body\">\r\n                    <h3 style=\"font-size: 0.95rem; font-weight: 700;\">\u0648\u06cc\u062f\u06cc\u0648: \u0646\u0634\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u067e\u0646\u0647\u0627\u0646 \u062f\u0631 \u0646\u0648\u062c\u0648\u0627\u0646\u0627\u0646<\/h3>\r\n                    <p style=\"font-size: 0.78rem; color: var(--text-muted); margin-top: 4px;\">\u0645\u062f\u062a: \u06f5 \u062f\u0642\u06cc\u0642\u0647 | \u062a\u062d\u0644\u06cc\u0644 \u0631\u0641\u062a\u0627\u0631\u06cc \u0648 \u0647\u062f\u0627\u06cc\u062a \u062a\u062d\u0635\u06cc\u0644\u06cc<\/p>\r\n                    <button class=\"btn-secondary\" style=\"width: 100%; justify-content: center; margin-top: 10px; font-size: 0.8rem;\" onclick=\"alert('\u067e\u062e\u0634 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0648\u06cc\u062f\u06cc\u0648 \u0627\u0632 \u0633\u0631\u0648\u0631 \u0627\u06cc\u062a\u0627.')\">\u067e\u062e\u0634 \u0648\u06cc\u062f\u06cc\u0648<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"media-card media-item article\">\r\n                <div class=\"media-thumb\" style=\"background: #1E293B;\">\r\n                    <i class=\"fa-solid fa-book-open\" style=\"font-size: 2.8rem; opacity: 0.8;\"><\/i>\r\n                    <a href=\"https:\/\/eitaa.com\/psykorfi\" target=\"_blank\" class=\"eitaa-source-badge\">\u0627\u06cc\u062a\u0627: @psykorfi<\/a>\r\n                <\/div>\r\n                <div class=\"media-body\">\r\n                    <h3 style=\"font-size: 0.95rem; font-weight: 700;\">\u0645\u0642\u0627\u0644\u0647: \u0645\u0647\u0627\u0631 \u062a\u0631\u0633 \u0648 \u0627\u0636\u0637\u0631\u0627\u0628 \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0634\u062a\u0647 \u0648 \u0634\u063a\u0644<\/h3>\r\n                    <p style=\"font-size: 0.78rem; color: var(--text-muted); margin-top: 4px;\">\u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f6 \u062f\u0642\u06cc\u0642\u0647 | \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648\u0627\u0644\u062f\u06cc\u0646<\/p>\r\n                    <button class=\"btn-secondary\" style=\"width: 100%; justify-content: center; margin-top: 10px; font-size: 0.8rem;\">\u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 &larr;<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Booking Modal -->\r\n    <div class=\"modal\" id=\"bookingModal\">\r\n        <div class=\"modal-content\">\r\n            <h4 style=\"font-size: 1.1rem; color: var(--primary-dark); font-weight: 800; margin-bottom: 12px;\">\u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0631\u0627\u062c\u0639 \u062c\u0647\u062a \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u062c\u0644\u0633\u0647<\/h4>\r\n            <p id=\"modalSessionSummary\" style=\"font-size: 0.82rem; color: var(--text-muted); margin-bottom: 16px; background: #FAF8F5; padding: 8px 12px; border-radius: 8px;\"><\/p>\r\n            <div style=\"margin-bottom: 12px;\">\r\n                <label style=\"font-size: 0.8rem; font-weight: 700; display: block; margin-bottom: 4px;\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc:<\/label>\r\n                <input type=\"text\" id=\"clientName\" placeholder=\"\u0645\u062b\u0627\u0644: \u0639\u0644\u06cc \u0627\u062d\u0645\u062f\u06cc\" style=\"width: 100%; padding: 8px 12px; border: 1.5px solid #CBD5E1; border-radius: 8px; font-size: 0.85rem;\">\r\n            <\/div>\r\n            <div style=\"margin-bottom: 16px;\">\r\n                <label style=\"font-size: 0.8rem; font-weight: 700; display: block; margin-bottom: 4px;\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 (\u062c\u0647\u062a \u062f\u0631\u06cc\u0627\u0641\u062a \u067e\u06cc\u0627\u0645\u06a9 \u062a\u0627\u06cc\u06cc\u062f \u0648 \u0644\u06cc\u0646\u06a9 \u062c\u0644\u0633\u0647):<\/label>\r\n                <input type=\"tel\" id=\"clientPhone\" placeholder=\"\u06f0\u06f9\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9\" style=\"width: 100%; padding: 8px 12px; border: 1.5px solid #CBD5E1; border-radius: 8px; font-size: 0.85rem; text-align: left; direction: ltr;\">\r\n            <\/div>\r\n            <div style=\"display: flex; gap: 10px;\">\r\n                <button class=\"btn-cta\" style=\"flex: 1; justify-content: center;\" onclick=\"finalizeBooking()\">\u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u062f\u0631\u06af\u0627\u0647 \u0628\u0627\u0646\u06a9\u06cc<\/button>\r\n                <button class=\"btn-secondary\" onclick=\"closeBookingModal()\">\u0627\u0646\u0635\u0631\u0627\u0641<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <footer>\r\n        <div class=\"container footer-grid\">\r\n            <div class=\"footer-col\">\r\n                <h4>\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc<\/h4>\r\n                <p>\u0645\u0634\u0627\u0648\u0631 \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0645\u062a\u062e\u0635\u0635 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc. \u0647\u062f\u0641 \u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc \u0648 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0631\u0627\u06cc \u0622\u0631\u0627\u0645\u0634 \u0631\u0648\u0627\u0628\u0637 \u062e\u0627\u0646\u0648\u0627\u062f\u0647\u200c\u0647\u0627 \u0648 \u0647\u062f\u0627\u06cc\u062a \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647\u200c\u0633\u0627\u0632\u0627\u0646 \u0627\u0633\u062a.<\/p>\r\n                <div style=\"margin-top: 14px;\">\r\n                    <a href=\"https:\/\/eitaa.com\/psykorfi\" target=\"_blank\" style=\"display: inline-flex; align-items: center; gap: 8px; background: #FF6600; color: #FFF; padding: 6px 14px; border-radius: 8px; text-decoration: none; font-size: 0.8rem; font-weight: 700;\">\r\n                        <i class=\"fa-solid fa-paper-plane\"><\/i> \u0639\u0636\u0648\u06cc\u062a \u062f\u0631 \u06a9\u0627\u0646\u0627\u0644 \u0627\u06cc\u062a\u0627 (@psykorfi)\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-col\">\r\n                <h4>\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\r\n                <p><a href=\"#booking\" style=\"color: #CBD5E1; text-decoration: none;\">\u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/a><\/p>\r\n                <p><a href=\"#talent-test\" style=\"color: #CBD5E1; text-decoration: none;\">\u0622\u0632\u0645\u0648\u0646 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc<\/a><\/p>\r\n                <p><a href=\"#media-hub\" style=\"color: #CBD5E1; text-decoration: none;\">\u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627 \u0648 \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627<\/a><\/p>\r\n            <\/div>\r\n            <div class=\"footer-col\">\r\n                <h4>\u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u0627\u0648\u0631\u0647<\/h4>\r\n                <p>\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0644\u0641\u0646\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645<\/p>\r\n                <p>\u062c\u0644\u0633\u0647 \u062a\u0635\u0648\u06cc\u0631\u06cc Google Meet<\/p>\r\n                <p>\u0633\u0646\u062c\u0634 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0627\u0633\u062a\u0639\u062f\u0627\u062f<\/p>\r\n            <\/div>\r\n            <div class=\"footer-col\">\r\n                <h4>\u0627\u0645\u0646\u06cc\u062a \u0648 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a<\/h4>\r\n                <p style=\"font-size: 0.8rem;\">\u0627\u062a\u0635\u0627\u0644 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0634\u0628\u06a9\u0647 \u0634\u0627\u067e\u0631\u06a9<\/p>\r\n                <p style=\"font-size: 0.8rem;\">\u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645\u06a9 \u0622\u0646\u06cc \u0628\u0627 \u0648\u0628\u200c\u0633\u0631\u0648\u06cc\u0633 \u062e\u062f\u0645\u0627\u062a\u06cc<\/p>\r\n                <div style=\"margin-top: 10px; font-size: 0.75rem; color: #94A3B8;\">\u06a9\u0627\u0646\u0627\u0644 \u0631\u0633\u0645\u06cc: eitaa.com\/psykorfi<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div style=\"text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; font-size: 0.75rem; color: #64748B;\">\r\n            \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0633\u0645\u06cc \u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        let currentPrice = 450000;\r\n        let currentServiceName = '\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0644\u0641\u0646\u06cc \u0641\u0631\u062f\u06cc (\u06f4\u06f5 \u062f\u0642\u06cc\u0642\u0647)';\r\n        let currentDate = '\u0634\u0646\u0628\u0647 \u06f1\u06f2 \u0645\u0647\u0631';\r\n        let currentTime = '\u06f1\u06f0:\u06f0\u06f0 \u0635\u0628\u062d';\r\n\r\n        function selectService(elem, name, price) {\r\n            document.querySelectorAll('.service-card').forEach(c => c.classList.remove('active'));\r\n            elem.classList.add('active');\r\n            currentServiceName = name;\r\n            currentPrice = price;\r\n            updateSummary();\r\n        }\r\n\r\n        function selectDate(elem, date) {\r\n            document.querySelectorAll('.date-pill').forEach(p => p.classList.remove('active'));\r\n            elem.classList.add('active');\r\n            currentDate = date;\r\n            updateSummary();\r\n        }\r\n\r\n        function selectTime(elem, time) {\r\n            document.querySelectorAll('.time-pill').forEach(p => p.classList.remove('active'));\r\n            elem.classList.add('active');\r\n            currentTime = time;\r\n            updateSummary();\r\n        }\r\n\r\n        function updateSummary() {\r\n            document.getElementById('summaryText').innerText = `${currentServiceName} \u2014 ${currentDate} \u0633\u0627\u0639\u062a ${currentTime}`;\r\n            document.getElementById('priceDisplay').innerText = `${currentPrice.toLocaleString('fa-IR')} \u062a\u0648\u0645\u0627\u0646`;\r\n        }\r\n\r\n        function openBookingModal() {\r\n            document.getElementById('modalSessionSummary').innerText = `${currentServiceName} | ${currentDate} \u0633\u0627\u0639\u062a ${currentTime} | \u0645\u0628\u0644\u063a: ${currentPrice.toLocaleString('fa-IR')} \u062a\u0648\u0645\u0627\u0646`;\r\n            document.getElementById('bookingModal').style.display = 'flex';\r\n        }\r\n\r\n        function closeBookingModal() {\r\n            document.getElementById('bookingModal').style.display = 'none';\r\n        }\r\n\r\n        function finalizeBooking() {\r\n            const name = document.getElementById('clientName').value.trim();\r\n            const phone = document.getElementById('clientPhone').value.trim();\r\n            if (!name || !phone) {\r\n                alert('\u0644\u0637\u0641\u0627\u064b \u0646\u0627\u0645 \u0648 \u0634\u0645\u0627\u0631\u0647 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u0646\u0645\u0627\u06cc\u06cc\u062f.');\r\n                return;\r\n            }\r\n            alert(`\u067e\u0631\u062f\u0627\u062e\u062a \u062a\u0633\u062a\u06cc \u0645\u0648\u0641\u0642\u06cc\u062a\u200c\u0622\u0645\u06cc\u0632 \u0628\u0648\u062f!\\n\\n\u0645\u0631\u0627\u062c\u0639: ${name} (${phone})\\n\u062e\u062f\u0645\u062a: ${currentServiceName}\\n\u0632\u0645\u0627\u0646: ${currentDate} \u0633\u0627\u0639\u062a ${currentTime}\\n\\n\u067e\u06cc\u0627\u0645\u06a9 \u062a\u0627\u06cc\u06cc\u062f \u062d\u0627\u0648\u06cc \u0644\u06cc\u0646\u06a9 Google Meet \u0628\u0647 \u0634\u0645\u0627\u0631\u0647 ${phone} \u0627\u0631\u0633\u0627\u0644 \u0634\u062f \u0648 \u062c\u0644\u0633\u0647 \u062f\u0631 \u062a\u0642\u0648\u06cc\u0645 \u0645\u0634\u0627\u0648\u0631 \u0631\u0632\u0631\u0648 \u06af\u0631\u062f\u06cc\u062f.`);\r\n            closeBookingModal();\r\n        }\r\n\r\n        \/\/ Talent Quiz Logic\r\n        const quizData = [\r\n            {\r\n                q: \"\u00ab\u062f\u0631 \u0645\u0648\u0627\u062c\u0647\u0647 \u0628\u0627 \u06cc\u06a9 \u0686\u0627\u0644\u0634 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0641\u0631\u062f\u06cc \u06cc\u0627 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\u060c \u0631\u0648\u06cc\u06a9\u0631\u062f \u0627\u0648\u0644\u06cc\u0647 \u0634\u0645\u0627 \u0686\u06cc\u0633\u062a\u061f\u00bb\",\r\n                opts: [\"\u06f1. \u06af\u0641\u062a\u06af\u0648 \u0648 \u062d\u0644 \u0645\u0633\u0626\u0644\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0645\u0634\u0648\u0631\u062a \u062c\u0645\u0639\u06cc \u0648 \u0647\u0645\u062f\u0644\u06cc\", \"\u06f2. \u062a\u062d\u0644\u06cc\u0644 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c \u0639\u0644\u0644 \u0631\u06cc\u0634\u0647\u200c\u0627\u06cc \u0648 \u062a\u0641\u06a9\u0631 \u0645\u0646\u0637\u0642\u06cc\", \"\u06f3. \u062e\u0644\u0642 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627\u06cc \u0646\u0648\u0622\u0648\u0631\u0627\u0646\u0647 \u0648 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0645\u0639\u0645\u0648\u0644\"]\r\n            },\r\n            {\r\n                q: \"\u00ab\u062f\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06cc\u06a9 \u0645\u0647\u0627\u0631\u062a \u062c\u062f\u06cc\u062f\u060c \u06a9\u062f\u0627\u0645 \u0634\u06cc\u0648\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062d\u0633\u0627\u0633 \u062a\u0633\u0644\u0637 \u0648 \u0634\u06a9\u0648\u0641\u0627\u06cc\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0645\u06cc\u200c\u062f\u0647\u062f\u061f\u00bb\",\r\n                opts: [\"\u06f1. \u0622\u0645\u0648\u0632\u0634 \u0639\u0645\u0644\u06cc \u0648 \u062a\u062c\u0631\u0628\u0647 \u062f\u0633\u062a\u200c\u0627\u0648\u0644 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u0648\u0627\u0642\u0639\u06cc\", \"\u06f2. \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0646\u0627\u0628\u0639 \u0645\u0641\u0647\u0648\u0645\u06cc \u0648 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647\", \"\u06f3. \u0628\u062d\u062b\u060c \u06af\u0641\u062a\u06af\u0648\u06cc \u06a9\u0644\u0627\u0645\u06cc \u0648 \u062a\u062f\u0631\u06cc\u0633 \u0628\u0647 \u062f\u06cc\u06af\u0631\u0627\u0646\"]\r\n            },\r\n            {\r\n                q: \"\u00ab\u0627\u06af\u0631 \u0642\u0631\u0627\u0631 \u0628\u0627\u0634\u062f \u062f\u0631 \u06cc\u06a9 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0646\u0642\u0634\u06cc \u0631\u0627 \u0628\u0631 \u0639\u0647\u062f\u0647 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u062a\u0631\u062c\u06cc\u062d \u0634\u0645\u0627 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f\u00bb\",\r\n                opts: [\"\u06f1. \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u0648\u0627\u0628\u0637\u060c \u0627\u0646\u06af\u06cc\u0632\u0634\u200c\u0628\u062e\u0634\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0647 \u0627\u0641\u0631\u0627\u062f\", \"\u06f2. \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u062f\u0642\u06cc\u0642\u060c \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0648 \u0646\u0638\u0627\u0631\u062a \u0628\u0631 \u062e\u0631\u0648\u062c\u06cc\", \"\u06f3. \u0637\u0631\u0627\u062d\u06cc \u0645\u062d\u062a\u0648\u0627 \u0648 \u062d\u0644 \u062e\u0644\u0627\u0642\u0627\u0646\u0647 \u0645\u0633\u0627\u0626\u0644\"]\r\n            }\r\n        ];\r\n        let currentQuizIndex = 0;\r\n\r\n        function selectOption(elem, id) {\r\n            document.querySelectorAll('#quizOptionsList .option-item').forEach(o => o.classList.remove('selected'));\r\n            elem.classList.add('selected');\r\n        }\r\n\r\n        function nextQuizStep() {\r\n            currentQuizIndex++;\r\n            if (currentQuizIndex < quizData.length) {\r\n                const item = quizData[currentQuizIndex];\r\n                document.getElementById('quizBadge').innerText = `\u0622\u0632\u0645\u0648\u0646 \u0647\u0648\u0634\u200c\u0647\u0627\u06cc \u0686\u0646\u062f\u06af\u0627\u0646\u0647 \u0648 \u0631\u063a\u0628\u062a\u200c\u0633\u0646\u062c\u06cc (\u0633\u0648\u0627\u0644 ${currentQuizIndex + 1} \u0627\u0632 \u06f3)`;\r\n                document.getElementById('quizQuestionText').innerText = item.q;\r\n                let htmlOpts = '';\r\n                item.opts.forEach((opt, idx) => {\r\n                    htmlOpts += `<div class=\"option-item ${idx === 0 ? 'selected' : ''}\" onclick=\"selectOption(this, ${idx + 1})\">${opt}<\/div>`;\r\n                });\r\n                document.getElementById('quizOptionsList').innerHTML = htmlOpts;\r\n                if (currentQuizIndex === quizData.length - 1) {\r\n                    document.getElementById('quizSubmitBtn').innerText = '\u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0627\u0631\u0646\u0627\u0645\u0647 \u062a\u062d\u0644\u06cc\u0644\u06cc \u0646\u0647\u0627\u06cc\u06cc';\r\n                }\r\n            } else {\r\n                document.getElementById('quizContainer').innerHTML = `\r\n                    <div style=\"text-align: center; padding: 15px 0;\">\r\n                        <div style=\"color: #10B981; font-size: 2.2rem; margin-bottom: 6px;\"><i class=\"fa-solid fa-circle-check\"><\/i><\/div>\r\n                        <h4 style=\"font-weight: 800; color: var(--primary-dark); margin-bottom: 6px;\">\u0622\u0632\u0645\u0648\u0646 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062a\u062d\u0644\u06cc\u0644 \u0634\u062f!<\/h4>\r\n                        <p style=\"font-size: 0.8rem; color: var(--text-muted); margin-bottom: 12px;\">\u0646\u062a\u0627\u06cc\u062c \u0627\u0633\u062a\u062e\u0631\u0627\u062c\u200c\u0634\u062f\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0648\u0628\u200c\u0633\u0631\u0648\u06cc\u0633:<\/p>\r\n                        <div style=\"background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 12px; text-align: right; font-size: 0.82rem; margin-bottom: 12px;\">\r\n                            <div style=\"display: flex; justify-content: space-between; margin-bottom: 4px;\"><span>\u0647\u0648\u0634 \u06a9\u0644\u0627\u0645\u06cc \u0648 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc:<\/span><strong>\u06f9\u06f2\u066a (\u0628\u0633\u06cc\u0627\u0631 \u0628\u0627\u0644\u0627)<\/strong><\/div>\r\n                            <div style=\"display: flex; justify-content: space-between; margin-bottom: 4px;\"><span>\u062a\u062d\u0644\u06cc\u0644 \u0645\u0633\u0626\u0644\u0647 \u0648 \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc:<\/span><strong>\u06f8\u06f4\u066a (\u0628\u0627\u0644\u0627)<\/strong><\/div>\r\n                            <div style=\"display: flex; justify-content: space-between;\"><span>\u0647\u0648\u0634 \u062f\u0631\u0648\u0646\u200c\u0641\u0631\u062f\u06cc \u0648 \u062e\u0648\u062f\u0622\u06af\u0627\u0647\u06cc:<\/span><strong>\u06f8\u06f8\u066a (\u0639\u0627\u0644\u06cc)<\/strong><\/div>\r\n                        <\/div>\r\n                        <p style=\"font-size: 0.75rem; color: #64748B; margin-bottom: 12px;\">\u0646\u0633\u062e\u0647 \u06a9\u0627\u0645\u0644 \u06a9\u0627\u0631\u0646\u0627\u0645\u0647 \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0628\u0647 \u067e\u0646\u0644 \u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0633\u0627\u0644 \u0634\u062f.<\/p>\r\n                        <a href=\"#booking\" class=\"btn-cta\" style=\"width: 100%; justify-content: center; font-size: 0.82rem;\">\u0631\u0632\u0631\u0648 \u062c\u0644\u0633\u0647 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0627\u0631\u0646\u0627\u0645\u0647 \u0628\u0627 \u0645\u0634\u0627\u0648\u0631<\/a>\r\n                    <\/div>\r\n                `;\r\n            }\r\n        }\r\n\r\n        \/\/ Audio Player Simulation\r\n        let isPlaying = false;\r\n        let audioTimer = null;\r\n        let progress = 35;\r\n        function toggleAudio(btn) {\r\n            const icon = btn.querySelector('i');\r\n            const fill = document.getElementById('audioFill');\r\n            if (!isPlaying) {\r\n                isPlaying = true;\r\n                icon.classList.remove('fa-play');\r\n                icon.classList.add('fa-pause');\r\n                audioTimer = setInterval(() => {\r\n                    progress = (progress + 1) % 100;\r\n                    fill.style.width = progress + '%';\r\n                }, 1000);\r\n            } else {\r\n                isPlaying = false;\r\n                icon.classList.remove('fa-pause');\r\n                icon.classList.add('fa-play');\r\n                clearInterval(audioTimer);\r\n            }\r\n        }\r\n\r\n        \/\/ Media Filtering\r\n        function filterMedia(category, elem) {\r\n            document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n            elem.classList.add('active');\r\n            const cards = document.querySelectorAll('.media-item');\r\n            cards.forEach(card => {\r\n                if (category === 'all' || card.classList.contains(category)) {\r\n                    card.style.display = 'flex';\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>\u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc | \u0645\u0634\u0627\u0648\u0631 \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc \u2728 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0647\u062f\u0627\u06cc\u062a \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0647\u0627 (\u062a\u0644\u0641\u0646\u06cc \u0648 \u062a\u0635\u0648\u06cc\u0631\u06cc Google Meet) \u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a \u0645\u0634\u0627\u0648\u0631\u0647 &larr; MK \u0645\u0635\u0637\u0641\u06cc \u06a9\u064f\u0631\u0641\u06cc \u0645\u0634\u0627\u0648\u0631 \u0641\u0631\u062f\u06cc\u060c \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc \u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a \u0622\u0632\u0645\u0648\u0646 \u0627\u0633\u062a\u0639\u062f\u0627\u062f\u0633\u0646\u062c\u06cc \u067e\u0627\u062f\u06a9\u0633\u062a\u200c\u0647\u0627 \u0648 \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u06a9\u062a\u0627\u0628 \u0648 \u062f\u0648\u0631\u0647\u200c\u0647\u0627 \u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a \u0641\u0648\u0631\u06cc \u0645\u0631\u062c\u0639 \u0645\u0634\u0627\u0648\u0631\u0647 \u062e\u0627\u0646\u0648\u0627\u062f\u0647 \u0648 \u0633\u0646\u062c\u0634 \u0639\u0644\u0645\u06cc \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u062f\u0633\u062a\u06cc\u0627\u0628\u06cc [&hellip;]<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/psykorfi.ir\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/psykorfi.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psykorfi.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psykorfi.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/psykorfi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":4,"href":"https:\/\/psykorfi.ir\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/psykorfi.ir\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/psykorfi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}