\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #0369a1;\r\n --accent: #38bdf8;\r\n --text-dark: #0f172a;\r\n --bg-light: #f0f9ff;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Cairo', sans-serif;\r\n background: var(--bg-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* 1. \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 (\u0627\u0644\u0633\u0645\u0627\u0621) *\/\r\n .hero-banner {\r\n position: relative;\r\n width: 100%;\r\n min-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0633\u062d\u0628 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n .cloud {\r\n position: absolute;\r\n background: white;\r\n border-radius: 100px;\r\n opacity: 0.5;\r\n filter: blur(20px);\r\n animation: float 20s linear infinite;\r\n z-index: 1;\r\n }\r\n .c1 { width: 300px; height: 100px; top: 10%; right: -10%; }\r\n .c2 { width: 200px; height: 80px; bottom: 15%; left: -5%; animation-delay: -5s; }\r\n\r\n @keyframes float {\r\n 0% { transform: translateX(100px); }\r\n 50% { transform: translateX(-100px); }\r\n 100% { transform: translateX(100px); }\r\n }\r\n\r\n \/* 2. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n .content-wrap {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1200px;\r\n width: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n \/* 3. \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n .welcome-badge {\r\n background: var(--primary);\r\n color: white;\r\n padding: 8px 25px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 10px 20px rgba(3, 105, 161, 0.2);\r\n animation: fadeInDown 1s ease;\r\n }\r\n\r\n h1 {\r\n font-size: clamp(35px, 7vw, 65px);\r\n font-weight: 900;\r\n color: var(--text-dark);\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .typewriter {\r\n color: var(--primary);\r\n overflow: hidden; \r\n border-left: .15em solid var(--primary); \/* Adjusted for RTL *\/\r\n white-space: nowrap; \r\n margin: 0 auto; \r\n animation: \r\n typing 3.5s steps(40, end),\r\n blink-caret .75s step-end infinite;\r\n max-width: fit-content;\r\n }\r\n\r\n @keyframes typing { from { width: 0 } to { width: 100% } }\r\n @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--primary); } }\r\n\r\n \/* 4. \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 40px;\r\n border-radius: 30px;\r\n margin-top: 40px;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n max-width: 850px;\r\n transform: translateY(30px);\r\n opacity: 0;\r\n animation: fadeInUp 1s ease forwards 0.5s;\r\n }\r\n\r\n .main-p {\r\n font-size: 21px;\r\n color: #475569;\r\n line-height: 1.8;\r\n margin: 0;\r\n font-weight: 500;\r\n }\r\n\r\n \/* 5. \u0645\u064a\u0632\u0627\u062a \u0639\u0627\u0626\u0645\u0629 *\/\r\n .feature-grid {\r\n display: flex;\r\n gap: 20px;\r\n margin-top: 50px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .feat-item {\r\n background: white;\r\n padding: 15px 30px;\r\n border-radius: 20px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n box-shadow: 0 10px 15px rgba(0,0,0,0.05);\r\n animation: floatUpDown 3s ease-in-out infinite;\r\n border: 1px solid transparent;\r\n transition: 0.3s;\r\n }\r\n .feat-item:nth-child(2) { animation-delay: 0.5s; }\r\n .feat-item:nth-child(3) { animation-delay: 1s; }\r\n\r\n .feat-item:hover {\r\n border-color: var(--primary);\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n @keyframes floatUpDown {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n \/* 6. \u0632\u0631 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 *\/\r\n .cta-btn {\r\n margin-top: 50px;\r\n padding: 18px 50px;\r\n background: var(--primary);\r\n color: white !important;\r\n text-decoration: none;\r\n font-weight: 900;\r\n border-radius: 100px;\r\n font-size: 20px;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: 0.4s;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .cta-btn:hover {\r\n background: var(--text-dark);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n padding-left: 65px; \/* Directional padding for RTL *\/\r\n }\r\n\r\n .cta-btn svg {\r\n margin-right: 15px; \/* Adjusted for RTL *\/\r\n transition: 0.3s;\r\n transform: rotate(180deg); \/* Mirror arrow for RTL *\/\r\n }\r\n\r\n @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero-banner\">\r\n <div class=\"cloud c1\"><\/div>\r\n <div class=\"cloud c2\"><\/div>\r\n\r\n <div class=\"content-wrap\">\r\n <div class=\"welcome-badge\">\u0646\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0622\u0646 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646<\/div>\r\n \r\n <h1>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a <br> <div class=\"typewriter\">\u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a<\/div><\/h1>\r\n \r\n <div class=\"glass-card\">\r\n <p class=\"main-p\">\r\n \u0645\u0624\u0633\u0633\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u062a\u0642\u0639 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u064a. \u0646\u062d\u0646 \u0641\u062e\u0648\u0631\u0648\u0646 \u0628\u062a\u0642\u062f\u064a\u0645 \u062a\u0639\u0644\u064a\u0645 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0637\u0644\u0627\u0628\u0646\u0627\u060c \u0648\u0646\u0633\u0639\u062f \u0628\u0641\u062a\u062d \u0622\u0641\u0627\u0642\u0646\u0627 \u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645 \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062d\u0641\u0632\u0629 \u0648\u0645\u062b\u0645\u0631\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feat-item\">\u2708\ufe0f \u0645\u062c\u062a\u0645\u0639 \u0639\u0627\u0644\u0645\u064a<\/div>\r\n <div class=\"feat-item\">\ud83c\udfdb\ufe0f \u0643\u0644\u064a\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u0633\u0627\u0626\u0644<\/div>\r\n <div class=\"feat-item\">\ud83c\udf1f \u0628\u0631\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629<\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"cta-btn\">\r\n \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639\u0646\u0627 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <p style=\"margin-top: 40px; color: var(--primary); font-weight: 700; opacity: 0.8;\">\r\n \u0627\u0643\u062a\u0634\u0641 \u0639\u0627\u0644\u0645\u0627\u064b \u064a\u0645\u062a\u0632\u062c \u0641\u064a\u0647 \u0627\u0644\u0639\u0644\u0645 \u0628\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0627\u0644\u0639\u0631\u064a\u0642\u0629.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee7ffdb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee7ffdb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b85183b\" data-id=\"b85183b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f54e31 elementor-widget elementor-widget-html\" data-id=\"4f54e31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-top-header\" dir=\"rtl\">\r\n <div class=\"oeb-mini-badge\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0637\u0627\u0644\u0628 \u0627\u0644\u062f\u0648\u0644\u064a<\/div>\r\n \r\n <div class=\"oeb-portal-scene\">\r\n <div class=\"oeb-door-frame\">\r\n <div class=\"oeb-door oeb-door-right\">\r\n <div class=\"door-handle\"><\/div>\r\n <\/div>\r\n <div class=\"oeb-door oeb-door-left\">\r\n <div class=\"door-handle\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"oeb-content-behind\">\r\n <h1 class=\"oeb-super-title\">\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/h1>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"oeb-accent-line\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap');\r\n\r\n :root {\r\n --primary-blue: #0369a1; \r\n --accent-blue: #38bdf8; \r\n --dark-slate: #0f172a;\r\n --door-color: #ffffff;\r\n }\r\n\r\n .oeb-top-header {\r\n text-align: center;\r\n padding: 40px 20px;\r\n font-family: 'Cairo', sans-serif;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 1. Badge *\/\r\n .oeb-mini-badge {\r\n display: inline-block;\r\n background: #e0f2fe;\r\n color: var(--primary-blue);\r\n padding: 6px 22px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 800;\r\n margin-bottom: 30px;\r\n border: 1px solid #bae6fd;\r\n opacity: 0;\r\n animation: fadeInDown 0.8s ease forwards;\r\n }\r\n\r\n \/* 2. Portal Scene (The Door) *\/\r\n .oeb-portal-scene {\r\n position: relative;\r\n width: 100%;\r\n max-width: 600px;\r\n height: 120px; \/* \u0645\u0642\u0627\u0633 \u0645\u0636\u0628\u0648\u0637 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n margin: 0 auto;\r\n perspective: 1200px; \/* \u0644\u064a\u0639\u0637\u064a \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0639\u0645\u0642 *\/\r\n }\r\n\r\n .oeb-door-frame {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oeb-door {\r\n position: absolute;\r\n top: 0;\r\n width: 50.5%; \/* \u062a\u062f\u0627\u062e\u0644 \u0628\u0633\u064a\u0637 \u0644\u0645\u0646\u0639 \u0627\u0644\u0641\u0631\u0627\u063a \u0641\u064a \u0627\u0644\u0648\u0633\u0637 *\/\r\n height: 100%;\r\n background: var(--door-color);\r\n z-index: 10;\r\n border: 1px solid #e2e8f0;\r\n transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n align-items: center;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n backface-visibility: hidden;\r\n }\r\n\r\n \/* \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0642\u0628\u0636 \u0627\u0644\u0628\u0627\u0628 *\/\r\n .door-handle {\r\n width: 4px;\r\n height: 30px;\r\n background: var(--primary-blue);\r\n border-radius: 10px;\r\n margin: 0 10px;\r\n opacity: 0.3;\r\n }\r\n\r\n .oeb-door-right {\r\n right: 0;\r\n transform-origin: right center; \/* \u064a\u0641\u062a\u062d \u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n animation: openRightDoor 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s forwards;\r\n }\r\n\r\n .oeb-door-left {\r\n left: 0;\r\n transform-origin: left center; \/* \u064a\u0641\u062a\u062d \u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n animation: openLeftDoor 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s forwards;\r\n justify-content: flex-end;\r\n }\r\n\r\n \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u0627\u0644\u0639\u0646\u0648\u0627\u0646) *\/\r\n .oeb-content-behind {\r\n position: absolute;\r\n width: 100%;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oeb-super-title {\r\n font-size: clamp(32px, 5vw, 56px); \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u0631\u0646 \u0648\u0645\u0636\u0628\u0648\u0637 *\/\r\n font-weight: 900;\r\n color: var(--dark-slate);\r\n margin: 0;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: scale(0.9);\r\n animation: revealTitle 1s ease-out 1.2s forwards;\r\n }\r\n\r\n \/* 3. Accent Line *\/\r\n .oeb-accent-line {\r\n width: 0;\r\n height: 6px;\r\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-blue));\r\n margin: 20px auto 0;\r\n border-radius: 100px;\r\n animation: growLine 0.8s ease-out 1.8s forwards;\r\n }\r\n\r\n \/* --- Animations --- *\/\r\n\r\n @keyframes openRightDoor {\r\n 0% { transform: rotateY(0deg); }\r\n 100% { transform: rotateY(110deg); opacity: 0; visibility: hidden; }\r\n }\r\n\r\n @keyframes openLeftDoor {\r\n 0% { transform: rotateY(0deg); }\r\n 100% { transform: rotateY(-110deg); opacity: 0; visibility: hidden; }\r\n }\r\n\r\n @keyframes revealTitle {\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes growLine {\r\n to { width: 100px; }\r\n }\r\n\r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .oeb-portal-scene { height: 80px; }\r\n .oeb-top-header { padding: 30px 10px; }\r\n }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-61b92df elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"61b92df\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c70981d\" data-id=\"c70981d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0bfaf35 elementor-widget elementor-widget-html\" data-id=\"0bfaf35\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Study in Algeria<\/title>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* 1. Base & Layout *\/\r\n .aviation-super-scene {\r\n padding: 80px 5%;\r\n background-color: #ffffff;\r\n font-family: 'Cairo', sans-serif;\r\n direction: rtl; \/* Direction arabe *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* 2. Animations *\/\r\n @keyframes cloudFlow {\r\n from { transform: translateX(120%); }\r\n to { transform: translateX(-120%); }\r\n }\r\n\r\n @keyframes realisticTakeOff {\r\n 0% { transform: translate(0, 0) scale(1) rotate(0deg); }\r\n 15% { transform: translate(3px, -2px) rotate(0.5deg); } \r\n 100% { transform: translate(-150%, -350px) scale(0.2) rotate(-25deg); opacity: 0; }\r\n }\r\n\r\n @keyframes smoothLanding {\r\n 0% { transform: translate(120%, -150px) scale(0.4) rotate(15deg); opacity: 0; }\r\n 100% { transform: translate(0, 0) scale(1) rotate(0deg); opacity: 1; }\r\n }\r\n\r\n \/* 3. Card Container *\/\r\n .ultra-card {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: #ffffff;\r\n border-radius: 40px;\r\n display: flex;\r\n flex-direction: row-reverse; \/* Aligne l'image \u00e0 gauche pour le RTL *\/\r\n box-shadow: 0 30px 70px rgba(0,0,0,0.08);\r\n border: 1px solid #f1f5f9;\r\n position: relative;\r\n min-height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 4. Plane Area (Sky) *\/\r\n .plane-landing-bay {\r\n flex: 1.3;\r\n background: linear-gradient(to bottom, #4facfe 0%, #00f2fe 60%, #ffffff 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cloud {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.8);\r\n filter: blur(15px);\r\n border-radius: 50%;\r\n animation: cloudFlow 25s linear infinite;\r\n }\r\n .c1 { width: 200px; height: 60px; top: 15%; animation-duration: 30s; }\r\n .c2 { width: 150px; height: 50px; top: 40%; right: 20%; animation-duration: 40s; opacity: 0.6; }\r\n\r\n .airplane-container {\r\n width: 100%;\r\n max-width: 550px;\r\n z-index: 10;\r\n filter: drop-shadow(0 40px 40px rgba(0,0,0,0.15));\r\n animation: smoothLanding 2.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n }\r\n\r\n .plane-landing-bay:hover .airplane-container {\r\n animation: realisticTakeOff 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n }\r\n\r\n \/* 5. Text Content *\/\r\n .aero-text {\r\n flex: 1;\r\n padding: 60px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background: white;\r\n text-align: right;\r\n }\r\n\r\n .aero-text h2 {\r\n font-size: 38px;\r\n font-weight: 900;\r\n color: #1e293b; \r\n margin-bottom: 25px;\r\n line-height: 1.4;\r\n }\r\n\r\n .aero-text p {\r\n color: #475569; \r\n font-size: 18px;\r\n line-height: 1.8;\r\n margin-bottom: 45px;\r\n }\r\n\r\n \/* 6. Button (Olive Green Design) *\/\r\n .btn-study-dz {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n align-self: flex-start; \/* Aligne le bouton \u00e0 droite en RTL *\/\r\n gap: 15px;\r\n padding: 22px 40px;\r\n background: #4b6319; \r\n color: white !important;\r\n text-decoration: none;\r\n font-weight: 800;\r\n font-size: 18px;\r\n border-radius: 15px;\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-study-dz:hover {\r\n background: #3a4d13;\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n .btn-study-dz svg {\r\n \/* On inverse la fl\u00e8che pour le sens arabe *\/\r\n transform: scaleX(-1);\r\n }\r\n\r\n \/* 7. Responsive *\/\r\n @media (max-width: 992px) {\r\n .ultra-card { flex-direction: column; }\r\n .plane-landing-bay { min-height: 350px; }\r\n .aero-text { padding: 40px 20px; text-align: center; align-items: center; }\r\n .btn-study-dz { align-self: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"aviation-super-scene\">\r\n <div class=\"ultra-card\">\r\n \r\n <div class=\"plane-landing-bay\">\r\n <div class=\"cloud c1\"><\/div>\r\n <div class=\"cloud c2\"><\/div>\r\n\r\n <div class=\"airplane-container\">\r\n <svg viewBox=\"0 0 800 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"planeBodyGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:1\" \/>\r\n <stop offset=\"50%\" style=\"stop-color:#f1f5f9;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#e2e8f0;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <linearGradient id=\"wingGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#e2e8f0;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#cbd5e1;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n <path d=\"M350,130 L550,40 L620,45 L450,140 Z\" fill=\"url(#wingGrad)\" \/>\r\n <path d=\"M720,180 C720,240 450,265 150,265 C70,265 30,230 30,180 C30,130 70,105 150,105 C450,105 720,120 720,180 Z\" fill=\"url(#planeBodyGrad)\" \/>\r\n <path d=\"M640,145 C680,152 705,175 708,185 L640,195 Z\" fill=\"#1e293b\" opacity=\"0.9\" \/>\r\n <path d=\"M160,110 L40,10 L120,10 L230,120 Z\" fill=\"#b6d1c1\" \/>\r\n\r\n <g fill=\"#94a3b8\" opacity=\"0.5\">\r\n <circle cx=\"250\" cy=\"180\" r=\"6\" \/><circle cx=\"290\" cy=\"180\" r=\"6\" \/>\r\n <circle cx=\"330\" cy=\"180\" r=\"6\" \/><circle cx=\"370\" cy=\"180\" r=\"6\" \/>\r\n <circle cx=\"410\" cy=\"180\" r=\"6\" \/><circle cx=\"450\" cy=\"180\" r=\"6\" \/>\r\n <\/g>\r\n\r\n <path d=\"M400,210 L580,350 L680,360 L520,215 Z\" fill=\"#ffffff\" stroke=\"#e2e8f0\" stroke-width=\"2\" \/>\r\n <path d=\"M580,350 L680,360 L690,345 Z\" fill=\"#b6d1c1\" \/> \r\n <rect x=\"460\" y=\"280\" width=\"100\" height=\"45\" rx=\"22\" fill=\"#334155\" \/>\r\n <ellipse cx=\"465\" cy=\"302\" rx=\"12\" ry=\"20\" fill=\"#1e293b\" \/>\r\n <line x1=\"465\" y1=\"285\" x2=\"465\" y2=\"320\" stroke=\"#475569\" stroke-width=\"2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"aero-text\">\r\n <h2>\u0648\u062c\u0647\u062a\u0643 \u0644\u0644\u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/h2>\r\n <p>\r\n \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \"\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\". \u0627\u0646\u0637\u0644\u0642 \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/studyinalgeria.dz\" target=\"_blank\" class=\"btn-study-dz\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <span>\u0632\u064a\u0627\u0631\u0629 \u0628\u0648\u0627\u0628\u0629 \"\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\"<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b808b79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b808b79\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f3c11c\" data-id=\"5f3c11c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39b90b2 elementor-widget elementor-widget-html\" data-id=\"39b90b2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-title-container\" dir=\"rtl\">\r\n <div class=\"oeb-location-badge\">\r\n <span class=\"oeb-ping-animation\"><\/span>\r\n <span class=\"oeb-label-text\">\u0627\u0644\u0645\u0648\u0642\u0639:<\/span> \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\u060c \u0627\u0644\u062c\u0632\u0627\u0626\u0631\r\n <\/div>\r\n\r\n <h2 class=\"oeb-main-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0646 \u0645\u0647\u064a\u062f\u064a<\/h2>\r\n \r\n <div class=\"oeb-title-divider\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap');\r\n\r\n .oeb-title-container {\r\n text-align: center;\r\n padding: 20px;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n \/* Location Badge *\/\r\n .oeb-location-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n background: #f0f9ff;\r\n color: #0369a1;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n border: 1px solid #e0f2fe;\r\n box-shadow: 0 4px 12px rgba(3, 105, 161, 0.08);\r\n }\r\n\r\n \/* \"\u0627\u0644\u0645\u0648\u0642\u0639\" label *\/\r\n .oeb-label-text {\r\n color: #0f172a; \r\n margin-left: 8px; \/* Margin on the left for RTL *\/\r\n font-weight: 900;\r\n }\r\n\r\n \/* Radar Ping Animation *\/\r\n .oeb-ping-animation {\r\n width: 8px;\r\n height: 8px;\r\n background: #0369a1;\r\n border-radius: 50%;\r\n margin-left: 12px;\r\n position: relative;\r\n }\r\n\r\n .oeb-ping-animation::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: #0369a1;\r\n border-radius: 50%;\r\n animation: oeb-ripple 1.5s infinite;\r\n }\r\n\r\n @keyframes oeb-ripple {\r\n 0% { transform: scale(1); opacity: 0.8; }\r\n 100% { transform: scale(3); opacity: 0; }\r\n }\r\n\r\n \/* Main Title with Entry Animation *\/\r\n .oeb-main-title {\r\n font-size: 46px;\r\n font-weight: 900;\r\n color: #0f172a;\r\n margin: 0;\r\n line-height: 1.2;\r\n animation: oeb-fade-up 0.8s ease-out forwards;\r\n }\r\n\r\n \/* Divider with Expand Animation *\/\r\n .oeb-title-divider {\r\n width: 0; \/* Starts at 0 for animation *\/\r\n height: 6px;\r\n background: #0369a1;\r\n margin: 25px auto 0;\r\n border-radius: 100px;\r\n animation: oeb-expand 0.6s 0.4s ease-out forwards;\r\n }\r\n\r\n \/* Keyframes for animations *\/\r\n @keyframes oeb-fade-up {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes oeb-expand {\r\n from { width: 0; }\r\n to { width: 80px; }\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .oeb-main-title { font-size: 32px; }\r\n .oeb-location-badge { font-size: 12px; padding: 6px 15px; }\r\n }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4a3f20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4a3f20\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e417bb9\" data-id=\"e417bb9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03203fa elementor-widget elementor-widget-html\" data-id=\"03203fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-split-section\" dir=\"rtl\">\r\n <div class=\"oeb-container\">\r\n \r\n <div class=\"oeb-col-text\">\r\n <div class=\"oeb-badge\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a<\/div>\r\n <h2 class=\"oeb-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0646 \u0645\u0647\u064a\u062f\u064a<\/h2>\r\n <p class=\"oeb-subtitle\">\u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\u060c \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/p>\r\n \r\n <div class=\"oeb-info-card\">\r\n <div class=\"oeb-info-item\">\r\n <span class=\"oeb-icon\">\ud83d\udccd<\/span>\r\n <div>\r\n <strong>\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0643\u0627\u0645\u0644<\/strong>\r\n <p>\u0635.\u0628 358 \u0637\u0631\u064a\u0642 \u0642\u0633\u0646\u0637\u064a\u0646\u0629\u060c \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\u060c 04000<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"oeb-info-item\">\r\n <span class=\"oeb-icon\">\ud83c\udf0d<\/span>\r\n <div>\r\n <strong>\u0627\u0644\u0625\u062d\u062f\u0627\u062b\u064a\u0627\u062a<\/strong>\r\n <p>35.8780\u00b0 \u0634\u0645\u0627\u0644\u0627\u064b\u060c 7.0903\u00b0 \u0634\u0631\u0642\u0627\u064b<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=University+Larbi+Ben+M'hidi+Oum+El+Bouaghi\" target=\"_blank\" class=\"oeb-btn\">\r\n \u0641\u062a\u062d \u0641\u064a \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"transform: rotate(180deg);\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"oeb-col-map\">\r\n <div class=\"oeb-map-card\">\r\n <div class=\"oeb-map-tag\">\r\n <span class=\"oeb-ping\"><\/span>\r\n \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a (OEB)\r\n <\/div>\r\n\r\n <div class=\"oeb-svg-holder\">\r\n <svg viewBox=\"250 150 250 250\" class=\"oeb-svg\">\r\n <path class=\"algeria-bg\" d=\"M300 180 L420 180 L460 250 L440 330 L360 360 L300 320 L280 250 Z\" \/>\r\n <path class=\"algeria-east\" d=\"M380 200 L440 210 L460 250 L440 320 L390 310 L380 250 Z\" \/>\r\n <circle cx=\"420\" cy=\"260\" r=\"6\" class=\"oeb-point\" \/>\r\n <circle cx=\"420\" cy=\"260\" r=\"6\" class=\"oeb-pulse\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n :root {\r\n --oeb-blue: #0369a1;\r\n --oeb-light-blue: #38bdf8;\r\n --oeb-dark: #0f172a;\r\n --oeb-gray: #64748b;\r\n }\r\n\r\n .oeb-split-section {\r\n padding: 60px 20px;\r\n background: transparent;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .oeb-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n .oeb-badge {\r\n display: inline-block;\r\n background: #e0f2fe;\r\n color: var(--oeb-blue);\r\n padding: 5px 15px;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 12px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .oeb-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: var(--oeb-dark);\r\n margin: 0;\r\n }\r\n\r\n .oeb-subtitle {\r\n font-size: 20px;\r\n color: var(--oeb-blue);\r\n margin-top: 5px;\r\n font-weight: 700;\r\n }\r\n\r\n .oeb-info-card {\r\n margin: 30px 0;\r\n background: white;\r\n padding: 25px;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n }\r\n\r\n .oeb-info-item {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .oeb-info-item:last-child { margin-bottom: 0; }\r\n\r\n .oeb-icon {\r\n font-size: 24px;\r\n background: #f8fafc;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .oeb-info-item strong { display: block; color: var(--oeb-dark); font-size: 16px; margin-bottom: 4px; }\r\n .oeb-info-item p { color: var(--oeb-gray); margin: 0; font-size: 15px; line-height: 1.6; }\r\n\r\n .oeb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--oeb-blue);\r\n color: white !important;\r\n text-decoration: none;\r\n padding: 16px 32px;\r\n border-radius: 100px;\r\n font-weight: 700;\r\n font-size: 16px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 20px rgba(3, 105, 161, 0.2);\r\n }\r\n\r\n .oeb-btn:hover { \r\n background: var(--oeb-dark); \r\n transform: translateY(-3px); \r\n }\r\n\r\n .oeb-btn:hover svg { transform: rotate(180deg) translateX(5px) !important; }\r\n\r\n .oeb-map-card {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 30px;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .oeb-map-tag {\r\n position: absolute;\r\n top: 25px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--oeb-dark);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n display: flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n gap: 8px;\r\n z-index: 10;\r\n white-space: nowrap;\r\n }\r\n\r\n .oeb-ping {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--oeb-light-blue);\r\n border-radius: 50%;\r\n animation: blink 1s infinite;\r\n }\r\n\r\n .oeb-svg-holder { margin-top: 30px; }\r\n .oeb-svg { width: 100%; height: auto; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.08)); }\r\n \r\n .algeria-bg { fill: #f1f5f9; stroke: #cbd5e1; stroke-width: 1.5; }\r\n .algeria-east { fill: var(--oeb-blue); stroke: var(--oeb-light-blue); stroke-width: 1.5; }\r\n \r\n .oeb-point { fill: white; }\r\n .oeb-pulse { fill: none; stroke: var(--oeb-light-blue); stroke-width: 2; animation: pulse 2s infinite; }\r\n\r\n @keyframes pulse { 0% { r: 6; opacity: 1; } 100% { r: 35; opacity: 0; } }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\r\n\r\n @media (max-width: 900px) {\r\n .oeb-container { grid-template-columns: 1fr; text-align: center; }\r\n .oeb-info-item { text-align: right; }\r\n .oeb-btn { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1dea10 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"e1dea10\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c4f123a\" data-id=\"c4f123a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1a3580 elementor-widget elementor-widget-video\" data-id=\"a1a3580\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.univ-oeb.dz\/vrlex\/wp-content\/uploads\/2023\/06\/CBON-withlogo.mp4\" autoplay=\"\" controls=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4834e39 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4834e39\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-99ce9c4\" data-id=\"99ce9c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-980f139 elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"980f139\" data-element_type=\"widget\" data-settings=\"{"_animation":"zoomIn"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d189474 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d189474\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18df9c4\" data-id=\"18df9c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e7d359d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e7d359d\" data-element_type=\"widget\" data-settings=\"{"_animation":"jello"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.univ-oeb.dz\/vrlex\/ar\/%d8%a7%d9%86%d8%b7%d8%a8%d8%a7%d8%b9%d8%a7%d8%aa\/\">\u0627\u0646\u0637\u0628\u0627\u0639\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646\n<\/a><\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b7f0c1c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b7f0c1c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-82cfa93\" data-id=\"82cfa93\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f885e7 elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"6f885e7\" data-element_type=\"widget\" data-settings=\"{"_animation":"zoomIn"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57673ca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57673ca\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fcd3996\" data-id=\"fcd3996\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a9f7860 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a9f7860\" data-element_type=\"widget\" data-settings=\"{"_animation":"jello"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.univ-oeb.dz\/vrlex\/ar\/%d8%a7%d9%84%d8%af%d8%b1%d9%88%d8%b3-%d8%a8%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%a5%d9%86%d8%ac%d9%84%d9%8a%d8%b2%d9%8a%d8%a9\/\">\u0627\u0644\u062f\u0631\u0648\u0633 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/a><\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Study in Algeria \u0648\u062c\u0647\u062a\u0643 \u0644\u0644\u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 “\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631”. \u0627\u0646\u0637\u0644\u0642 \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631. \u0632\u064a\u0627\u0631\u0629 \u0628\u0648\u0627\u0628\u0629 “\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631” \u0645\u0631\u062d\u0628\u0627 \u0628\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a \u060c \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0646 \u0645\u0647\u064a\u062f\u064a – …<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7802","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/comments?post=7802"}],"version-history":[{"count":85,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7802\/revisions"}],"predecessor-version":[{"id":12491,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7802\/revisions\/12491"}],"wp:attachment":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/media?parent=7802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #0369a1;\r\n --accent: #38bdf8;\r\n --text-dark: #0f172a;\r\n --bg-light: #f0f9ff;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Cairo', sans-serif;\r\n background: var(--bg-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* 1. \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 (\u0627\u0644\u0633\u0645\u0627\u0621) *\/\r\n .hero-banner {\r\n position: relative;\r\n width: 100%;\r\n min-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0633\u062d\u0628 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n .cloud {\r\n position: absolute;\r\n background: white;\r\n border-radius: 100px;\r\n opacity: 0.5;\r\n filter: blur(20px);\r\n animation: float 20s linear infinite;\r\n z-index: 1;\r\n }\r\n .c1 { width: 300px; height: 100px; top: 10%; right: -10%; }\r\n .c2 { width: 200px; height: 80px; bottom: 15%; left: -5%; animation-delay: -5s; }\r\n\r\n @keyframes float {\r\n 0% { transform: translateX(100px); }\r\n 50% { transform: translateX(-100px); }\r\n 100% { transform: translateX(100px); }\r\n }\r\n\r\n \/* 2. \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n .content-wrap {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1200px;\r\n width: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n \/* 3. \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n .welcome-badge {\r\n background: var(--primary);\r\n color: white;\r\n padding: 8px 25px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 10px 20px rgba(3, 105, 161, 0.2);\r\n animation: fadeInDown 1s ease;\r\n }\r\n\r\n h1 {\r\n font-size: clamp(35px, 7vw, 65px);\r\n font-weight: 900;\r\n color: var(--text-dark);\r\n margin: 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .typewriter {\r\n color: var(--primary);\r\n overflow: hidden; \r\n border-left: .15em solid var(--primary); \/* Adjusted for RTL *\/\r\n white-space: nowrap; \r\n margin: 0 auto; \r\n animation: \r\n typing 3.5s steps(40, end),\r\n blink-caret .75s step-end infinite;\r\n max-width: fit-content;\r\n }\r\n\r\n @keyframes typing { from { width: 0 } to { width: 100% } }\r\n @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--primary); } }\r\n\r\n \/* 4. \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 40px;\r\n border-radius: 30px;\r\n margin-top: 40px;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n max-width: 850px;\r\n transform: translateY(30px);\r\n opacity: 0;\r\n animation: fadeInUp 1s ease forwards 0.5s;\r\n }\r\n\r\n .main-p {\r\n font-size: 21px;\r\n color: #475569;\r\n line-height: 1.8;\r\n margin: 0;\r\n font-weight: 500;\r\n }\r\n\r\n \/* 5. \u0645\u064a\u0632\u0627\u062a \u0639\u0627\u0626\u0645\u0629 *\/\r\n .feature-grid {\r\n display: flex;\r\n gap: 20px;\r\n margin-top: 50px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .feat-item {\r\n background: white;\r\n padding: 15px 30px;\r\n border-radius: 20px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n box-shadow: 0 10px 15px rgba(0,0,0,0.05);\r\n animation: floatUpDown 3s ease-in-out infinite;\r\n border: 1px solid transparent;\r\n transition: 0.3s;\r\n }\r\n .feat-item:nth-child(2) { animation-delay: 0.5s; }\r\n .feat-item:nth-child(3) { animation-delay: 1s; }\r\n\r\n .feat-item:hover {\r\n border-color: var(--primary);\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n @keyframes floatUpDown {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n \/* 6. \u0632\u0631 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 *\/\r\n .cta-btn {\r\n margin-top: 50px;\r\n padding: 18px 50px;\r\n background: var(--primary);\r\n color: white !important;\r\n text-decoration: none;\r\n font-weight: 900;\r\n border-radius: 100px;\r\n font-size: 20px;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: 0.4s;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .cta-btn:hover {\r\n background: var(--text-dark);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n padding-left: 65px; \/* Directional padding for RTL *\/\r\n }\r\n\r\n .cta-btn svg {\r\n margin-right: 15px; \/* Adjusted for RTL *\/\r\n transition: 0.3s;\r\n transform: rotate(180deg); \/* Mirror arrow for RTL *\/\r\n }\r\n\r\n @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero-banner\">\r\n <div class=\"cloud c1\"><\/div>\r\n <div class=\"cloud c2\"><\/div>\r\n\r\n <div class=\"content-wrap\">\r\n <div class=\"welcome-badge\">\u0646\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0622\u0646 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646<\/div>\r\n \r\n <h1>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a <br> <div class=\"typewriter\">\u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a<\/div><\/h1>\r\n \r\n <div class=\"glass-card\">\r\n <p class=\"main-p\">\r\n \u0645\u0624\u0633\u0633\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u062a\u0642\u0639 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u064a. \u0646\u062d\u0646 \u0641\u062e\u0648\u0631\u0648\u0646 \u0628\u062a\u0642\u062f\u064a\u0645 \u062a\u0639\u0644\u064a\u0645 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0637\u0644\u0627\u0628\u0646\u0627\u060c \u0648\u0646\u0633\u0639\u062f \u0628\u0641\u062a\u062d \u0622\u0641\u0627\u0642\u0646\u0627 \u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645 \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062d\u0641\u0632\u0629 \u0648\u0645\u062b\u0645\u0631\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feat-item\">\u2708\ufe0f \u0645\u062c\u062a\u0645\u0639 \u0639\u0627\u0644\u0645\u064a<\/div>\r\n <div class=\"feat-item\">\ud83c\udfdb\ufe0f \u0643\u0644\u064a\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u0633\u0627\u0626\u0644<\/div>\r\n <div class=\"feat-item\">\ud83c\udf1f \u0628\u0631\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629<\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"cta-btn\">\r\n \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639\u0646\u0627 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <p style=\"margin-top: 40px; color: var(--primary); font-weight: 700; opacity: 0.8;\">\r\n \u0627\u0643\u062a\u0634\u0641 \u0639\u0627\u0644\u0645\u0627\u064b \u064a\u0645\u062a\u0632\u062c \u0641\u064a\u0647 \u0627\u0644\u0639\u0644\u0645 \u0628\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0627\u0644\u0639\u0631\u064a\u0642\u0629.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee7ffdb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee7ffdb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b85183b\" data-id=\"b85183b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f54e31 elementor-widget elementor-widget-html\" data-id=\"4f54e31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-top-header\" dir=\"rtl\">\r\n <div class=\"oeb-mini-badge\">\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0637\u0627\u0644\u0628 \u0627\u0644\u062f\u0648\u0644\u064a<\/div>\r\n \r\n <div class=\"oeb-portal-scene\">\r\n <div class=\"oeb-door-frame\">\r\n <div class=\"oeb-door oeb-door-right\">\r\n <div class=\"door-handle\"><\/div>\r\n <\/div>\r\n <div class=\"oeb-door oeb-door-left\">\r\n <div class=\"door-handle\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"oeb-content-behind\">\r\n <h1 class=\"oeb-super-title\">\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/h1>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"oeb-accent-line\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap');\r\n\r\n :root {\r\n --primary-blue: #0369a1; \r\n --accent-blue: #38bdf8; \r\n --dark-slate: #0f172a;\r\n --door-color: #ffffff;\r\n }\r\n\r\n .oeb-top-header {\r\n text-align: center;\r\n padding: 40px 20px;\r\n font-family: 'Cairo', sans-serif;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 1. Badge *\/\r\n .oeb-mini-badge {\r\n display: inline-block;\r\n background: #e0f2fe;\r\n color: var(--primary-blue);\r\n padding: 6px 22px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 800;\r\n margin-bottom: 30px;\r\n border: 1px solid #bae6fd;\r\n opacity: 0;\r\n animation: fadeInDown 0.8s ease forwards;\r\n }\r\n\r\n \/* 2. Portal Scene (The Door) *\/\r\n .oeb-portal-scene {\r\n position: relative;\r\n width: 100%;\r\n max-width: 600px;\r\n height: 120px; \/* \u0645\u0642\u0627\u0633 \u0645\u0636\u0628\u0648\u0637 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n margin: 0 auto;\r\n perspective: 1200px; \/* \u0644\u064a\u0639\u0637\u064a \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0639\u0645\u0642 *\/\r\n }\r\n\r\n .oeb-door-frame {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oeb-door {\r\n position: absolute;\r\n top: 0;\r\n width: 50.5%; \/* \u062a\u062f\u0627\u062e\u0644 \u0628\u0633\u064a\u0637 \u0644\u0645\u0646\u0639 \u0627\u0644\u0641\u0631\u0627\u063a \u0641\u064a \u0627\u0644\u0648\u0633\u0637 *\/\r\n height: 100%;\r\n background: var(--door-color);\r\n z-index: 10;\r\n border: 1px solid #e2e8f0;\r\n transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n align-items: center;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n backface-visibility: hidden;\r\n }\r\n\r\n \/* \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0642\u0628\u0636 \u0627\u0644\u0628\u0627\u0628 *\/\r\n .door-handle {\r\n width: 4px;\r\n height: 30px;\r\n background: var(--primary-blue);\r\n border-radius: 10px;\r\n margin: 0 10px;\r\n opacity: 0.3;\r\n }\r\n\r\n .oeb-door-right {\r\n right: 0;\r\n transform-origin: right center; \/* \u064a\u0641\u062a\u062d \u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n animation: openRightDoor 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s forwards;\r\n }\r\n\r\n .oeb-door-left {\r\n left: 0;\r\n transform-origin: left center; \/* \u064a\u0641\u062a\u062d \u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n animation: openLeftDoor 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s forwards;\r\n justify-content: flex-end;\r\n }\r\n\r\n \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u0627\u0644\u0639\u0646\u0648\u0627\u0646) *\/\r\n .oeb-content-behind {\r\n position: absolute;\r\n width: 100%;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oeb-super-title {\r\n font-size: clamp(32px, 5vw, 56px); \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u0631\u0646 \u0648\u0645\u0636\u0628\u0648\u0637 *\/\r\n font-weight: 900;\r\n color: var(--dark-slate);\r\n margin: 0;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: scale(0.9);\r\n animation: revealTitle 1s ease-out 1.2s forwards;\r\n }\r\n\r\n \/* 3. Accent Line *\/\r\n .oeb-accent-line {\r\n width: 0;\r\n height: 6px;\r\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-blue));\r\n margin: 20px auto 0;\r\n border-radius: 100px;\r\n animation: growLine 0.8s ease-out 1.8s forwards;\r\n }\r\n\r\n \/* --- Animations --- *\/\r\n\r\n @keyframes openRightDoor {\r\n 0% { transform: rotateY(0deg); }\r\n 100% { transform: rotateY(110deg); opacity: 0; visibility: hidden; }\r\n }\r\n\r\n @keyframes openLeftDoor {\r\n 0% { transform: rotateY(0deg); }\r\n 100% { transform: rotateY(-110deg); opacity: 0; visibility: hidden; }\r\n }\r\n\r\n @keyframes revealTitle {\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes growLine {\r\n to { width: 100px; }\r\n }\r\n\r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .oeb-portal-scene { height: 80px; }\r\n .oeb-top-header { padding: 30px 10px; }\r\n }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-61b92df elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"61b92df\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c70981d\" data-id=\"c70981d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0bfaf35 elementor-widget elementor-widget-html\" data-id=\"0bfaf35\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Study in Algeria<\/title>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* 1. Base & Layout *\/\r\n .aviation-super-scene {\r\n padding: 80px 5%;\r\n background-color: #ffffff;\r\n font-family: 'Cairo', sans-serif;\r\n direction: rtl; \/* Direction arabe *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* 2. Animations *\/\r\n @keyframes cloudFlow {\r\n from { transform: translateX(120%); }\r\n to { transform: translateX(-120%); }\r\n }\r\n\r\n @keyframes realisticTakeOff {\r\n 0% { transform: translate(0, 0) scale(1) rotate(0deg); }\r\n 15% { transform: translate(3px, -2px) rotate(0.5deg); } \r\n 100% { transform: translate(-150%, -350px) scale(0.2) rotate(-25deg); opacity: 0; }\r\n }\r\n\r\n @keyframes smoothLanding {\r\n 0% { transform: translate(120%, -150px) scale(0.4) rotate(15deg); opacity: 0; }\r\n 100% { transform: translate(0, 0) scale(1) rotate(0deg); opacity: 1; }\r\n }\r\n\r\n \/* 3. Card Container *\/\r\n .ultra-card {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: #ffffff;\r\n border-radius: 40px;\r\n display: flex;\r\n flex-direction: row-reverse; \/* Aligne l'image \u00e0 gauche pour le RTL *\/\r\n box-shadow: 0 30px 70px rgba(0,0,0,0.08);\r\n border: 1px solid #f1f5f9;\r\n position: relative;\r\n min-height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 4. Plane Area (Sky) *\/\r\n .plane-landing-bay {\r\n flex: 1.3;\r\n background: linear-gradient(to bottom, #4facfe 0%, #00f2fe 60%, #ffffff 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cloud {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.8);\r\n filter: blur(15px);\r\n border-radius: 50%;\r\n animation: cloudFlow 25s linear infinite;\r\n }\r\n .c1 { width: 200px; height: 60px; top: 15%; animation-duration: 30s; }\r\n .c2 { width: 150px; height: 50px; top: 40%; right: 20%; animation-duration: 40s; opacity: 0.6; }\r\n\r\n .airplane-container {\r\n width: 100%;\r\n max-width: 550px;\r\n z-index: 10;\r\n filter: drop-shadow(0 40px 40px rgba(0,0,0,0.15));\r\n animation: smoothLanding 2.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n }\r\n\r\n .plane-landing-bay:hover .airplane-container {\r\n animation: realisticTakeOff 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n }\r\n\r\n \/* 5. Text Content *\/\r\n .aero-text {\r\n flex: 1;\r\n padding: 60px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background: white;\r\n text-align: right;\r\n }\r\n\r\n .aero-text h2 {\r\n font-size: 38px;\r\n font-weight: 900;\r\n color: #1e293b; \r\n margin-bottom: 25px;\r\n line-height: 1.4;\r\n }\r\n\r\n .aero-text p {\r\n color: #475569; \r\n font-size: 18px;\r\n line-height: 1.8;\r\n margin-bottom: 45px;\r\n }\r\n\r\n \/* 6. Button (Olive Green Design) *\/\r\n .btn-study-dz {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n align-self: flex-start; \/* Aligne le bouton \u00e0 droite en RTL *\/\r\n gap: 15px;\r\n padding: 22px 40px;\r\n background: #4b6319; \r\n color: white !important;\r\n text-decoration: none;\r\n font-weight: 800;\r\n font-size: 18px;\r\n border-radius: 15px;\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-study-dz:hover {\r\n background: #3a4d13;\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n .btn-study-dz svg {\r\n \/* On inverse la fl\u00e8che pour le sens arabe *\/\r\n transform: scaleX(-1);\r\n }\r\n\r\n \/* 7. Responsive *\/\r\n @media (max-width: 992px) {\r\n .ultra-card { flex-direction: column; }\r\n .plane-landing-bay { min-height: 350px; }\r\n .aero-text { padding: 40px 20px; text-align: center; align-items: center; }\r\n .btn-study-dz { align-self: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"aviation-super-scene\">\r\n <div class=\"ultra-card\">\r\n \r\n <div class=\"plane-landing-bay\">\r\n <div class=\"cloud c1\"><\/div>\r\n <div class=\"cloud c2\"><\/div>\r\n\r\n <div class=\"airplane-container\">\r\n <svg viewBox=\"0 0 800 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"planeBodyGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:1\" \/>\r\n <stop offset=\"50%\" style=\"stop-color:#f1f5f9;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#e2e8f0;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <linearGradient id=\"wingGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#e2e8f0;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#cbd5e1;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n <path d=\"M350,130 L550,40 L620,45 L450,140 Z\" fill=\"url(#wingGrad)\" \/>\r\n <path d=\"M720,180 C720,240 450,265 150,265 C70,265 30,230 30,180 C30,130 70,105 150,105 C450,105 720,120 720,180 Z\" fill=\"url(#planeBodyGrad)\" \/>\r\n <path d=\"M640,145 C680,152 705,175 708,185 L640,195 Z\" fill=\"#1e293b\" opacity=\"0.9\" \/>\r\n <path d=\"M160,110 L40,10 L120,10 L230,120 Z\" fill=\"#b6d1c1\" \/>\r\n\r\n <g fill=\"#94a3b8\" opacity=\"0.5\">\r\n <circle cx=\"250\" cy=\"180\" r=\"6\" \/><circle cx=\"290\" cy=\"180\" r=\"6\" \/>\r\n <circle cx=\"330\" cy=\"180\" r=\"6\" \/><circle cx=\"370\" cy=\"180\" r=\"6\" \/>\r\n <circle cx=\"410\" cy=\"180\" r=\"6\" \/><circle cx=\"450\" cy=\"180\" r=\"6\" \/>\r\n <\/g>\r\n\r\n <path d=\"M400,210 L580,350 L680,360 L520,215 Z\" fill=\"#ffffff\" stroke=\"#e2e8f0\" stroke-width=\"2\" \/>\r\n <path d=\"M580,350 L680,360 L690,345 Z\" fill=\"#b6d1c1\" \/> \r\n <rect x=\"460\" y=\"280\" width=\"100\" height=\"45\" rx=\"22\" fill=\"#334155\" \/>\r\n <ellipse cx=\"465\" cy=\"302\" rx=\"12\" ry=\"20\" fill=\"#1e293b\" \/>\r\n <line x1=\"465\" y1=\"285\" x2=\"465\" y2=\"320\" stroke=\"#475569\" stroke-width=\"2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"aero-text\">\r\n <h2>\u0648\u062c\u0647\u062a\u0643 \u0644\u0644\u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/h2>\r\n <p>\r\n \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \"\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\". \u0627\u0646\u0637\u0644\u0642 \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/studyinalgeria.dz\" target=\"_blank\" class=\"btn-study-dz\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <span>\u0632\u064a\u0627\u0631\u0629 \u0628\u0648\u0627\u0628\u0629 \"\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\"<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b808b79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b808b79\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f3c11c\" data-id=\"5f3c11c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39b90b2 elementor-widget elementor-widget-html\" data-id=\"39b90b2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-title-container\" dir=\"rtl\">\r\n <div class=\"oeb-location-badge\">\r\n <span class=\"oeb-ping-animation\"><\/span>\r\n <span class=\"oeb-label-text\">\u0627\u0644\u0645\u0648\u0642\u0639:<\/span> \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\u060c \u0627\u0644\u062c\u0632\u0627\u0626\u0631\r\n <\/div>\r\n\r\n <h2 class=\"oeb-main-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0646 \u0645\u0647\u064a\u062f\u064a<\/h2>\r\n \r\n <div class=\"oeb-title-divider\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap');\r\n\r\n .oeb-title-container {\r\n text-align: center;\r\n padding: 20px;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n \/* Location Badge *\/\r\n .oeb-location-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n background: #f0f9ff;\r\n color: #0369a1;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n border: 1px solid #e0f2fe;\r\n box-shadow: 0 4px 12px rgba(3, 105, 161, 0.08);\r\n }\r\n\r\n \/* \"\u0627\u0644\u0645\u0648\u0642\u0639\" label *\/\r\n .oeb-label-text {\r\n color: #0f172a; \r\n margin-left: 8px; \/* Margin on the left for RTL *\/\r\n font-weight: 900;\r\n }\r\n\r\n \/* Radar Ping Animation *\/\r\n .oeb-ping-animation {\r\n width: 8px;\r\n height: 8px;\r\n background: #0369a1;\r\n border-radius: 50%;\r\n margin-left: 12px;\r\n position: relative;\r\n }\r\n\r\n .oeb-ping-animation::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: #0369a1;\r\n border-radius: 50%;\r\n animation: oeb-ripple 1.5s infinite;\r\n }\r\n\r\n @keyframes oeb-ripple {\r\n 0% { transform: scale(1); opacity: 0.8; }\r\n 100% { transform: scale(3); opacity: 0; }\r\n }\r\n\r\n \/* Main Title with Entry Animation *\/\r\n .oeb-main-title {\r\n font-size: 46px;\r\n font-weight: 900;\r\n color: #0f172a;\r\n margin: 0;\r\n line-height: 1.2;\r\n animation: oeb-fade-up 0.8s ease-out forwards;\r\n }\r\n\r\n \/* Divider with Expand Animation *\/\r\n .oeb-title-divider {\r\n width: 0; \/* Starts at 0 for animation *\/\r\n height: 6px;\r\n background: #0369a1;\r\n margin: 25px auto 0;\r\n border-radius: 100px;\r\n animation: oeb-expand 0.6s 0.4s ease-out forwards;\r\n }\r\n\r\n \/* Keyframes for animations *\/\r\n @keyframes oeb-fade-up {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes oeb-expand {\r\n from { width: 0; }\r\n to { width: 80px; }\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .oeb-main-title { font-size: 32px; }\r\n .oeb-location-badge { font-size: 12px; padding: 6px 15px; }\r\n }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4a3f20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4a3f20\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e417bb9\" data-id=\"e417bb9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03203fa elementor-widget elementor-widget-html\" data-id=\"03203fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-split-section\" dir=\"rtl\">\r\n <div class=\"oeb-container\">\r\n \r\n <div class=\"oeb-col-text\">\r\n <div class=\"oeb-badge\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a<\/div>\r\n <h2 class=\"oeb-title\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0646 \u0645\u0647\u064a\u062f\u064a<\/h2>\r\n <p class=\"oeb-subtitle\">\u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\u060c \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/p>\r\n \r\n <div class=\"oeb-info-card\">\r\n <div class=\"oeb-info-item\">\r\n <span class=\"oeb-icon\">\ud83d\udccd<\/span>\r\n <div>\r\n <strong>\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0643\u0627\u0645\u0644<\/strong>\r\n <p>\u0635.\u0628 358 \u0637\u0631\u064a\u0642 \u0642\u0633\u0646\u0637\u064a\u0646\u0629\u060c \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a\u060c 04000<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"oeb-info-item\">\r\n <span class=\"oeb-icon\">\ud83c\udf0d<\/span>\r\n <div>\r\n <strong>\u0627\u0644\u0625\u062d\u062f\u0627\u062b\u064a\u0627\u062a<\/strong>\r\n <p>35.8780\u00b0 \u0634\u0645\u0627\u0644\u0627\u064b\u060c 7.0903\u00b0 \u0634\u0631\u0642\u0627\u064b<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=University+Larbi+Ben+M'hidi+Oum+El+Bouaghi\" target=\"_blank\" class=\"oeb-btn\">\r\n \u0641\u062a\u062d \u0641\u064a \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"transform: rotate(180deg);\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"oeb-col-map\">\r\n <div class=\"oeb-map-card\">\r\n <div class=\"oeb-map-tag\">\r\n <span class=\"oeb-ping\"><\/span>\r\n \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a (OEB)\r\n <\/div>\r\n\r\n <div class=\"oeb-svg-holder\">\r\n <svg viewBox=\"250 150 250 250\" class=\"oeb-svg\">\r\n <path class=\"algeria-bg\" d=\"M300 180 L420 180 L460 250 L440 330 L360 360 L300 320 L280 250 Z\" \/>\r\n <path class=\"algeria-east\" d=\"M380 200 L440 210 L460 250 L440 320 L390 310 L380 250 Z\" \/>\r\n <circle cx=\"420\" cy=\"260\" r=\"6\" class=\"oeb-point\" \/>\r\n <circle cx=\"420\" cy=\"260\" r=\"6\" class=\"oeb-pulse\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n :root {\r\n --oeb-blue: #0369a1;\r\n --oeb-light-blue: #38bdf8;\r\n --oeb-dark: #0f172a;\r\n --oeb-gray: #64748b;\r\n }\r\n\r\n .oeb-split-section {\r\n padding: 60px 20px;\r\n background: transparent;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .oeb-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n .oeb-badge {\r\n display: inline-block;\r\n background: #e0f2fe;\r\n color: var(--oeb-blue);\r\n padding: 5px 15px;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 12px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .oeb-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: var(--oeb-dark);\r\n margin: 0;\r\n }\r\n\r\n .oeb-subtitle {\r\n font-size: 20px;\r\n color: var(--oeb-blue);\r\n margin-top: 5px;\r\n font-weight: 700;\r\n }\r\n\r\n .oeb-info-card {\r\n margin: 30px 0;\r\n background: white;\r\n padding: 25px;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n }\r\n\r\n .oeb-info-item {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .oeb-info-item:last-child { margin-bottom: 0; }\r\n\r\n .oeb-icon {\r\n font-size: 24px;\r\n background: #f8fafc;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .oeb-info-item strong { display: block; color: var(--oeb-dark); font-size: 16px; margin-bottom: 4px; }\r\n .oeb-info-item p { color: var(--oeb-gray); margin: 0; font-size: 15px; line-height: 1.6; }\r\n\r\n .oeb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--oeb-blue);\r\n color: white !important;\r\n text-decoration: none;\r\n padding: 16px 32px;\r\n border-radius: 100px;\r\n font-weight: 700;\r\n font-size: 16px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 20px rgba(3, 105, 161, 0.2);\r\n }\r\n\r\n .oeb-btn:hover { \r\n background: var(--oeb-dark); \r\n transform: translateY(-3px); \r\n }\r\n\r\n .oeb-btn:hover svg { transform: rotate(180deg) translateX(5px) !important; }\r\n\r\n .oeb-map-card {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 30px;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .oeb-map-tag {\r\n position: absolute;\r\n top: 25px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--oeb-dark);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 800;\r\n display: flex;\r\n flex-direction: row-reverse;\r\n align-items: center;\r\n gap: 8px;\r\n z-index: 10;\r\n white-space: nowrap;\r\n }\r\n\r\n .oeb-ping {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--oeb-light-blue);\r\n border-radius: 50%;\r\n animation: blink 1s infinite;\r\n }\r\n\r\n .oeb-svg-holder { margin-top: 30px; }\r\n .oeb-svg { width: 100%; height: auto; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.08)); }\r\n \r\n .algeria-bg { fill: #f1f5f9; stroke: #cbd5e1; stroke-width: 1.5; }\r\n .algeria-east { fill: var(--oeb-blue); stroke: var(--oeb-light-blue); stroke-width: 1.5; }\r\n \r\n .oeb-point { fill: white; }\r\n .oeb-pulse { fill: none; stroke: var(--oeb-light-blue); stroke-width: 2; animation: pulse 2s infinite; }\r\n\r\n @keyframes pulse { 0% { r: 6; opacity: 1; } 100% { r: 35; opacity: 0; } }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\r\n\r\n @media (max-width: 900px) {\r\n .oeb-container { grid-template-columns: 1fr; text-align: center; }\r\n .oeb-info-item { text-align: right; }\r\n .oeb-btn { width: 100%; justify-content: center; }\r\n }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1dea10 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"e1dea10\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c4f123a\" data-id=\"c4f123a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1a3580 elementor-widget elementor-widget-video\" data-id=\"a1a3580\" data-element_type=\"widget\" data-settings=\"{"video_type":"hosted","autoplay":"yes","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.univ-oeb.dz\/vrlex\/wp-content\/uploads\/2023\/06\/CBON-withlogo.mp4\" autoplay=\"\" controls=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4834e39 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4834e39\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-99ce9c4\" data-id=\"99ce9c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-980f139 elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"980f139\" data-element_type=\"widget\" data-settings=\"{"_animation":"zoomIn"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d189474 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d189474\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18df9c4\" data-id=\"18df9c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e7d359d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e7d359d\" data-element_type=\"widget\" data-settings=\"{"_animation":"jello"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.univ-oeb.dz\/vrlex\/ar\/%d8%a7%d9%86%d8%b7%d8%a8%d8%a7%d8%b9%d8%a7%d8%aa\/\">\u0627\u0646\u0637\u0628\u0627\u0639\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646\n<\/a><\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b7f0c1c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b7f0c1c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-82cfa93\" data-id=\"82cfa93\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f885e7 elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"6f885e7\" data-element_type=\"widget\" data-settings=\"{"_animation":"zoomIn"}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57673ca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57673ca\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fcd3996\" data-id=\"fcd3996\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a9f7860 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a9f7860\" data-element_type=\"widget\" data-settings=\"{"_animation":"jello"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.univ-oeb.dz\/vrlex\/ar\/%d8%a7%d9%84%d8%af%d8%b1%d9%88%d8%b3-%d8%a8%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%a5%d9%86%d8%ac%d9%84%d9%8a%d8%b2%d9%8a%d8%a9\/\">\u0627\u0644\u062f\u0631\u0648\u0633 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/a><\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Study in Algeria \u0648\u062c\u0647\u062a\u0643 \u0644\u0644\u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 “\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631”. \u0627\u0646\u0637\u0644\u0642 \u0641\u064a \u0645\u0633\u0627\u0631\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0641\u064a \u0628\u064a\u0626\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631. \u0632\u064a\u0627\u0631\u0629 \u0628\u0648\u0627\u0628\u0629 “\u0627\u062f\u0631\u0633 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631” \u0645\u0631\u062d\u0628\u0627 \u0628\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u062c\u0627\u0645\u0639\u0629 \u0623\u0645 \u0627\u0644\u0628\u0648\u0627\u0642\u064a \u060c \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0628\u0646 \u0645\u0647\u064a\u062f\u064a – …<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7802","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/comments?post=7802"}],"version-history":[{"count":85,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7802\/revisions"}],"predecessor-version":[{"id":12491,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7802\/revisions\/12491"}],"wp:attachment":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/media?parent=7802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}