{"id":1881,"date":"2025-05-14T10:22:15","date_gmt":"2025-05-14T07:22:15","guid":{"rendered":"https:\/\/roayae-edu.com\/?page_id=1881"},"modified":"2025-09-13T17:58:36","modified_gmt":"2025-09-13T14:58:36","slug":"events","status":"publish","type":"page","link":"https:\/\/roayae-edu.com\/ar\/events\/","title":{"rendered":"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629<\/title>\r\n <style>\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n margin: 0;\r\n background-color: #f1f5f9;\r\n color: #222;\r\n }\r\n\r\n .header {\r\n background-color: #0d6e76;\r\n color: white;\r\n padding: 30px 20px;\r\n text-align: center;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n }\r\n\r\n .header h1 {\r\n margin: 0;\r\n font-size: 28px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .header img {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .container {\r\n display: flex;\r\n min-height: 100vh;\r\n }\r\n\r\n .sidebar {\r\n width: 260px;\r\n background-color: #0d6e76;\r\n color: #fff;\r\n padding: 25px 20px;\r\n }\r\n\r\n .sidebar h2 {\r\n font-size: 20px;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .sidebar button {\r\n display: block;\r\n background: transparent;\r\n border: none;\r\n color: white;\r\n font-size: 16px;\r\n width: 100%;\r\n padding: 12px 15px;\r\n margin-bottom: 10px;\r\n cursor: pointer;\r\n border-right: 4px solid transparent;\r\n text-align: right;\r\n transition: background 0.3s, border-color 0.3s;\r\n }\r\n\r\n .sidebar button:hover,\r\n .sidebar button.active {\r\n background-color: #095962;\r\n border-color: #fcd800;\r\n }\r\n\r\n .content {\r\n flex: 1;\r\n padding: 30px;\r\n }\r\n\r\n .section {\r\n display: none;\r\n animation: fadeIn 0.4s ease-in-out;\r\n }\r\n\r\n .section.active {\r\n display: block;\r\n }\r\n\r\n .event-card {\r\n background: #ffffff;\r\n border-radius: 12px;\r\n padding: 20px;\r\n margin-bottom: 25px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.08);\r\n }\r\n\r\n .event-card h3 {\r\n color: #0d6e76;\r\n margin-top: 0;\r\n }\r\n\r\n .event-card img {\r\n width: 100%;\r\n height: 220px;\r\n object-fit: cover;\r\n border-radius: 10px;\r\n margin-top: 15px;\r\n }\r\n\r\n .details-btn {\r\n margin-top: 20px;\r\n text-align: left;\r\n }\r\n\r\n .btn-details {\r\n background-color: #0d6e76;\r\n color: white;\r\n padding: 10px 18px;\r\n text-decoration: none;\r\n border-radius: 6px;\r\n transition: background-color 0.3s ease;\r\n display: inline-block;\r\n cursor: pointer;\r\n user-select: none;\r\n }\r\n\r\n .btn-details:hover {\r\n background-color: #095962;\r\n }\r\n\r\n \/* \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0635\u063a\u0631\u0629 \u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a *\/\r\n .event-card img.video-thumb {\r\n height: 220px;\r\n }\r\n\r\n \/* \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 *\/\r\n .popup-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right:0; bottom:0;\r\n background: rgba(0,0,0,0.7);\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n }\r\n\r\n .popup-overlay.active {\r\n display: flex;\r\n }\r\n\r\n .popup-content {\r\n position: relative;\r\n width: 90%;\r\n max-width: 900px;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n }\r\n\r\n .popup-close {\r\n position: absolute;\r\n top: 10px;\r\n right: 15px;\r\n font-size: 28px;\r\n font-weight: bold;\r\n color: #333;\r\n cursor: pointer;\r\n user-select: none;\r\n z-index: 10;\r\n }\r\n\r\n .popup-content iframe {\r\n width: 100%;\r\n height: 500px;\r\n border: none;\r\n display: block;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {opacity: 0; transform: translateY(10px);}\r\n to {opacity: 1; transform: translateY(0);}\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n flex-direction: column;\r\n }\r\n\r\n .sidebar {\r\n width: 100%;\r\n display: flex;\r\n overflow-x: auto;\r\n padding: 10px;\r\n }\r\n\r\n .sidebar button {\r\n flex: 1;\r\n white-space: nowrap;\r\n text-align: center;\r\n border-right: none;\r\n border-bottom: 4px solid transparent;\r\n border-left: none;\r\n }\r\n\r\n .sidebar button.active {\r\n border-bottom: 4px solid #fcd800;\r\n }\r\n }\r\n\r\n \/* \u062a\u0639\u062f\u064a\u0644 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0646\u062f \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 ltr *\/\r\n html[dir=\"ltr\"] .sidebar button {\r\n text-align: left !important;\r\n border-right: none !important;\r\n border-left: 4px solid transparent !important;\r\n }\r\n\r\n html[dir=\"ltr\"] .sidebar button:hover,\r\n html[dir=\"ltr\"] .sidebar button.active {\r\n background-color: #095962;\r\n border-left-color: #fcd800 !important;\r\n border-right: none !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"header\">\r\n <h1>\r\n <img decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/1f393.svg\" alt=\"\ud83c\udf93\">\r\n <span data-i18n=\"pageTitle\">\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629<\/span>\r\n <\/h1>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"sidebar\">\r\n <h2 data-i18n=\"sectionsTitle\">\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h2>\r\n <button class=\"tab-button active\" onclick=\"showSection('visits')\" data-i18n=\"visits\">\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('activities')\" data-i18n=\"activities\">\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('lectures')\" data-i18n=\"lectures\">\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0648\u0627\u0644\u0646\u062f\u0648\u0627\u062a<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('workshops')\" data-i18n=\"workshops\">\u0648\u0631\u0634 \u0627\u0644\u0639\u0645\u0644<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('exhibitions')\" data-i18n=\"exhibitions\">\u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('graduation')\" data-i18n=\"graduation\">\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('graduates')\" data-i18n=\"graduates\">\u0631\u0643\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646<\/button>\r\n <button class=\"tab-button\" onclick=\"showSection('videos')\" data-i18n=\"videos\">\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/button>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n\r\n <div id=\"visits\" class=\"section active\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"visitTitle\">\u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/h3>\r\n <p data-i18n=\"visitDesc\">\u062a\u0639\u0631\u0651\u0641 \u0627\u0644\u0637\u0644\u0627\u0628 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/%D8%A7%D9%87%D8%AF%D8%A7%D9%81.jpg\" alt=\"\u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"activities\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"activitiesTitle\">\u064a\u0648\u0645 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629<\/h3>\r\n <p data-i18n=\"activitiesDesc\">\u062a\u0636\u0645\u0646 \u0645\u0633\u0627\u0628\u0642\u0627\u062a \u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0641\u0646\u064a\u0629 \u0648\u0631\u064a\u0627\u0636\u064a\u0629 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0643\u0627\u0641\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/y76.png\" alt=\"\u0646\u0634\u0627\u0637 \u0637\u0644\u0627\u0628\u064a\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u064a\u0648\u0645 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"lectures\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"lecturesTitle\">\u0646\u062f\u0648\u0629 \u0639\u0644\u0645\u064a\u0629 \u062d\u0648\u0644 \u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0639\u062f\u0648\u0649<\/h3>\r\n <p data-i18n=\"lecturesDesc\">\u0642\u062f\u0651\u0645\u0647\u0627 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0634\u0627\u0631\u0643 \u0641\u064a\u0647\u0627 \u0627\u0644\u0637\u0644\u0627\u0628 \u0648\u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/u76.png\" alt=\"\u0645\u062d\u0627\u0636\u0631\u0629\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0646\u062f\u0648\u0629 \u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0639\u062f\u0648\u0649')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"workshops\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"workshopsTitle\">\u0648\u0631\u0634\u0629 \u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/h3>\r\n <p data-i18n=\"workshopsDesc\">\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a \u0628\u0625\u0634\u0631\u0627\u0641 \u0623\u0633\u0627\u062a\u0630\u0629 \u0645\u062e\u062a\u0635\u064a\u0646 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0627\u0631\u0626\u0629.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/05\/u76.png\" alt=\"\u0645\u062d\u0627\u0636\u0631\u0629\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0631\u0634\u0629 \u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"exhibitions\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"exhibitionsTitle\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0635\u062d\u064a\u0629<\/h3>\r\n <p data-i18n=\"exhibitionsDesc\">\u0639\u0631\u0636 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0644\u0627\u0628 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u062a\u0643\u0631\u064a\u0645 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u064a\u0646.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/06\/%D9%A2%D9%A0%D9%A2%D9%A5%D9%A0%D9%A6%D9%A2%D9%A6_%D9%A1%D9%A9%D9%A4%D9%A1%D9%A0%D9%A6.jpg\" alt=\"\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0635\u062d\u064a\u0629')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"graduation\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"graduationTitle\">\u062d\u0641\u0644 \u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629<\/h3>\r\n <p data-i18n=\"graduationDesc\">\u0623\u0642\u064a\u0645 \u0627\u0644\u062d\u0641\u0644 \u0628\u062d\u0636\u0648\u0631 \u0627\u0644\u0623\u0647\u0627\u0644\u064a \u0648\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0633\u0637 \u0623\u062c\u0648\u0627\u0621 \u0645\u0646 \u0627\u0644\u0641\u062e\u0631 \u0648\u0627\u0644\u0628\u0647\u062c\u0629.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/06\/%D9%A2%D9%A0%D9%A2%D9%A5%D9%A0%D9%A6%D9%A2%D9%A5_%D9%A1%D9%A8%D9%A2%D9%A6%D9%A0%D9%A4.jpg\" alt=\"\u062d\u0641\u0644 \u062a\u062e\u0631\u062c\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u062d\u0641\u0644 \u0627\u0644\u062a\u062e\u0631\u062c')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"graduates\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"graduatesTitle\">\u0631\u0643\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646<\/h3>\r\n <p data-i18n=\"graduatesDesc\">\u0642\u0635\u0635 \u0646\u062c\u0627\u062d\u060c \u0634\u0647\u0627\u062f\u0627\u062a \u062e\u0631\u064a\u062c\u064a\u0646\u060c \u0641\u0631\u0635 \u0639\u0645\u0644\u060c \u0648\u062a\u0648\u0627\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0629.<\/p>\r\n <img decoding=\"async\" src=\"https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/06\/%D8%AA%D8%AE%D8%B1%D8%AC-%D8%B1%D8%A4%D9%8A%D8%A9-scaled.jpg\" alt=\"\u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646\">\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0631\u0643\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"videos\" class=\"section\">\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"videosTitle1\">\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u0628\u0627\u0644\u0645\u0639\u0647\u062f<\/h3>\r\n <div style=\"cursor:pointer;\" onclick=\"openVideoPopup('vko9YtzH0PM')\">\r\n <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/vko9YtzH0PM\/hqdefault.jpg\" alt=\"\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a\" \/>\r\n <\/div>\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"event-card\">\r\n <h3 data-i18n=\"videosTitle2\">\u0645\u0644\u062e\u0635 \u0641\u0639\u0627\u0644\u064a\u0629 \u0635\u062d\u064a\u0629<\/h3>\r\n <div style=\"cursor:pointer;\" onclick=\"openVideoPopup('bOLbuw8_pXs')\">\r\n <img decoding=\"async\" class=\"video-thumb\" src=\"https:\/\/img.youtube.com\/vi\/bOLbuw8_pXs\/hqdefault.jpg\" alt=\"\u0645\u0644\u062e\u0635 \u0641\u0639\u0627\u0644\u064a\u0629 \u0635\u062d\u064a\u0629\" \/>\r\n <\/div>\r\n <div class=\"details-btn\">\r\n <span class=\"btn-details\" data-i18n=\"detailsBtn\" onclick=\"alert('\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0644\u062e\u0635 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629')\">\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 -->\r\n <div id=\"videoPopup\" class=\"popup-overlay\" onclick=\"closeVideoPopup(event)\">\r\n <div class=\"popup-content\">\r\n <span class=\"popup-close\" onclick=\"closeVideoPopup(event)\">×<\/span>\r\n <iframe id=\"videoFrame\" src=\"\" allow=\"autoplay; encrypted-media\" allowfullscreen muted><\/iframe>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ \u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0646\u0635\u0648\u0635 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0641\u064a \u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u062d\u0629\r\n const translations = {\r\n ar: {\r\n pageTitle: \"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 - \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629\",\r\n sectionsTitle: \"\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\",\r\n visits: \"\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629\",\r\n activities: \"\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629\",\r\n lectures: \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0648\u0627\u0644\u0646\u062f\u0648\u0627\u062a\",\r\n workshops: \"\u0648\u0631\u0634 \u0627\u0644\u0639\u0645\u0644\",\r\n exhibitions: \"\u0627\u0644\u0645\u0639\u0627\u0631\u0636\",\r\n graduation: \"\u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c\",\r\n graduates: \"\u0631\u0643\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646\",\r\n videos: \"\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\",\r\n visitTitle: \"\u0632\u064a\u0627\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\",\r\n visitDesc: \"\u062a\u0639\u0631\u0651\u0641 \u0627\u0644\u0637\u0644\u0627\u0628 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629.\",\r\n activitiesTitle: \"\u064a\u0648\u0645 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629\",\r\n activitiesDesc: \"\u062a\u0636\u0645\u0646 \u0645\u0633\u0627\u0628\u0642\u0627\u062a \u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0641\u0646\u064a\u0629 \u0648\u0631\u064a\u0627\u0636\u064a\u0629 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0643\u0627\u0641\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a.\",\r\n lecturesTitle: \"\u0646\u062f\u0648\u0629 \u0639\u0644\u0645\u064a\u0629 \u062d\u0648\u0644 \u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0639\u062f\u0648\u0649\",\r\n lecturesDesc: \"\u0642\u062f\u0651\u0645\u0647\u0627 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0634\u0627\u0631\u0643 \u0641\u064a\u0647\u0627 \u0627\u0644\u0637\u0644\u0627\u0628 \u0648\u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629.\",\r\n workshopsTitle: \"\u0648\u0631\u0634\u0629 \u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629\",\r\n workshopsDesc: \"\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a \u0628\u0625\u0634\u0631\u0627\u0641 \u0623\u0633\u0627\u062a\u0630\u0629 \u0645\u062e\u062a\u0635\u064a\u0646 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0627\u0631\u0626\u0629.\",\r\n exhibitionsTitle: \"\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0635\u062d\u064a\u0629\",\r\n exhibitionsDesc: \"\u0639\u0631\u0636 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0644\u0627\u0628 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u062a\u0643\u0631\u064a\u0645 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u064a\u0646.\",\r\n graduationTitle: \"\u062d\u0641\u0644 \u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629\",\r\n graduationDesc: \"\u0623\u0642\u064a\u0645 \u0627\u0644\u062d\u0641\u0644 \u0628\u062d\u0636\u0648\u0631 \u0627\u0644\u0623\u0647\u0627\u0644\u064a \u0648\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0633\u0637 \u0623\u062c\u0648\u0627\u0621 \u0645\u0646 \u0627\u0644\u0641\u062e\u0631 \u0648\u0627\u0644\u0628\u0647\u062c\u0629.\",\r\n graduatesTitle: \"\u0631\u0643\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646\",\r\n graduatesDesc: \"\u0642\u0635\u0635 \u0646\u062c\u0627\u062d\u060c \u0634\u0647\u0627\u062f\u0627\u062a \u062e\u0631\u064a\u062c\u064a\u0646\u060c \u0641\u0631\u0635 \u0639\u0645\u0644\u060c \u0648\u062a\u0648\u0627\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0629.\",\r\n videosTitle1: \"\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u0628\u0627\u0644\u0645\u0639\u0647\u062f\",\r\n videosTitle2: \"\u0645\u0644\u062e\u0635 \u0641\u0639\u0627\u0644\u064a\u0629 \u0635\u062d\u064a\u0629\",\r\n detailsBtn: \"\ud83d\udcc4 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\"\r\n },\r\n en: {\r\n pageTitle: \"Events and Activities - Roaya Al-Hadith Medical Institute\",\r\n sectionsTitle: \"Event Sections\",\r\n visits: \"Field Visits\",\r\n activities: \"Student Activities\",\r\n lectures: \"Lectures & Seminars\",\r\n workshops: \"Workshops\",\r\n exhibitions: \"Exhibitions\",\r\n graduation: \"Graduation Ceremonies\",\r\n graduates: \"Graduates Corner\",\r\n videos: \"Video Library\",\r\n visitTitle: \"Field Visit to the Teaching Hospital\",\r\n visitDesc: \"Students explored vital departments in a real medical work environment.\",\r\n activitiesTitle: \"Student Activities Day\",\r\n activitiesDesc: \"Included cultural, artistic, and sports competitions with all departments participating.\",\r\n lecturesTitle: \"Scientific Seminar on Infection Control\",\r\n lecturesDesc: \"Presented by public health specialists and attended by students and faculty.\",\r\n workshopsTitle: \"First Aid Workshop\",\r\n workshopsDesc: \"Practical training supervised by specialized professors to enhance quick emergency skills.\",\r\n exhibitionsTitle: \"Health Projects Exhibition\",\r\n exhibitionsDesc: \"Showcasing students' final projects and honoring the outstanding ones.\",\r\n graduationTitle: \"7th Batch Graduation Ceremony\",\r\n graduationDesc: \"The ceremony was held with the presence of families and educational staff in an atmosphere of pride and joy.\",\r\n graduatesTitle: \"Graduates Corner\",\r\n graduatesDesc: \"Success stories, graduate certificates, job opportunities, and communication between graduates and the institute.\",\r\n videosTitle1: \"Institute Introduction Video\",\r\n videosTitle2: \"Health Event Summary\",\r\n detailsBtn: \"\ud83d\udcc4 Details\"\r\n }\r\n };\r\n\r\n \/\/ \u0643\u0634\u0641 \u0627\u0644\u0644\u063a\u0629 \u0645\u0646 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0642\u0639\r\n function detectLanguageFromURL() {\r\n return window.location.pathname.startsWith('\/en\/') ? 'en' : 'ar';\r\n }\r\n\r\n function applyTranslation() {\r\n const lang = detectLanguageFromURL();\r\n document.documentElement.lang = lang;\r\n const dir = (lang === 'ar') ? 'rtl' : 'ltr';\r\n document.documentElement.setAttribute('dir', dir);\r\n\r\n const t = translations[lang] || translations['ar'];\r\n document.querySelectorAll('[data-i18n]').forEach(el => {\r\n const key = el.getAttribute('data-i18n');\r\n if (t[key]) el.textContent = t[key];\r\n });\r\n }\r\n\r\n function showSection(id) {\r\n const sections = document.querySelectorAll('.section');\r\n const buttons = document.querySelectorAll('.tab-button');\r\n\r\n sections.forEach(sec => sec.classList.remove('active'));\r\n buttons.forEach(btn => btn.classList.remove('active'));\r\n\r\n document.getElementById(id).classList.add('active');\r\n event.target.classList.add('active');\r\n }\r\n\r\n \/\/ \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629\r\n function openVideoPopup(videoId) {\r\n const popup = document.getElementById('videoPopup');\r\n const iframe = document.getElementById('videoFrame');\r\n iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&mute=1`;\r\n popup.classList.add('active');\r\n }\r\n\r\n function closeVideoPopup(event) {\r\n if (event.target.id === 'videoPopup' || event.target.classList.contains('popup-close')) {\r\n const popup = document.getElementById('videoPopup');\r\n const iframe = document.getElementById('videoFrame');\r\n iframe.src = '';\r\n popup.classList.remove('active');\r\n }\r\n }\r\n\r\n \/\/ \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n window.addEventListener('DOMContentLoaded', applyTranslation);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35ff2bb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"35ff2bb\" 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-f7b2908 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"f7b2908\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: #f9f9f9;\r\n margin: 0;\r\n padding: 0;\r\n color: #222;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n padding: 40px 20px 10px;\r\n font-size: 26px;\r\n color: #005f73;\r\n }\r\n\r\n .video-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n padding: 30px;\r\n max-width: 1200px;\r\n margin: auto;\r\n }\r\n\r\n .video-card {\r\n background-color: white;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .video-card:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .video-wrapper {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n height: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .video-wrapper iframe {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n .video-caption {\r\n padding: 15px;\r\n font-size: 18px;\r\n text-align: center;\r\n background-color: #e0f2f1;\r\n color: #004d40;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .section-title {\r\n font-size: 22px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <h2 class=\"section-title\" id=\"section-title\">\ud83c\udfa5 \u0623\u0628\u0631\u0632 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b<\/h2>\r\n\r\n <div class=\"video-grid\">\r\n\r\n <div class=\"video-card\">\r\n <div class=\"video-wrapper\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/bOLbuw8_pXs\" title=\"\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0628\u0627\u0644\u0645\u0639\u0647\u062f\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"video-caption\" id=\"v1\">\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0628\u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629<\/div>\r\n <\/div>\r\n\r\n <div class=\"video-card\">\r\n <div class=\"video-wrapper\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/vko9YtzH0PM\" title=\"\u0639\u0646 \u0627\u0644\u0645\u0639\u0647\u062f\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"video-caption\" id=\"v2\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b<\/div>\r\n <\/div>\r\n\r\n <div class=\"video-card\">\r\n <div class=\"video-wrapper\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7DoDeuUAiz4\" title=\"\u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"video-caption\" id=\"v3\">\u062d\u0641\u0644 \u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u0646 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629<\/div>\r\n <\/div>\r\n\r\n <div class=\"video-card\">\r\n <div class=\"video-wrapper\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7DoDeuUAiz4\" title=\"\u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"video-caption\" id=\"v4\">\u062d\u0641\u0644 \u062a\u062e\u0631\u062c \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u0646 \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const lang = document.documentElement.lang || 'ar';\r\n\r\n if (lang.startsWith('en')) {\r\n document.body.style.direction = 'ltr';\r\n document.getElementById(\"section-title\").innerText = \"\ud83c\udfa5 Highlights from Roaya Modern Medical Institute\";\r\n\r\n document.getElementById(\"v1\").innerText = \"Studying at Roaya Modern Medical Institute\";\r\n document.getElementById(\"v2\").innerText = \"About Roaya Modern Institute\";\r\n document.getElementById(\"v3\").innerText = \"Graduation Ceremony - First Cohort\";\r\n document.getElementById(\"v4\").innerText = \"Graduation Ceremony - First Cohort\";\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6148492 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6148492\" 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-68435bf elementor-widget__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"68435bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>\u0623\u063a\u0646\u064a\u0629 \u0639\u0628\u062f\u0627\u0644\u062d\u0644\u064a\u0645 - \u0648\u062d\u064a\u0627\u062a \u0642\u0644\u0628\u064a \u0648\u0627\u0641\u0631\u0627\u062d\u0647<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background-color: #f9f9f9;\r\n margin: 0;\r\n padding: 0;\r\n text-align: center;\r\n direction: rtl;\r\n }\r\n\r\n .audio-container {\r\n background-image: url('https:\/\/roayae-edu.com\/wp-content\/uploads\/2025\/07\/%D8%AA%D8%AE%D8%B1%D8%AC-2.gif');\r\n background-size: cover;\r\n background-position: center;\r\n color: white;\r\n padding: 40px 20px;\r\n margin: 60px auto;\r\n max-width: 500px;\r\n border-radius: 20px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .audio-container::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; right: 0; bottom: 0; left: 0;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n z-index: 1;\r\n border-radius: 20px;\r\n }\r\n\r\n .audio-container * {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n h2 {\r\n font-size: 24px;\r\n margin-bottom: 30px;\r\n color: #ffdd99;\r\n }\r\n\r\n .buttons {\r\n margin-top: 20px;\r\n }\r\n\r\n button {\r\n font-family: inherit;\r\n padding: 12px 25px;\r\n font-size: 18px;\r\n border: none;\r\n border-radius: 30px;\r\n margin: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n }\r\n\r\n .play-btn {\r\n background-color: #ffd166;\r\n color: #000;\r\n }\r\n\r\n .pause-btn {\r\n background-color: #ef476f;\r\n color: white;\r\n }\r\n\r\n button:hover {\r\n opacity: 0.9;\r\n transform: scale(1.03);\r\n }\r\n\r\n audio {\r\n width: 100%;\r\n margin-top: 15px;\r\n border-radius: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"audio-container\">\r\n <h2 id=\"audio-title\">\ud83c\udfb5 \u0639\u0628\u062f\u0627\u0644\u062d\u0644\u064a\u0645 \u062d\u0627\u0641\u0638 - \u0648\u062d\u064a\u0627\u062a \u0642\u0644\u0628\u064a \u0648\u0627\u0641\u0631\u0627\u062d\u0647<\/h2>\r\n\r\n <audio id=\"audioPlayer\" controls>\r\n <source src=\"https:\/\/cdn1.esm3.com\/music\/2551\/esm3.com.67581.mp3\" type=\"audio\/mpeg\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a.\r\n <\/audio>\r\n\r\n <div class=\"buttons\">\r\n <button class=\"play-btn\" id=\"play-btn\" onclick=\"document.getElementById('audioPlayer').play()\">\u25b6\ufe0f \u062a\u0634\u063a\u064a\u0644<\/button>\r\n <button class=\"pause-btn\" id=\"pause-btn\" onclick=\"document.getElementById('audioPlayer').pause()\">\u23f8\ufe0f \u0625\u064a\u0642\u0627\u0641<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const lang = document.documentElement.lang || 'ar';\r\n\r\n if (lang.startsWith('en')) {\r\n document.body.style.direction = 'ltr';\r\n document.getElementById(\"audio-title\").innerHTML = \"\ud83c\udfb5 Abdel Halim Hafez - Wahyat Albi w Afrahuh\";\r\n document.getElementById(\"play-btn\").innerHTML = \"\u25b6\ufe0f Play\";\r\n document.getElementById(\"pause-btn\").innerHTML = \"\u23f8\ufe0f Pause\";\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 – \u0645\u0639\u0647\u062f \u0631\u0624\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 – … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1881","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages\/1881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/comments?post=1881"}],"version-history":[{"count":95,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages\/1881\/revisions"}],"predecessor-version":[{"id":5583,"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/pages\/1881\/revisions\/5583"}],"wp:attachment":[{"href":"https:\/\/roayae-edu.com\/ar\/wp-json\/wp\/v2\/media?parent=1881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}