{"id":13,"date":"2026-04-29T11:24:10","date_gmt":"2026-04-29T09:24:10","guid":{"rendered":"https:\/\/prize.hcla.dz\/?page_id=13"},"modified":"2026-06-15T17:45:34","modified_gmt":"2026-06-15T15:45:34","slug":"accueil","status":"publish","type":"page","link":"https:\/\/prize.hcla.dz\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull a propos has-black-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:0px\">\n<h2 class=\"wp-block-heading screen-reader-text\">What We Offer<\/h2>\n\n\n\n<section class=\"wp-block-uagb-container uagb-layout-flex uagb-block-db96941f alignfull uagb-is-root-container\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\n}\n\n.hero-award{\nposition:relative;\nmin-height:100vh;\ndisplay:flex;\nalign-items:center;\noverflow:hidden;\nfont-family:'Cairo',sans-serif;\nmargin-top: 80px;\nbackground-image:url('https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/cvrt.png');\n\nbackground-size:cover;\n\n\/* \u0623\u0647\u0645 \u062a\u0639\u062f\u064a\u0644 *\/\nbackground-position:right center;\n\nbackground-repeat:no-repeat;\n}\n\n.hero-award::before{\ncontent:\"\";\nposition:absolute;\ninset:0;\n\nbackground:\nlinear-gradient(\n90deg,\nrgba(0,0,0,.85) 0%,\nrgba(0,0,0,.60) 45%,\nrgba(0,0,0,.15) 100%\n);\n\nz-index:1;\n}\n\n.hero-container{\nposition:relative;\nz-index:2;\n\nwidth:100%;\nmax-width:1600px;\n\nmargin:0 auto;\n\npadding:0 80px;\n\ndisplay:grid;\ngrid-template-columns:55% 45%;\nalign-items:center;\n\nmin-height:100vh;\n}\n\n.hero-text{\ngrid-column:1;\nmax-width:700px;\nanimation:fadeUp 1.2s ease;\nmargin-right:40px;\n}\n\n.hero-text h1{\ncolor:#E6BF69;\nfont-size:68px;\nline-height:1.3;\nfont-weight:800;\nmargin-bottom:25px;\n}\n\n.hero-text h1 span{\ndisplay:block;\nfont-size:52px;\ncolor:#F7E3B2;\nmargin-top:8px;\ntext-align:center;\n}\n\n.hero-text p{\nfont-size:28px;\nline-height:2;\ncolor:#ffffff;\nmargin-bottom:45px;\n}\n\n.countdown-wrapper{\n\nmax-width:700px;\n\npadding:35px;\n\nborder:2px solid rgba(212,166,74,.55);\n\nborder-radius:40px;\n\nbackground:\nrgba(0,0,0,.35);\n\nbackdrop-filter:blur(8px);\n\n}\n\n.countdown-wrapper h3{\n\ntext-align:center;\n\ncolor:#D4A64A;\n\nfont-size:34px;\n\nmargin-bottom:30px;\n\nfont-weight:700;\n\n}\n\n.hero-countdown{\ndisplay:flex;\njustify-content:center;\ngap:15px;\nflex-wrap:wrap;\n}\n\n.hero-count-box{\nwidth:140px;\n}\n\n.hero-number{\n\nbackground:linear-gradient(\n180deg,\nrgba(18,18,18,.95),\nrgba(0,0,0,.95)\n);\n\nborder:1px solid #D4A64A;\nborder-radius:18px;\n\ncolor:#E6BF69;\n\nfont-size:52px;\nfont-weight:800;\n\npadding:18px 10px;\n\ntext-align:center;\n\nbox-shadow:\n0 0 15px rgba(212,166,74,.15),\ninset 0 0 20px rgba(212,166,74,.08);\n\ntext-shadow:\n0 0 10px rgba(212,166,74,.45);\n}\n\n.hero-label{\n\nmargin-top:10px;\n\npadding:10px;\n\ntext-align:center;\n\nbackground:rgba(212,166,74,.10);\n\nborder:1px solid rgba(212,166,74,.30);\n\nborder-radius:10px;\n\ncolor:#D4A64A;\n\nfont-size:18px;\nfont-weight:700;\n}\n.hero-btn{\n\ndisplay:inline-block;\n\nmargin-top:40px;\n\npadding:16px 45px;\n\nborder:1px solid #D4A64A;\n\nborder-radius:50px;\n\ntext-decoration:none;\n\ncolor:#E6BF69;\n\nfont-size:20px;\n\ntransition:.4s;\n\n}\n\n.hero-btn:hover{\n\nbackground:#D4A64A;\n\ncolor:#000;\n\n}\n\n@keyframes fadeUp{\n\nfrom{\nopacity:0;\ntransform:translateY(40px);\n}\n\nto{\nopacity:1;\ntransform:translateY(0);\n}\n\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n@media (max-width: 992px){\n\n.hero-award{\n    min-height:auto;\n    padding:80px 0;\n}\n\n.hero-container{\n    display:block;\n    padding:40px 30px;\n    min-height:auto;\n}\n\n.hero-text{\n    max-width:100%;\n    margin-right:0;\n    text-align:center;\n}\n\n.hero-text h1{\n    font-size:48px;\n}\n\n.hero-text h1 span{\n    font-size:34px;\n}\n\n.hero-text p{\n    font-size:22px;\n    line-height:1.9;\n    text-wrap: pretty;\n}\n\n.countdown-wrapper{\n    max-width:100%;\n}\n\n.hero-count-box{\n    width:120px;\n}\n\n.hero-number{\n    font-size:42px;\n    direction:ltr;\n}\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n@media (max-width: 768px){\n\n.hero-award{\n    margin-top:70px;\n    min-height:auto;\n    padding:70px 0;\n    background-position:center center;\n}\n\n.hero-award::before{\n    background:\n    linear-gradient(\n    180deg,\n    rgba(0,0,0,.88) 0%,\n    rgba(0,0,0,.70) 100%\n    );\n}\n\n.hero-container{\n    display:block;\n    padding:20px;\n    min-height:auto;\n}\n\n.hero-text{\n    text-align:center;\n    margin-right:0;\n}\n\n.hero-text h1{\n    font-size:34px;\n    line-height:1.5;\n    margin-bottom:15px;\n}\n\n.hero-text h1 span{\n    font-size:26px;\n}\n\n.hero-text p{\n    font-size:18px;\n    line-height:1.9;\n    margin-bottom:30px;\n}\n\n.countdown-wrapper{\n    padding:20px;\n    border-radius:25px;\n}\n\n.countdown-wrapper h3{\n    font-size:24px;\n    margin-bottom:20px;\n}\n\n.hero-countdown{\n    gap:10px;\n}\n\n.hero-count-box{\n    width:calc(50% - 5px);\n}\n\n.hero-number{\n    font-size:34px;\n    padding:14px 5px;\n}\n\n.hero-label{\n    font-size:15px;\n    padding:8px;\n}\n}\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n@media (max-width: 480px){\n\n.hero-text h1{\n    font-size:28px;\n}\n\n.hero-text h1 span{\n    font-size:22px;\n}\n\n.hero-text p{\n    font-size:16px;\n}\n\n.countdown-wrapper h3{\n    font-size:20px;\n}\n\n.hero-count-box{\n    width:calc(50% - 5px);\n}\n\n.hero-number{\n    font-size:28px;\n}\n\n.hero-label{\n    font-size:14px;\n}\n}\n\n<\/style>\n\n<section class=\"hero-award\">\n\n<div class=\"hero-container\">\n\n<div class=\"hero-text\">\n\n<h1>\n\u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629\n<span>\u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629<\/span>\n<\/h1>\n\n<p>\n\u064a\u064f\u0639\u0644\u0646 \u0631\u0626\u064a\u0633 \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u062a\u062d \u0628\u0627\u0628 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d\n\u0644\u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u064a \u0637\u0628\u0639\u062a\u0647\u0627\n\u0627\u0644\u062b\u0651\u0627\u0646\u064a\u0651\u0629 2026\u0645\u060c \u0648\u0641\u0642\u064b\u0627 \u0644\u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u0645\u0631\u0633\u0648\u0645 \u0627\u0644\u0631\u0651\u0626\u0627\u0633\u064a \u0631\u0642\u0645 24-399\n\u0627\u0644\u0645\u0624\u0631\u0651\u062e \u0641\u064a 23 \u062f\u064a\u0633\u0645\u0628\u0631 2024.\n<\/p>\n\n<div class=\"countdown-wrapper\">\n\n    <h3>\u0645\u062a\u0628\u0642\u0651\u064a \u0639\u0644\u0649 \u063a\u0644\u0642 \u0628\u0627\u0628 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d<\/h3>\n\n    <div class=\"hero-countdown\">\n\n\n        <div class=\"hero-count-box\">\n            <div class=\"hero-number\" id=\"seconds\">0<\/div>\n            <div class=\"hero-label\">\u062b\u0648\u0627\u0646\u064a<\/div>\n        <\/div>\n\n\n        <div class=\"hero-count-box\">\n            <div class=\"hero-number\" id=\"minutes\">0<\/div>\n            <div class=\"hero-label\">\u062f\u0642\u0627\u0626\u0642<\/div>\n        <\/div>\n\n\n        <div class=\"hero-count-box\">\n            <div class=\"hero-number\" id=\"hours\">0<\/div>\n            <div class=\"hero-label\">\u0633\u0627\u0639\u0627\u062a<\/div>\n        <\/div>\n\n        <div class=\"hero-count-box\">\n            <div class=\"hero-number\" id=\"days\">0<\/div>\n            <div class=\"hero-label\">\u0623\u064a\u0627\u0645<\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n<script>\n\nconst targetDate =\nnew Date(\"September 15, 2026 23:59:59\").getTime();\n\nconst countdown = setInterval(() => {\n\nconst now = new Date().getTime();\nconst distance = targetDate - now;\n\nif(distance <= 0){\n\n    clearInterval(countdown);\n\n    document.getElementById(\"days\").innerHTML = \"00\";\n    document.getElementById(\"hours\").innerHTML = \"00\";\n    document.getElementById(\"minutes\").innerHTML = \"00\";\n    document.getElementById(\"seconds\").innerHTML = \"00\";\n\n    document.querySelector(\".countdown-wrapper h3\").innerHTML =\n    \"\u062a\u0645\u0651 \u063a\u0644\u0642 \u0628\u0627\u0628 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d\";\n\n    return;\n}\n\nconst days =\nMath.floor(distance \/ (1000*60*60*24));\n\nconst hours =\nMath.floor((distance % (1000*60*60*24)) \/ (1000*60*60));\n\nconst minutes =\nMath.floor((distance % (1000*60*60)) \/ (1000*60));\n\nconst seconds =\nMath.floor((distance % (1000*60)) \/ 1000);\n\ndocument.getElementById(\"days\").innerHTML =\nString(days).padStart(2,'0');\n\ndocument.getElementById(\"hours\").innerHTML =\nString(hours).padStart(2,'0');\n\ndocument.getElementById(\"minutes\").innerHTML =\nString(minutes).padStart(2,'0');\n\ndocument.getElementById(\"seconds\").innerHTML =\nString(seconds).padStart(2,'0');\n\n},1000);\n<\/script>\n<\/section>\n\n\n\n<section class=\"wp-block-uagb-container uagb-block-9ba5d5e3 alignfull uagb-is-root-container\">\n<style>\n\n\/* ===== GLOBAL ===== *\/\n\nbody{\n    margin:0;\n    background:#070707;\n    font-family:Tajawal;\n    color:white;\n    overflow-x:hidden;\n}\n\n\/* ===== HERO SECTION ===== *\/\n\n.hero{\n    text-align:center;\n    padding:100px 20px 60px;\n    background:\n    radial-gradient(circle at top,\n    rgba(212,166,60,0.15),\n    transparent 60%);\n}\n\n.hero h1{\n    font-size:10px;\n    color:#d9a441;\n    margin-bottom:15px;\n}\n\n.hero p{\n    max-width:850px;\n    margin:auto;\n    font-size:18px;\n    line-height:2;\n    color:#ddd;\n}\n\n\n\/* timing *\/\n\n.slide:nth-child(1){\n    animation-delay:0s;\n}\n\n.slide:nth-child(2){\n    animation-delay:5s;\n}\n\n.slide:nth-child(3){\n    animation-delay:10s;\n}\n\n.slide:nth-child(4){\n    animation-delay:15s;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n\n@media(max-width:992px){\n\n    .slide img{\n        height:450px;\n    }\n\n}\n\n@media(max-width:768px){\n\n    .hero h1{\n        font-size:10px;\n    }\n\n    .hero p{\n        font-size:18px;\n    }\n\n    .slide img{\n        height:300px;\n    }\n\n}\n\n.speech-preview{\n    max-width:900px;\n    margin:30px auto;\n    font-size:22px;\n    line-height:2;\n    color:#ddd;\n}\n\n.speech-section{\n    background:#070707;\n    padding:80px 40px;\n}\n\n.speech-grid{ \ndisplay:flex; \nflex-direction:row-reverse;\nalign-items:flex-start; \ngap:50px; \n}   \n\n.speech-content{ \nflex:1; \ntext-align:right; \n}\n\n.speech-content h2{\n    color:#d4a63c;\n    font-size:55px;\n    margin-bottom:30px;\n    font-weight:700;\n    text-align:center;\n}\n\n.intro{\n    font-size:28px;\n    line-height:2;\n    color:#fff;\n}\n\n.speech-image{  \nflex:1; \nmin-height:850px;\ndisplay:flex;\nalign-items:flex-start;\n}\n\n.speech-image img{ \nwidth:100%; \nborder-radius:25px; \nborder:1px solid rgba(212,166,60,.4); \nbox-shadow:0 0 25px rgba(212,166,60,.2); \n}\n\n.slider-container{\n    position:relative;\n    width:100%;\n    height:650px;\n    overflow:hidden;\n    border-radius:25px;\n    border:1px solid rgba(212,166,60,.4);\n    box-shadow:0 0 25px rgba(212,166,60,.2);\n}\n\n.slide{\n    position:absolute;\n    inset:0;\n    opacity:0;\n    animation:fadeSlider 20s infinite;\n}\n\n.slide img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n}\n\n.slide::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:linear-gradient(\n        to top,\n        rgba(0,0,0,.35),\n        rgba(0,0,0,0)\n    );\n}\n\n@keyframes fadeSlider{\n\n    0%{\n        opacity:0;\n    }\n\n    5%{\n        opacity:1;\n    }\n\n    25%{\n        opacity:1;\n    }\n\n    30%{\n        opacity:0;\n    }\n\n    100%{\n        opacity:0;\n    }\n\n}\n\n.hero-btn{\n    display:inline-block;\n    margin-top:30px;\n    padding:14px 35px;\n    border:1px solid #d4a63c;\n    color:#d4a63c;\n    border-radius:40px;\n    text-decoration:none;\n}\n\n.full-speech{\n    margin-top:30px;\n    background:rgba(212,166,60,.08);\n    border:1px solid rgba(212,166,60,.3);\n    border-radius:20px;\n    padding:25px;\n    max-height:0;\n    overflow:hidden;\n    opacity:0;\n    transition:.6s;\n}\n\n.full-speech.active{\n    max-height:1200px;\n    opacity:1;\n}\n\n.full-speech p{\n    font-size:22px;\n    line-height:2.2;\n}\n\n@media(max-width:992px){\n\n    .speech-grid{\n        flex-direction:column;\n    }\n    .slider-container{\n        height:350px;\n    }\n\n    .speech-content h2{\n        font-size:38px;\n    }\n\n    .intro{\n        font-size:20px;\n    }\n}\n.speech-modal{\n    position:fixed;\n    top:0;\n    left:0;\n    width:100%;\n    height:100%;\n    background:rgba(0,0,0,.85);\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    opacity:0;\n    visibility:hidden;\n    transition:.4s;\n    z-index:9999;\n}\n\n.speech-modal.active{\n    opacity:1;\n    visibility:visible;\n}\n\n.speech-box{\n    width:80%;\n    max-width:900px;\n    max-height:80vh;\n    overflow-y:auto;\n\n    background:#111;\n    border:1px solid #d4a63c;\n    border-radius:20px;\n\n    padding:40px;\n    color:white;\n    text-align:right;\n    line-height:2.2;\n}\n.speech-box p{\n    font-size:20px;\n    line-height:2.4;\n}\n\n.close-btn{\n    display:block;\n    text-align:left;\n    font-size:35px;\n    color:#d4a63c;\n    cursor:pointer;\n    margin-bottom:20px;\n}\n\n\/* ==================================\n   TABLET\n================================== *\/\n@media (max-width:992px){\n\n    .speech-section{\n        padding:60px 25px;\n    }\n\n    .speech-grid{\n        flex-direction:column;\n        gap:35px;\n    }\n\n    .speech-content{\n        width:100%;\n        text-align:center;\n    }\n\n    .speech-content h2{\n        font-size:38px;\n        line-height:1.5;\n        margin-bottom:20px;\n    }\n\n    .intro{\n        font-size:22px;\n        line-height:2;\n    }\n\n    .speech-image{\n        width:100%;\n        min-height:auto;\n    }\n\n    .slider-container{\n        height:500px;\n        transform:none;\n    }\n}\n\n\/* ==================================\n   MOBILE\n================================== *\/\n@media (max-width:768px){\n\n    .speech-section{\n        padding:50px 18px;\n    }\n\n    .speech-grid{\n        flex-direction:column;\n        gap:25px;\n    }\n\n    .speech-content{\n        text-align:center;\n    }\n\n    .speech-content h2{\n        font-size:28px;\n        line-height:1.6;\n        margin-bottom:15px;\n    }\n\n    .intro{\n        font-size:17px;\n        line-height:2;\n    }\n\n    .speech-image{\n        min-height:auto;\n    }\n\n    .slider-container{\n        height:320px;\n        border-radius:18px;\n    }\n\n    .hero-btn{\n        width:100%;\n        max-width:260px;\n        text-align:center;\n        font-size:16px;\n    }\n\n    .speech-box{\n        width:92%;\n        max-height:85vh;\n        padding:25px;\n    }\n\n    .speech-box p{\n        font-size:16px;\n        line-height:2.1;\n    }\n\n    .close-btn{\n        font-size:30px;\n    }\n}\n\n\/* ==================================\n   SMALL MOBILE\n================================== *\/\n@media (max-width:480px){\n\n    .speech-section{\n        padding:40px 15px;\n    }\n\n    .speech-content h2{\n        font-size:24px;\n    }\n\n    .intro{\n        font-size:15px;\n        line-height:2;\n    }\n\n    .slider-container{\n        height:250px;\n    }\n\n    .speech-box{\n        width:95%;\n        padding:20px;\n    }\n\n    .speech-box p{\n        font-size:15px;\n        line-height:2;\n    }\n\n    .hero-btn{\n        width:100%;\n        font-size:15px;\n        padding:12px 20px;\n    }\n}\n<\/style>\n\n\n<!-- HERO -->\n\n<section id=\"aboute\" class=\"speech-section\">\n\n    <div class=\"speech-grid\">\n\n        <!-- Texte -->\n        <div class=\"speech-content\">\n\n            <h2>\u0643\u0644\u0645\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629<\/h2>\n\n            <p class=\"intro\">\n                \u0641\u064a \u063a\u0645\u0631\u0629 \u0627\u0644\u062a\u0651\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u062d\u0636\u0627\u0631\u064a\u0651\u0629 \u0627\u0644\u062a\u064a \u064a\u0634\u0647\u062f\u0647\u0627 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u062a\u0646\u0628\u0631\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\n                \u0628\u0643\u064a\u0627\u0646\u0647\u0627 \u0627\u0644\u062b\u0651\u0642\u0627\u0641\u064a\u0651 \u0627\u0644\u0639\u0631\u064a\u0642 \u0644\u062a\u0636\u0639 \u0644\u0628\u0646\u0629 \u0635\u0644\u0628\u0629 \u0641\u064a \u0635\u0631\u062d \u0627\u0644\u0647\u0648\u064a\u0651\u0629 \u0627\u0644\u0644\u0651\u063a\u0648\u064a\u0651\u0629\u060c\n                \u062d\u064a\u062b \u064a\u062a\u062c\u0644\u0651\u0649 \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u062d\u0627\u0631\u0633\u064b\u0627 \u0623\u0645\u064a\u0646\u064b\u0627 \u0639\u0644\u0649 \u062b\u063a\u0648\u0631\n                \u0627\u0644\u0636\u0651\u0627\u062f \u0648\u0645\u0624\u062a\u0645\u0646\u0627 \u062a\u0627\u0631\u064a\u062e\u064a\u0627 \u0639\u0644\u0649 \u0631\u0642\u064a\u0647\u0627...\n            <\/p>\n\n            <a href=\"#\" class=\"hero-btn\" id=\"toggleSpeech\">\n                \u0627\u0642\u0631\u0623 \u0627\u0644\u0643\u0644\u0645\u0629 \u0643\u0627\u0645\u0644\u0629\n            <\/a>\n\n<div class=\"speech-modal\" id=\"fullSpeech\">\n\n    <div class=\"speech-box\">\n\n        <span class=\"close-btn\" id=\"closeSpeech\">&times;<\/span>\n\n        <p>\n            \u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\u061b \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u0651\u062f \u0645\u062d\u0641\u0644\u064d \u0644\u0644\u062a\u0651\u0643\u0631\u064a\u0645\u060c \u0628\u0644 \u0647\u064a \u0628\u064a\u0627\u0646\u064c \u0633\u064a\u0627\u062f\u064a\u0651 \u064a\u064f\u0639\u064a\u062f \u0644\u0644\u0643\u0644\u0645\u0629 \u0633\u064e\u0637\u0648\u062a\u064e\u0647\u0627\u060c \u0648\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0645\u064e\u062c\u062f\u064e\u0647\u0627 \u0627\u0644\u0623\u062b\u064a\u0644 \u0641\u064a \u0623\u0631\u0636 \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a.\n\n            \u0625\u0646\u0651 \u0647\u0630\u0647 \u0627\u0644\u062c\u0627\u0626\u0632\u0629\u060c \u0628\u0631\u0639\u0627\u064a\u0629 \u0633\u0627\u0645\u064a\u0651\u0629 \u0645\u0646 \u0633\u062f\u0651\u0629 \u0627\u0644\u062d\u064f\u0643\u0645\u060c \u062a\u064f\u0645\u062b\u0644 \u0627\u0644\u0630\u0651\u0631\u0648\u0629 \u0627\u0644\u0633\u0651\u0627\u0645\u0650\u0642\u0629 \u0641\u064a \u0645\u0633\u0627\u0631 \u062a\u064e\u0645\u0643\u064a\u0646 \u0627\u0644\u0644\u0651\u0633\u0627\u0646 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u061b \u0641\u0647\u064a \u062a\u0650\u0631\u064a\u0627\u0642\u064c \u0645\u0639\u0631\u0641\u064a\u0651 \u064a\u064f\u062d\u0641\u0651\u0632\u064f \u0627\u0644\u0642\u0631\u0627\u0626\u062d\u060c \u0648\u064a\u064e\u0633\u062a\u0646\u0647\u0636\u064f \u0627\u0644\u0647\u0650\u0645\u0645 \u0644\u0644\u063a\u064e\u0648\u0635\u0650 \u0641\u064a \u0645\u0643\u0646\u0648\u0646\u0627\u062a \u0627\u0644\u0644\u0651\u063a\u0629 \u0648\u0627\u0634\u0652\u062a\u0650\u0642\u0627\u0642\u0627\u062a\u0647\u0627 \u0627\u0644\u0645\u062a\u062c\u062f\u0651\u0650\u062f\u0629.\n\n            \u0625\u0646\u0651\u0647\u0627 \u0627\u0644\u0645\u064a\u0652\u0633\u0645\u064f \u0627\u0644\u0630\u064a \u064a\u062f\u0652\u0645\u063a\u064f \u0627\u0644\u0646\u0651\u0650\u062a\u0627\u062c \u0627\u0644\u0641\u0643\u0631\u064a\u0651 \u0628\u0650\u0637\u0627\u0628\u0639 \u0627\u0644\u062a\u0651\u0645\u064a\u0651\u0632\u060c \u0648\u0627\u0644\u062c\u0633\u0652\u0631 \u0627\u0644\u0630\u064a \u064a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0623\u0635\u0627\u0644\u0629 \u0627\u0644\u0645\u0648\u0631\u0648\u062b \u0648\u0639\u0635\u0631\u0646\u0629 \u0627\u0644\u0645\u064f\u0646\u062c\u064e\u0632\u060c \u0645\u064f\u062d\u0648\u0651\u0650\u0644\u0627\u064b \u0627\u0644\u0644\u0651\u063a\u0629 \u0645\u0646 \u0648\u0639\u0627\u0621\u064d \u0644\u0644\u0630\u0651\u0627\u0643\u0631\u0629 \u0625\u0644\u0649 \u0623\u062f\u0627\u0629\u064d \u0637\u064e\u064a\u0651\u0639\u064e\u0629\u064d \u0644\u0644\u0627\u0633\u062a\u0634\u0631\u0627\u0641 \u0627\u0644\u0639\u0644\u0645\u064a\u0651 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0623\u062f\u0628\u064a\u0651.\n\n            \u0648\u064a\u064e\u0628\u0631\u0632 \u062f\u0648\u0631 \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0645 \u0643\u0645\u064f\u0647\u0646\u062f\u0633\u064d \u0644\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0651\u0629 \u0627\u0644\u0644\u0651\u063a\u0648\u064a\u0651\u0629 \u0627\u0644\u0634\u0651\u0627\u0645\u0644\u0629\u060c \u0633\u0627\u0639\u064a\u0627\u064b \u0628\u0643\u0644 \u062d\u064e\u0632\u0652\u0645\u064d \u0648\u0628\u064e\u0635\u064a\u0631\u0629\u064d \u0625\u0644\u0649 \u062a\u064e\u0639\u0652\u0645\u064a\u0645 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u064a \u0645\u064e\u0641\u0627\u0635\u0650\u0644 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0639\u0627\u0645\u0651\u0629 \u0648\u0627\u0644\u0622\u0641\u0627\u0642 \u0627\u0644\u062a\u0651\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0651\u0629.\n\n            \u0648\u0625\u0646\u0651 \u0627\u0644\u0645\u062c\u0644\u0633 \u0644\u0627 \u064a\u0643\u062a\u0641\u064a \u0628\u0627\u0644\u0631\u0651\u064e\u0635\u0652\u062f\u0650\u061b \u0628\u0644 \u064a\u064e\u0635\u0646\u0639 \u0627\u0644\u062d\u062f\u062b\u060c \u0648\u064a\u064f\u0634\u064e\u064a\u0651\u0650\u062f\u064f \u0642\u0650\u0644\u0627\u0639\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0639\u0627\u062c\u0645 \u0648\u0627\u0644\u062f\u0651\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u0645\u0646 \u0627\u0644\u0636\u0651\u0627\u062f \u0644\u063a\u0629\u064b \u062d\u064a\u0651\u0629\u064b\u060c \u0646\u0627\u0628\u0636\u0629\u064b\u060c \u0648\u0645\u064f\u0647\u064a\u0645\u0646\u0629 \u0641\u064a \u0641\u0636\u0627\u0621\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629\u060c \u0648\u0627\u0644\u0628\u062d\u062b\u060c \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639.\n\n            \u0641\u0641\u064a \u0638\u0644\u0651 \u062a\u0633\u0627\u0631\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0631\u0651\u0642\u0645\u0646\u0629\u060c \u064a\u064e\u0646\u0652\u0628\u064e\u0631\u064a \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0644\u0648\u0644\u0648\u062c \u0645\u0639\u062a\u0631\u0643 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0628\u0648\u0639\u064a\u064d \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u062c\u0627\u0639\u0644\u0627\u064b \u0645\u0646 \u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0645\u0646\u0635\u0651\u0629\u064b \u0644\u062a\u0631\u0633\u064a\u062e \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0644\u0651\u063a\u0648\u064a\u0651 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0633\u0651\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0651\u0629 \u0641\u064a \u0627\u0644\u0641\u0636\u0627\u0621 \u0627\u0644\u0631\u0651\u0642\u0645\u064a\u0651.\n\n            \u0625\u0646\u0651 \u0647\u0630\u0627 \u0627\u0644\u062a\u0651\u0648\u062c\u0651\u0647 \u0644\u0627 \u064a\u062a\u0648\u0642\u0651\u0641 \u0639\u0646\u062f \u062d\u062f\u0648\u062f \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0621 \u0628\u0627\u0644\u0623\u062f\u0628\u060c \u0628\u0644 \u064a\u0645\u062a\u062f\u0651 \u0644\u064a\u0634\u0645\u0644 \u0627\u0644\u062a\u0651\u0642\u0627\u0646\u0629 \u0627\u0644\u0644\u0651\u0633\u0627\u0646\u064a\u0651\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0622\u0644\u064a\u0651\u0629 \u0644\u0644\u0651\u063a\u0627\u062a \u0627\u0644\u0637\u0651\u0628\u064a\u0639\u064a\u0651\u0629 \u0645\u064f\u0639\u064e\u0632\u0651\u0650\u0632\u0627\u064b \u062f\u064e\u0648\u0652\u0631\u064e \u0627\u0644\u062a\u0651\u064e\u0631\u062c\u0645\u0629 \u0628\u0650\u0648\u064e\u0635\u0652\u0641\u0647\u0627 \u062c\u0650\u0633\u0631\u0627\u064b \u0644\u0650\u0644\u062a\u0651\u064e\u062b\u0627\u0642\u064f\u0641\u0650 \u0627\u0644\u0631\u0651\u064e\u0642\u0652\u0645\u0650\u064a\u0651\u0650.\n\n            \u0648\u062a\u0633\u0639\u0649 \u0627\u0644\u062c\u0627\u0626\u0632\u0629 \u0625\u0644\u0649 \u0645\u0623\u0652\u0633\u064e\u0633\u064e\u0629\u0650 \u0627\u0644\u062a\u0651\u064e\u0631\u062c\u0645\u0629 \u0627\u0644\u0622\u0644\u064a\u0651\u064e\u0629 \u0627\u0644\u0639\u0635\u0628\u064a\u0651\u064e\u0629 \u0644\u0636\u0645\u0627\u0646 \u062d\u0636\u0648\u0631 \u0627\u0644\u0636\u0651\u0627\u062f \u0628\u0642\u0648\u0629 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0644\u0651\u063a\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0651\u0629.\n\n            \u0648\u0645\u0646 \u0648\u0631\u0627\u0621 \u0647\u0630\u0647 \u0627\u0644\u062c\u0627\u0626\u0632\u0629\u060c \u0646\u0631\u0648\u0645 \u0642\u0648\u0651\u0629 \u0627\u0644\u0625\u0633\u0647\u0627\u0645 \u0645\u0646 \u0643\u0644 \u0645\u0646 \u064a\u0647\u0645\u0651\u0647 \u0627\u0644\u0623\u0645\u0631.\n\n            <p>\u062c\u064e\u0627\u0626\u0650\u0632\u064e\u062a\u064f\u0643\u064f\u0645\u0652 \u0645\u0650\u0646\u0652\u0643\u064f\u0645\u0652 \u0648\u064e\u0625\u0650\u0644\u064e\u064a\u0652\u0643\u064f\u0645\u0652.. \u0634\u064e\u0627\u0631\u0650\u0643\u064f\u0648\u0646\u0627 \u0644\u0650\u0646\u064e\u0636\u0652\u0645\u064e\u0646\u064e \u0627\u0633\u0652\u062a\u0650\u062f\u064e\u0627\u0645\u064e\u062a\u064e\u0647\u064e\u0627<\/p>\n        <\/p>\n\n    <\/div>\n\n<\/div>\n        <\/div>\n\n        <!-- Image -->\n<div class=\"speech-image\">\n\n    <div class=\"slider-container\">\n\n        <div class=\"slide\">\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/kk.png\" alt=\"\">\n        <\/div>\n\n        <div class=\"slide\">\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/prsd.png\" alt=\"\">\n        <\/div>\n\n        <div class=\"slide\">\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/ooo.png\" alt=\"\">\n        <\/div>\n\n        <div class=\"slide\">\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/d.png\" alt=\"\">\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n    <\/div>\n\n<\/section>\n<script>\nconst btn = document.getElementById(\"toggleSpeech\");\nconst modal = document.getElementById(\"fullSpeech\");\nconst closeBtn = document.getElementById(\"closeSpeech\");\n\nbtn.addEventListener(\"click\", function(e){\n    e.preventDefault();\n    modal.classList.add(\"active\");\n});\n\ncloseBtn.addEventListener(\"click\", function(){\n    modal.classList.remove(\"active\");\n});\n\nwindow.addEventListener(\"click\", function(e){\n    if(e.target === modal){\n        modal.classList.remove(\"active\");\n    }\n});\n<\/script>\n<\/section>\n\n\n\n<section class=\"wp-block-uagb-container uagb-block-62d47ab1 alignfull uagb-is-root-container\">\n<style>\n\n:root{\n--gold:#d4af37;\n--gold-light:#f6d365;\n--bg:#050505;\n--card:#0c0c0c;\n--text:#ffffff;\n}\n\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:'Cairo',sans-serif;\n}\n\nbody{\nbackground:var(--bg);\ncolor:white;\npadding:40px;\n}\n\n.container{\nmax-width:1500px;\nmargin:auto;\n}\n\n.title{\ntext-align:center;\nmargin-bottom:20px;\n}\n\n.title h1{\nfont-size:48px;\nfont-weight:800;\ncolor:var(--gold);\n}\n\n.title p{\ncolor:#ddd;\nfont-size:16px;\nline-height:1.8;\nmargin-top:15px;\n}\n\n.year-switch{\nwidth:350px;\nmargin:40px auto;\ndisplay:flex;\nborder:2px solid var(--gold);\nborder-radius:15px;\noverflow:hidden;\n}\n\n.year-btn{\nflex:1;\npadding:15px;\nborder:none;\nbackground:black;\ncolor:var(--gold);\nfont-size:28px;\ncursor:pointer;\ntransition:.3s;\n}\n\n.year-btn.active{\nbackground:var(--gold);\ncolor:black;\nfont-weight:bold;\n}\n\n.year-section{\ndisplay:none;\nmargin-top:40px;\n}\n\n.year-section.active{\ndisplay:block;\n}\n\n.year-heading{\nfont-size:48px;\nfont-weight:700;\ncolor:var(--gold);\nmargin-bottom:30px;\nborder-bottom:1px solid rgba(212,175,55,.3);\npadding-bottom:15px;\n}\n\n.cards{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:15px;\n}\n\n.card{\nbackground:var(--card);\nborder:1px solid rgba(212,175,55,.5);\nborder-radius:20px;\npadding:12px 15px;\nmin-height:230px;\nposition:relative;\noverflow:hidden;\ntransition:.4s;\n}\n\n.card:hover{\ntransform:translateY(-8px);\nbox-shadow:0 0 30px rgba(212,175,55,.25);\n}\n\n.badge{\nposition:absolute;\ntop:15px;\nright:15px;\nbackground:var(--gold);\ncolor:black;\npadding:8px 18px;\nborder-radius:12px;\nfont-weight:700;\n}\n\n.card-content{\ndisplay:flex;\nalign-items:center;\ngap:20px;\nmargin-top:50px;\n}\n\n.person{\nwidth:120px;\nheight:150px;\nborder-radius:15px;\nobject-fit:cover;\nbackground:#222;\n}\n\n.book{\nwidth:75px;\nheight:110px;\nobject-fit:cover;\nborder-radius:8px;\nbox-shadow:0 0 20px rgba(212,175,55,.2);\n}\n\n.info{\nflex:1;\n}\n\n.name{\ncolor:var(--gold);\nfont-size:20px;\nfont-weight:600;\nmargin-bottom:10px;\n}\n\n.spec{\nfont-size:14px;\nmargin-bottom:15px;\n}\n\n.work-title{\ncolor:var(--gold);\nfont-weight:bold;\nmargin-bottom:5px;\n}\n\n.work{\nfont-size:18px;\n}\n\n.details-btn{\nmargin-top:20px;\npadding:10px 25px;\nbackground:transparent;\nborder:1px solid var(--gold);\ncolor:var(--gold);\nborder-radius:12px;\ncursor:pointer;\ntransition:.3s;\n}\n\n.details-btn:hover{\nbackground:var(--gold);\ncolor:black;\n}\n\n\/* ==========================\n   TABLET\n========================== *\/\n\n@media (max-width:992px){\n\n.container{\n    padding:0 15px;\n}\n\n.title h1{\n    font-size:42px;\n}\n\n.title p{\n    font-size:18px;\n}\n\n.cards{\n    grid-template-columns:repeat(2,1fr);\n}\n\n.year-heading{\n    font-size:38px;\n}\n}\n\n\/* ==========================\n   MOBILE\n========================== *\/\n\n@media (max-width:768px){\n\nbody{\n    padding:20px 12px;\n}\n\n.title h1{\n    font-size:32px;\n}\n\n.title p{\n    font-size:16px;\n    line-height:2;\n}\n\n.year-switch{\n    width:100%;\n    max-width:280px;\n}\n\n.year-btn{\n    font-size:22px;\n    padding:12px;\n}\n\n.year-heading{\n    font-size:28px;\n    text-align:center;\n}\n\n.cards{\n    grid-template-columns:1fr;\n    gap:20px;\n}\n\n.card{\n    min-height:auto;\n    padding:15px;\n}\n\n.card-content{\n    flex-direction:column;\n    text-align:center;\n    gap:15px;\n}\n\n.person{\n    width:180px;\n    height:220px;\n}\n\n.book{\n    width:90px;\n    height:130px;\n}\n\n.name{\n    font-size:22px;\n}\n\n.spec{\n    font-size:16px;\n}\n\n.work{\n    font-size:17px;\n}\n\n.badge{\n    position:relative;\n    top:auto;\n    right:auto;\n    display:inline-block;\n    margin-bottom:15px;\n}\n\n.details-btn{\n    width:100%;\n}\n}\n\n\/* ==========================\n   SMALL MOBILE\n========================== *\/\n\n@media (max-width:480px){\n\n.title h1{\n    font-size:26px;\n}\n\n.title p{\n    font-size:15px;\n}\n\n.person{\n    width:150px;\n    height:190px;\n}\n\n.book{\n    width:75px;\n    height:110px;\n}\n\n.name{\n    font-size:20px;\n}\n\n.work{\n    font-size:15px;\n}\n\n.year-btn{\n    font-size:18px;\n}\n}\n\n<\/style>\n\n<body>\n\n<div id=\"whyus\" class=\"container\">\n\n<div class=\"title\">\n<h1>\u0627\u0644\u0641\u0627\u0626\u0632\u0648\u0646 \u062d\u0633\u0628 \u0627\u0644\u0623\u0639\u0648\u0627\u0645<\/h1>\n\n<p>\n\u0643\u0648\u0643\u0628\u0629 \u0627\u0644\u0645\u0628\u062f\u0639\u064a\u0646 \u0627\u0644\u062d\u0627\u0626\u0632\u064a\u0646 \u0639\u0644\u0649 \u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\n<\/p>\n<\/div>\n\n<div class=\"year-switch\">\n<button class=\"year-btn active\" data-year=\"2025\">2025<\/button>\n<button class=\"year-btn\" data-year=\"2026\">2026<\/button>\n<\/div>\n\n<!-- 2025 -->\n\n<section id=\"2025\" class=\"year-section active\">\n\n\n<div class=\"cards\">\n\n<div class=\"card\">\n<div class=\"badge\">\ud83c\udfc6 \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u0623\u0648\u0644<\/div>\n\n<div class=\"card-content\">\n\n<img class=\"person\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/sedik.png\">\n\n<div class=\"info\">\n\n<div class=\"name\">\u0623. \u0627\u0644\u0635\u0651\u062f\u064a\u0642 \u0628\u0648\u062a\u064a\u0648\u062a\u0629<\/div>\n\n<div class=\"spec\">\n\u0645\u062c\u0627\u0644: \u0627\u0632\u062f\u0647\u0627\u0631 \u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\n<\/div>\n\n<div class=\"work-title\">\u0639\u0646 \u0639\u0645\u0644\u0647:<\/div>\n<div class=\"work\">\u0645\u0633\u0631\u062f \u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0648\u062a\u0639\u0631\u064a\u0641\u0627\u062a \u0627\u0644\u0623\u0642\u0645\u0627\u0631 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u0629<\/div>\n\n<\/div>\n\n<img class=\"book\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/2.jpg\">\n<\/div>\n<\/div>\n\n<div class=\"card\">\n\n<div class=\"badge\">\ud83c\udfc6 \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u062b\u0651\u0627\u0646\u064a<\/div>\n\n<div class=\"card-content\">\n\n<img class=\"person\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/55.png\">\n\n<div class=\"info\">\n\n<div class=\"name\">\u0623. \u0644\u062e\u0636\u0631 \u0641\u0627\u0631<\/div>\n\n<div class=\"spec\">\n\u0645\u062c\u0627\u0644: \u0627\u0632\u062f\u0647\u0627\u0631 \u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\n<\/div>\n\n<div class=\"work-title\">\u0639\u0646 \u0639\u0645\u0644\u0647:<\/div>\n<div class=\"work\">\u0645\u0639\u062c\u0645 \u062e\u0627\u0635\u0651 \u0628\u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0623\u0634\u063a\u0627\u0644 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0651\u0629 \u0648\u0627\u0644\u0631\u0651\u064a<\/div>\n\n<\/div>\n\n<img class=\"book\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/222.png\">\n\n<\/div>\n<\/div>\n\n<div class=\"card\">\n\n<div class=\"badge\">\ud83c\udfc6 \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u062b\u0651\u0627\u0644\u062b<\/div>\n\n<div class=\"card-content\">\n\n<img class=\"person\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/444.png\">\n\n<div class=\"info\">\n\n<div class=\"name\">\u0623. \u0639\u0644\u064a \u0643\u0634\u0631\u0648\u062f<\/div>\n\n<div class=\"spec\">\n\u0645\u062c\u0627\u0644: \u0627\u0632\u062f\u0647\u0627\u0631 \u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\n<\/div>\n\n<div class=\"work-title\">\u0639\u0646 \u0639\u0645\u0644\u0647:<\/div>\n<div class=\"work\">\u0627\u0644\u062f\u0651\u0644\u064a\u0644 \u0641\u064a \u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u0631\u0651\u0633\u0645 \u0627\u0644\u0625\u0645\u0644\u0627\u0626\u064a<\/div>\n\n\n<\/div>\n\n<img class=\"book\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/777.jpg\">\n\n<\/div>\n<\/div>\n<div class=\"card\">\n<div class=\"badge\">\ud83c\udfc6 \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u0623\u0648\u0644<\/div>\n\n<div class=\"card-content\">\n\n<img class=\"person\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/11.png\">\n\n<div class=\"info\">\n\n<div class=\"name\">\u0623. \u0628\u0627\u0628\u0627 \u062d\u0646\u064a \u0646\u0627\u0646\u0629<\/div>\n\n<div class=\"spec\">\n\u0645\u062c\u0627\u0644: \u0627\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\n<\/div>\n\n<div class=\"work-title\">\u0639\u0646 \u0639\u0645\u0644\u0647\u0627:<\/div>\n<div class=\"work\">\u0627\u0644\u0646\u0651\u064a\u0631\u064a\u0651\u0629<\/div>\n\n<\/div>\n\n<img class=\"book\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/1.png\">\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<div class=\"badge\">\ud83c\udfc6 \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u062b\u0651\u0627\u0646\u064a<\/div>\n\n<div class=\"card-content\">\n\n<img class=\"person\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/33.png\">\n\n<div class=\"info\">\n\n<div class=\"name\">\u0623. \u0641\u0627\u0637\u064a\u0645\u0629 \u063a\u0631\u0628\u064a<\/div>\n\n<div class=\"spec\">\n\u0645\u062c\u0627\u0644: \u0627\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\n<\/div>\n\n<div class=\"work-title\">\u0639\u0646 \u0639\u0645\u0644\u0647\u0627:<\/div>\n<div class=\"work\">\u0628\u0646\u0627\u062a\u064f \u0627\u0644\u062c\u064a\u0627\u062f<\/div>\n\n<\/div>\n\n<img class=\"book\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/3.png\">\n<\/div>\n<\/div>\n\n<div class=\"card\">\n<div class=\"badge\">\ud83c\udfc6 \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u062b\u0651\u0627\u0644\u062b<\/div>\n\n<div class=\"card-content\">\n\n<img class=\"person\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/66.png\">\n\n<div class=\"info\">\n\n<div class=\"name\">\u0623. \u062d\u0641\u064a\u0638\u0629 \u0645\u064a\u0645\u064a<\/div>\n\n<div class=\"spec\">\n\u0645\u062c\u0627\u0644: \u0627\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\n<\/div>\n\n<div class=\"work-title\">\u0639\u0646 \u0639\u0645\u0644\u0647\u0627:<\/div>\n<div class=\"work\">\u0645\u0645\u0646\u0648\u0639 \u0631\u0645\u064a \u0627\u0644\u0623\u0645\u0634\u0627\u062c<\/div>\n\n<\/div>\n\n<img class=\"book\"\nsrc=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/999.jpg\">\n<\/div>\n<\/div>\n<\/div>\n\n<\/section>\n\n<section id=\"2026\" class=\"year-section\">\n<p style=\"text-align:center;font-size:24px;color:#d4af37;\">\n\u0633\u064a\u062a\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0639\u0646 \u0627\u0644\u0641\u0627\u0626\u0632\u064a\u0646 \u0642\u0631\u064a\u0628\u0627\u064b\n<\/p>\n\n<\/section>\n<\/div>\n\n<script>\n\nconst buttons=document.querySelectorAll('.year-btn');\n\nbuttons.forEach(btn=>{\n\nbtn.addEventListener('click',()=>{\n\nbuttons.forEach(b=>b.classList.remove('active'));\n\ndocument.querySelectorAll('.year-section')\n.forEach(section=>section.classList.remove('active'));\n\nbtn.classList.add('active');\n\ndocument\n.getElementById(btn.dataset.year)\n.classList.add('active');\n\n});\n\n});\n\n<\/script>\n<\/section>\n\n\n\n<section class=\"wp-block-uagb-container uagb-block-6f7b0c6b alignfull uagb-is-root-container\">\n<style>\n.award-process{\n    background:#070707;\n    padding:80px 30px;\n    color:#fff;\n    font-family:'Cairo',sans-serif;\n}\n\n.section-title{\n    text-align:center;\n    color:#d4a63c;\n    font-size:68px;\n    margin-bottom:70px;\n}\n\n\/* =========================\n   TIMELINE (DESKTOP)\n========================= *\/\n\n.timeline{\n    position:relative;\n    display:flex;\n    justify-content:space-between;\n    gap:20px;\n    margin-bottom:70px;\n    flex-wrap:wrap;\n    align-items:flex-start;\n}\n\n\/* \u062e\u0637 \u0627\u0644\u0632\u0645\u0646\u064a (\u0627\u062e\u062a\u064a\u0627\u0631\u064a \u0625\u0630\u0627 \u0623\u0631\u062f\u062a\u0647 \u064a\u0638\u0647\u0631) *\/\n.timeline::before{\n    content:\"\";\n    position:absolute;\n    top:55px;\n    left:5%;\n    width:90%;\n    height:2px;\n    background:#D4A64A;\n    z-index:1;\n}\n\n\/* =========================\n   STEP\n========================= *\/\n\n.step{\n    position:relative;\n    z-index:2;\n    flex:1;\n    min-width:180px;\n    text-align:center;\n\n    opacity:0;\n    transform:translateY(40px);\n    animation:fadeUp .8s ease forwards;\n}\n\n\/* animation delay *\/\n.step:nth-child(1){ animation-delay:.2s; }\n.step:nth-child(2){ animation-delay:.4s; }\n.step:nth-child(3){ animation-delay:.6s; }\n.step:nth-child(4){ animation-delay:.8s; }\n\n\/* icon *\/\n.icon{\n    width:110px;\n    height:110px;\n    margin:auto;\n    border-radius:50%;\n    border:2px solid #D4A64A;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    font-size:48px;\n    background:#0c0c0c;\n    box-shadow:0 0 25px rgba(212,166,74,.15);\n}\n\n\/* text *\/\n.step h3{\n    margin-top:25px;\n    color:#D4A64A;\n    font-size:28px;\n}\n\n.step p{\n    margin-top:12px;\n    color:#d0d0d0;\n    line-height:1.9;\n    font-size:18px;\n}\n\n\/* =========================\n   ANIMATION\n========================= *\/\n\n@keyframes fadeUp{\n    from{\n        opacity:0;\n        transform:translateY(40px);\n    }\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n\/* =========================\n   STATS (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\n========================= *\/\n\n.stats-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:25px;\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 992px){\n\n.section-title{\n    font-size:40px;\n}\n\n.timeline{\n    gap:40px;\n}\n\n.icon{\n    width:90px;\n    height:90px;\n    font-size:40px;\n}\n\n.step h3{\n    font-size:22px;\n}\n\n.step p{\n    font-size:16px;\n}\n\n.stats-grid{\n    grid-template-columns:repeat(2,1fr);\n}\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 768px){\n\n.award-process{\n    padding:60px 20px;\n}\n\n.section-title{\n    font-size:28px;\n    margin-bottom:40px;\n}\n\n\/* \u0645\u0647\u0645: \u062a\u062d\u0648\u064a\u0644\u0647 \u0639\u0645\u0648\u062f\u064a *\/\n.timeline{\n    flex-direction:column;\n    align-items:center;\n    gap:35px;\n}\n\n\/* \u0627\u0644\u062e\u0637 \u0646\u062e\u0641\u064a\u0647 *\/\n.timeline::before{\n    display:none;\n}\n\n.step{\n    width:100%;\n    max-width:300px;\n}\n\n.icon{\n    width:80px;\n    height:80px;\n    font-size:34px;\n}\n\n.step h3{\n    font-size:20px;\n}\n\n.step p{\n    font-size:15px;\n}\n\n.stats-grid{\n    grid-template-columns:1fr;\n}\n}\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n\n@media (max-width: 480px){\n\n.section-title{\n    font-size:24px;\n}\n\n.icon{\n    width:70px;\n    height:70px;\n    font-size:30px;\n}\n\n.step h3{\n    font-size:18px;\n}\n\n.step p{\n    font-size:14px;\n}\n}\n<\/style>\n<section id=\"reviews\" class=\"award-process\">\n\n    <h2 class=\"section-title\">\n        \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062c\u0627\u0626\u0632\u0629\n    <\/h2>\n\n    <div class=\"timeline\">\n\n        <div class=\"step\">\n            <div class=\"icon\">\ud83d\udcdd<\/div>\n            <h3>\u0641\u062a\u062d \u0628\u0627\u0628 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d<\/h3>\n            <p>\n                18 \u062f\u064a\u0633\u0645\u0628\u0631 2025\n            <\/p>\n        <\/div>\n\n        <div class=\"step\">\n            <div class=\"icon\">\ud83d\udcc2<\/div>\n            <h3>\u0622\u062e\u0631 \u0645\u0648\u0639\u062f \u0644\u0644\u0627\u0633\u062a\u0644\u0627\u0645<\/h3>\n            <p>\n15 \u0633\u0628\u062a\u0645\u0628\u0631 2026\n            <\/p>\n        <\/div>\n\n\n        <div class=\"step\">\n            <div class=\"icon\">\ud83d\udc65<\/div>\n            <h3>\u0627\u0644\u062a\u0651\u062d\u0643\u064a\u0645<\/h3>\n            <p>\n                \u062a\u064f\u062d\u0643\u0645 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \n                \u0644\u062c\u0646\u0629 \u0645\u062e\u062a\u0635\u0651\u0629\n            <\/p>\n        <\/div>\n\n        <div class=\"step\">\n            <div class=\"icon\">\ud83c\udfc6<\/div>\n            <h3>\u0625\u0639\u0644\u0627\u0646 \u0627\u0644\u0646\u0651\u062a\u0627\u0626\u062c<\/h3>\n            <p>\n18 \u062f\u064a\u0633\u0645\u0628\u0631 2026\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n\n<\/section>\n<\/section>\n\n\n\n<section class=\"wp-block-uagb-container uagb-block-5ecb1396 alignfull uagb-is-root-container\">\n<section id=\"fields\" class=\"award-fields\">\n\n    <!-- TITLE -->\n\n    <div class=\"section-title\">\n        <span><\/span>\n        <h2>\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062c\u0627\u0626\u0632\u0629<\/h2>\n        <span><\/span>\n    <\/div>\n\n    <!-- CIRCLES -->\n\n    <div class=\"fields-icons\">\n\n        <!-- \u0627\u0632\u062f\u0647\u0627\u0631 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 -->\n\n        <div class=\"field-circle active\" data-target=\"arabic\">\n\n            <div class=\"orbit\"><\/div>\n\n            <div class=\"circle-content\">\n\n                <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/3.png\" alt=\"\">\n\n            <\/div>\n\n        <\/div>\n\n        <!-- \u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u0631\u0641 -->\n\n        <div class=\"field-circle\" data-target=\"knowledge\">\n\n            <div class=\"orbit\"><\/div>\n\n            <div class=\"circle-content\">\n\n                <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/1.png\" alt=\"\">\n              \n            <\/div>\n\n        <\/div>\n        <!-- \u0627\u0644\u062a\u0631\u062c\u0645\u0629 -->\n\n        <div class=\"field-circle\" data-target=\"translation\">\n\n            <div class=\"orbit\"><\/div>\n\n            <div class=\"circle-content\">\n\n                <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/4.png\" alt=\"\">\n             \n            <\/div>\n\n        <\/div>\n\n        <!-- \u0627\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 -->\n\n        <div class=\"field-circle\" data-target=\"literature\">\n\n            <div class=\"orbit\"><\/div>\n\n            <div class=\"circle-content\">\n\n                <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/05\/2.png\" alt=\"\">\n              \n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- DETAILS -->\n\n    <div class=\"field-details-container\">\n\n        <!-- \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 -->\n\n        <div class=\"field-details active\" id=\"arabic\">\n\n            <div class=\"details-text\">\n\n                <h2>\u0645\u062c\u0627\u0644 \u0627\u0632\u062f\u0647\u0627\u0631 \u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629<\/h2>\n\n                <ul>\n                    <li>\u0639\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\u061b<\/li>\n                    <li>\u0627\u0644\u0644\u0651\u0633\u0627\u0646\u064a\u0627\u062a\u061b<\/li>\n                    <li>\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u064a \u0627\u0644\u0641\u0636\u0627\u0621 \u0627\u0644\u0631\u0651\u0642\u0645\u064a\u0651.<\/li>\n                 \n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- \u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u0631\u0641 -->\n\n        <div class=\"field-details\" id=\"knowledge\">\n\n            <div class=\"details-text\">\n\n                <h2>\u0645\u062c\u0627\u0644 \u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u0631\u0641<\/h2>\n\n                <ul>\n                    <li>\u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u062a\u0651\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0651\u0629\u061b<\/li>\n                    <li>\u062f\u0648\u0631 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0651\u0633\u0627\u062a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0651\u0629 \u0641\u064a \u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u0631\u0641 \u0628\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629.<\/li>\n                 \n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- \u0627\u0644\u062a\u0631\u062c\u0645\u0629 -->\n\n        <div class=\"field-details\" id=\"translation\">\n\n\n            <div class=\"details-text\">\n\n                <h2>\u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0651\u0631\u062c\u0645\u0629<\/h2>\n\n                <ul>\n                    <li>\u062a\u0631\u062c\u0645\u0629 \u0643\u062a\u0628 \u0627\u0644\u0639\u0644\u0648\u0645\u061b<\/li>\n                    <li>\u0645\u0646\u0647\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0651\u0631\u062c\u0645\u0629 \u0627\u0644\u0622\u0644\u064a\u0651\u0629.<\/li>\n                 \n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- \u0627\u0644\u0623\u062f\u0628 -->\n\n        <div class=\"field-details\" id=\"literature\">\n\n            <div class=\"details-text\">\n\n                <h2>\u0645\u062c\u0627\u0644 \u0627\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639<\/h2>\n                <ul>\n                    <li>\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0623\u062f\u0628\u064a\u0651\u061b<\/li>\n                    <li>\u0627\u0644\u0623\u062f\u0628 \u0627\u0644\u0631\u0651\u0642\u0645\u064a\u0651\u061b<\/li>\n                    <li>\u0642\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u0629 \u0641\u064a \u0627\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639.<\/li>\n                 \n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* ===== GLOBAL ===== *\/\n\n.award-fields{\n    width:100%;\n    padding:80px 20px;\n    box-sizing:border-box;\n    overflow:hidden;\n    direction:rtl;\n}\n\n\/* ===== TITLE ===== *\/\n\n.section-title{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:20px;\n    margin-bottom:70px;\n    font-size:48px;\n}\n\n.section-title h2{\n    color:#d9a441;\n    font-size:40px;\n    margin:60px;\n    text-align:center;\n}\n\n.section-title span{\n    width:180px;\n    height:2px;\n    background:linear-gradient(to left, transparent, #d8a63c, transparent);\nfont-size:12px;\n}\n\n\/* ===== ICONS ===== *\/\n\n.fields-icons{\n    display:flex;\n    justify-content:center;\n    gap:60px;\n    flex-wrap:wrap;\n    margin-bottom:70px;\n    margin-top:0;\n\n}\n\n.field-circle{\n    width:220px;\n    height:220px;\n    border-radius:50%;\n    position:relative;\n    cursor:pointer;\n    transition:.5s;\n    animation:float 4s ease-in-out infinite;\n}\n\n.field-circle:hover{\n    transform:translateY(-12px) scale(1.05);\n}\n\n.circle-content{\n    width:100%;\n    height:100%;\n    border-radius:50%;\n    background:radial-gradient(circle,#111,#000);\n    border:3px solid #d8a63c;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    position:relative;\n    overflow:hidden;\n    box-shadow:0 0 25px rgba(216,166,60,.4);\n}\n\n.circle-content::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:radial-gradient(circle at top, rgba(255,215,0,.2), transparent);\n    pointer-events:none;\n}\n\n.circle-content img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    border-radius:50%;\n    filter:brightness(1.05) drop-shadow(0 0 18px gold);\n}\n\n\/* ===== ORBIT ===== *\/\n\n.orbit{\n    position:absolute;\n    width:260px;\n    height:260px;\n    border:2px solid rgba(216,166,60,.35);\n    border-radius:50%;\n    top:-20px;\n    left:-20px;\n    animation:rotate 8s linear infinite;\n}\n\n.orbit::before{\n    content:\"\";\n    position:absolute;\n    width:15px;\n    height:15px;\n    background:#ffd86b;\n    border-radius:50%;\n    top:50%;\n    left:-8px;\n    box-shadow:0 0 15px gold;\n}\n\n\/* ===== ACTIVE ===== *\/\n\n.field-circle.active .circle-content{\n    box-shadow:\n    0 0 25px gold,\n    0 0 50px rgba(255,215,0,.6);\n}\n\n\/* ===== DETAILS ===== *\/\n\n.field-details{\n    display:none;\n    background:rgba(17,17,17,.95);\n    border:2px solid rgba(216,166,60,.5);\n    border-radius:35px;\n    padding:45px;\n    max-width:1450px;\n    margin:auto;\n    animation:fadeIn .7s ease;\n}\n\n.field-details.active{\n    display:block;\n}\n\n.details-text{\n    color:#fff;\n\n}\n\n.details-text h2{\n    color:#d9a441;\n    font-size:30px;\n    margin-bottom:25px;\n    text-align:center;\n}\n\n.details-text ul{\n    margin-top:25px;\n    padding-right:25px;\n}\n\n.details-text li{\n    margin-bottom:18px;\n    color:#f1f1f1;\n    font-size:22px;\n    line-height:1.9;\n}\n\n\/* ===== ANIMATION ===== *\/\n\n@keyframes rotate{\n    from{\n        transform:rotate(0deg);\n    }\n    to{\n        transform:rotate(360deg);\n    }\n}\n\n@keyframes float{\n    0%{\n        transform:translateY(0);\n    }\n    50%{\n        transform:translateY(-12px);\n    }\n    100%{\n        transform:translateY(0);\n    }\n}\n\n@keyframes fadeIn{\n    from{\n        opacity:0;\n        transform:translateY(30px);\n    }\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n}\n\n\/* ===== TABLET ===== *\/\n\n@media(max-width:992px){\n\n    .section-title h2{\n        font-size:42px;\n    }\n\n    .field-circle{\n        width:170px;\n        height:170px;\n    }\n\n    .orbit{\n        width:200px;\n        height:200px;\n        top:-15px;\n        left:-15px;\n    }\n\n    .details-text h2{\n        font-size:36px;\n    }\n\n    .details-text li{\n        font-size:19px;\n    }\n}\n\n\/* ===== MOBILE ===== *\/\n\n@media(max-width:768px){\n\n    .award-fields{\n        padding:60px 15px;\n    }\n\n    .section-title{\n        gap:10px;\n        margin-bottom:40px;\n    }\n\n    .section-title span{\n        width:50px;\n    }\n\n    .section-title h2{\n        font-size:28px;\n    }\n\n    .fields-icons{\n        gap:25px;\n        margin-bottom:40px;\n    }\n\n    .field-circle{\n        width:120px;\n        height:120px;\n    }\n\n    .orbit{\n        width:145px;\n        height:145px;\n        top:-12px;\n        left:-12px;\n        display:none;\n    }\n\n    .orbit::before{\n        width:10px;\n        height:10px;\n    }\n\n    .field-details{\n        padding:25px;\n        border-radius:20px;\n    }\n\n    .details-text h2{\n        font-size:24px;\n        margin-bottom:15px;\n    }\n\n    .details-text ul{\n        padding-right:18px;\n    }\n\n    .details-text li{\n        font-size:16px;\n        line-height:1.8;\n    }\n}\n<\/style>\n\n<script>\n\nconst circles = document.querySelectorAll(\".field-circle\");\nconst details = document.querySelectorAll(\".field-details\");\n\ncircles.forEach(circle => {\n\n    circle.addEventListener(\"click\", () => {\n\n        circles.forEach(c => c.classList.remove(\"active\"));\n        details.forEach(d => d.classList.remove(\"active\"));\n\n        circle.classList.add(\"active\");\n\n        const target = circle.getAttribute(\"data-target\");\n\n        document.getElementById(target).classList.add(\"active\");\n\n    });\n\n});\n\n<\/script>\n<\/section>\n\n\n\n<section class=\"wp-block-uagb-container uagb-block-89bdbf75 alignfull uagb-is-root-container\">\n<section id=\"valeur\" class=\"prize-section\">\n\n    <div class=\"prize-title\">\n        <h2>\u0642\u064a\u0645\u0629 \u0627\u0644\u062c\u0627\u0626\u0632\u0629<\/h2>\n    <p class=\"prize-subtitle\">\n        \u062a\u064f\u0645\u0646\u062d \u0647\u0630\u0647 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u0627\u0644\u064a\u0651\u0629 \u0644\u0644\u0641\u0627\u0626\u0632\u064a\u0646 \u0641\u064a \u0643\u0644\u0651 \u0645\u062c\u0627\u0644:\n    <\/p>\n    <\/div>\n\n    <div class=\"prize-card\">\n\n        <!-- \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062b\u0627\u0644\u062b -->\n        <div class=\"prize-column\">\n\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/M33.png\"\n                 alt=\"\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062b\u0627\u0644\u062b\"\n                 class=\"medal-img\">\n\n            <div class=\"amount\"\n                 data-target=\"250000\">\n                0\n            <\/div>\n\n            <div class=\"currency\">\n                \u062f\u062c\n            <\/div>\n\n        <\/div>\n\n        <div class=\"divider\"><\/div>\n\n        <!-- \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0648\u0644 -->\n        <div class=\"prize-column winner\">\n\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/m.png\"\n                 alt=\"\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0648\u0644\"\n                 class=\"medal-img\">\n\n            <div class=\"amount\"\n                 data-target=\"1000000\">\n                0\n            <\/div>\n\n            <div class=\"currency\">\n                \u062f\u062c\n            <\/div>\n\n        <\/div>\n\n        <div class=\"divider\"><\/div>\n\n        <!-- \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062b\u0627\u0646\u064a -->\n        <div class=\"prize-column\">\n\n            <img decoding=\"async\" src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/M22.png\"\n                 alt=\"\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062b\u0627\u0646\u064a\"\n                 class=\"medal-img\">\n\n            <div class=\"amount\"\n                 data-target=\"500000\">\n                0\n            <\/div>\n\n            <div class=\"currency\">\n                \u062f\u062c\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.prize-section{\n    direction:rtl;\n    background:#000;\n    padding:70px 20px;\n}\n\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n\n.prize-title{\n    text-align:center;\n    margin-bottom:50px;\n}\n\n.prize-title h2{\n\n    display:inline-block;\n\n    color:#d4a63c;\n\n    font-size:38px;\n\n    font-weight:700;\n\n    padding:0 40px;\n\n    position:relative;\n\n    text-shadow:\n    0 0 20px rgba(212,166,60,.3);\n}\n\n.prize-title h2:before,\n.prize-title h2:after{\n\n    content:\"\";\n\n    position:absolute;\n\n    top:50%;\n\n    width:80px;\n\n    height:2px;\n\n    background:\n    linear-gradient(to left,\n    transparent,\n    #d4a63c);\n}\n\n.prize-title h2:before{\n\n    right:100%;\n}\n\n.prize-title h2:after{\n\n    left:100%;\n    transform:scaleX(-1);\n}\n\n.prize-subtitle{\n    color:#ddd;\n    font-size:22px;\n    margin-top:12px;\n    line-height:1.8;\n    opacity:0.9;\n}\n\/* \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\n\n.prize-card{\n\n    max-width:1200px;\n\n    margin:auto;\n\n    background:\n    linear-gradient(\n    135deg,\n    rgba(20,20,20,.95),\n    rgba(10,10,10,.95)\n    );\n\n    border:2px solid #d4a63c;\n\n    border-radius:35px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    overflow:hidden;\n\n    box-shadow:\n    0 0 30px rgba(212,166,60,.12);\n}\n\n\/* \u0627\u0644\u0623\u0639\u0645\u062f\u0629 *\/\n\n.prize-column{\n\n    flex:1;\n\n    text-align:center;\n\n    padding:45px 20px;\n}\n\n.medal-img{\n\n    width:110px;\n\n    height:auto;\n\n    margin-bottom:20px;\n}\n\n\/* \u0627\u0644\u0641\u0627\u0626\u0632 \u0627\u0644\u0623\u0648\u0644 *\/\n\n.winner .medal-img{\n\n    width:125px;\n}\n\n\/* \u0627\u0644\u0623\u0631\u0642\u0627\u0645 *\/\n\n.amount{\n\n    color:#fff;\n\n    font-size:42px;\n\n    font-weight:700;\n\n    line-height:1;\n}\n\n.currency{\n\n    color:#d4a63c;\n\n    font-size:28px;\n\n    margin-top:10px;\n\n    font-weight:600;\n}\n\n\/* \u0627\u0644\u0641\u0648\u0627\u0635\u0644 *\/\n\n.divider{\n\n    width:1px;\n\n    height:180px;\n\n    background:\n    rgba(212,166,60,.6);\n}\n\n\/* \u062a\u0623\u062b\u064a\u0631 \u062e\u0641\u064a\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0648\u0644 *\/\n\n.winner{\n\n    position:relative;\n}\n\n.winner::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    background:\n    radial-gradient(\n    circle,\n    rgba(212,166,60,.08),\n    transparent 70%\n    );\n\n    pointer-events:none;\n}\n\n\/* Responsive *\/\n\n@media(max-width:900px){\n\n    .prize-card{\n        flex-direction:column;\n    }\n\n    .divider{\n        width:85%;\n        height:1px;\n    }\n\n    .prize-column{\n        width:100%;\n        padding:35px 15px;\n    }\n\n    .amount{\n        font-size:42px;\n    }\n\n    .currency{\n        font-size:22px;\n    }\n\n    .prize-title h2{\n        font-size:36px;\n    }\n\n    .prize-subtitle{\n        font-size:18px;\n    }\n\n    .medal-img{\n        width:85px;\n    }\n\n    .winner .medal-img{\n        width:100px;\n    }\n}\n\n@media(max-width:480px){\n\n    .prize-section{\n        padding:50px 15px;\n    }\n\n    .prize-title h2{\n        font-size:28px;\n    }\n\n    .prize-subtitle{\n        font-size:16px;\n    }\n\n    .amount{\n        font-size:34px;\n    }\n\n    .currency{\n        font-size:18px;\n    }\n\n    .medal-img{\n        width:70px;\n    }\n\n    .winner .medal-img{\n        width:85px;\n    }\n.prize-title h2:before,\n.prize-title h2:after{\n    width:40px;\n}\n\n}\n<\/style>\n\n<script>\n\nconst counters =\ndocument.querySelectorAll(\".amount\");\n\nconst observer =\nnew IntersectionObserver(entries=>{\n\nentries.forEach(entry=>{\n\nif(!entry.isIntersecting) return;\n\nconst counter = entry.target;\n\nconst target =\n+counter.dataset.target;\n\nlet current = 0;\n\nconst speed = target \/ 120;\n\nconst update = ()=>{\n\ncurrent += speed;\n\nif(current < target){\n\ncounter.innerText =\nMath.floor(current)\n.toLocaleString('fr-FR');\n\nrequestAnimationFrame(update);\n\n}else{\n\ncounter.innerText =\ntarget.toLocaleString('fr-FR');\n\n}\n\n};\n\nupdate();\n\nobserver.unobserve(counter);\n\n});\n\n},{threshold:.4});\n\ncounters.forEach(counter=>{\n\nobserver.observe(counter);\n\n});\n\n<\/script>\n\n\n\n<style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    #conditions-page{\n      font-family: 'Cairo', sans-serif;\n      background: #050505;\n      color: #fff;\n      overflow-x: hidden;\n      position: relative;\n    }\n\n    #conditions-page::before,\n    #conditions-page::after {\n      content: \"\";\n      position: fixed;\n      width: 400px;\n      height: 400px;\n      border-radius: 50%;\n      background: radial-gradient(circle,\n          rgba(212, 163, 72, 0.15) 0%,\n          transparent 70%);\n      z-index: -1;\n    }\n\n    #conditions-page::before {\n      top: -100px;\n      right: -100px;\n    }\n\n    #conditions-page::after {\n      bottom: -120px;\n      left: -120px;\n    }\n\n.container{\n      width: 95%;\n      max-width: 1350px;\n      margin: auto;\n      padding: 40px 20px 80px;\n    }\n\n.hero {\n      text-align: center;\n      margin-bottom: 45px;\n    }\n\n .logo {\n      width: 110px;\n      height: 110px;\n      border-radius: 50%;\n      border: 2px solid #d9a441;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      margin: auto auto 20px;\n\n      color: #d9a441;\n      font-size: 34px;\n\n      background: rgba(255, 255, 255, 0.03);\n\n      box-shadow:\n        0 0 20px rgba(212, 163, 72, 0.2);\n    }\n\n    .hero h1 {\n      color: #d9a441;\n      font-size: 36px;\n      font-weight: 800;\n      margin-bottom: 10px;\n    }\n\n    .hero p {\n      color: #ddd;\n      font-size: 20px;\n    }\n\n    .section {\n      background:\n        linear-gradient(145deg,\n          rgba(255, 255, 255, 0.02),\n          rgba(255, 255, 255, 0.01));\n\n      border: 1px solid rgba(212, 163, 72, 0.35);\n\n      border-radius: 26px;\n\n      padding: 35px 28px;\n\n      margin-bottom: 40px;\n\n      box-shadow:\n        0 0 25px rgba(212, 163, 72, 0.06);\n    }\n\n    .section-title {\n      text-align: center;\n\n      color: #d9a441;\n\n      font-size: 30px;\n      font-weight: 800;\n\n      margin-bottom: 28px;\n    }\n\n    \/* =========================\n       \u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0631\u0634\u062d\n    ========================= *\/\n\n    .conditions-list {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .condition-row {\n      display: flex;\n      align-items: center;\n\n      gap: 16px;\n\n      padding: 14px 8px;\n\n      border-bottom: 1px solid rgba(212, 163, 72, 0.12);\n\n      transition: 0.3s ease;\n    }\n\n    .condition-row:last-child {\n      border-bottom: none;\n    }\n\n\n    .condition-row:hover {\n      background: rgba(212, 163, 72, 0.03);\n    }\n\n    .condition-icon {\n      min-width: 42px;\n      width: 42px;\n      height: 42px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 12px;\n\n      color: #d9a441;\n\n      font-size: 18px;\n      font-weight: 700;\n\n      border: 1px solid rgba(212, 163, 72, 0.35);\n\n      background:\n        linear-gradient(145deg,\n          rgba(212, 163, 72, 0.1),\n          rgba(255, 255, 255, 0.02));\n    }\n\n    .condition-text {\n      flex: 1;\n\n      color: #f2f2f2;\n\n      font-size: 19px;\n      line-height: 2;\n    }\n\n    .long-row {\n      align-items: flex-start;\n    }\n\n    .long-row .condition-icon {\n      margin-top: 6px;\n    }\n\n    \/* =========================\n       \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0631\u0634\u062d\n    ========================= *\/\n\n    .mechanism-title {\n      text-align: center;\n\n      color: #d9a441;\n\n      font-size: 30px;\n      font-weight: 800;\n\n      margin-bottom: 22px;\n    }\n\n    .mechanism-description {\n      text-align: center;\n\n      color: #f4f0e8;\n\n      font-size: 20px;\n\n      line-height: 2.1;\n\n      margin-bottom: 35px;\n    }\n\n\n    .mechanism-card {\n      text-align: center;\n\n      padding: 25px 18px;\n\n      border-radius: 22px;\n\n      border: 1px solid rgba(212, 163, 72, 0.35);\n\n      background:\n        linear-gradient(145deg,\n          rgba(212, 163, 72, 0.05),\n          rgba(255, 255, 255, 0.01));\n\n      transition: 0.3s ease;\n\n      margin-bottom:20px;\n    }\n\n    .mechanism-card:hover {\n      transform: translateY(-4px);\n\n      border-color: #d9a441;\n\n      box-shadow:\n        0 0 18px rgba(212, 163, 72, 0.12);\n    }\n\n    .mechanism-icon {\n      font-size: 42px;\n\n      margin-bottom: 14px;\n\n      color: #d9a441;\n\n      transition: 0.3s ease;\n    }\n\n    .mechanism-text {\n      color: #f5f5f5;\n\n      font-size: 18px;\n\n      line-height: 1.9;\n    }\n\n    .icon-link {\n      text-decoration: none;\n      display: inline-block;\n    }\n\n    .icon-link:hover .mechanism-icon {\n      transform: scale(1.08);\n\n      filter:\n        drop-shadow(0 0 10px rgba(212, 163, 72, 0.4));\n    }\n\n    \/* =========================\n       \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u064a\u062f\u0627\u0639\n    ========================= *\/\n\n    .deadline-box {\n      display: flex;\n\n      align-items: center;\n      justify-content: space-between;\n\n      gap: 20px;\n\n      padding: 28px;\n\n      border-radius: 24px;\n\n      border: 1px solid rgba(212, 163, 72, 0.35);\n\n      background:\n        linear-gradient(145deg,\n          rgba(212, 163, 72, 0.08),\n          rgba(255, 255, 255, 0.02));\n    }\n\n    .deadline-content {\n      flex: 1;\n\n      color: #f4f0e8;\n\n      font-size: 20px;\n\n      line-height: 2.1;\n    }\n\n    .deadline-content span {\n      color: #d9a441;\n      font-weight: 800;\n    }\n\n    .deadline-icon {\n      font-size: 42px;\n      color: #d9a441;\n    }\n\n    \/* =========================\n       Responsive\n    ========================= *\/\n\n\n\n    @media (max-width: 768px) {\n\n      .hero h1 {\n        font-size: 38px;\n      }\n\n      .hero p {\n        font-size: 18px;\n      }\n\n      .section-title,\n      .mechanism-title {\n        font-size: 30px;\n      }\n\n      .condition-text,\n      .mechanism-text,\n      .mechanism-description,\n      .deadline-content {\n        font-size: 16px;\n        word-break: break-word;\n      }\n\n\n      .deadline-box {\n        flex-direction: column;\n        text-align: center;\n      }\n\n      .mechanism-icon {\n        font-size: 36px;\n      }\n\n      .deadline-icon {\n        font-size: 34px;\n      }\n    .logo{\n        width:80px;\n        height:80px;\n        font-size:18px;\n\n    }\n\n    .container{\n        width:100%;\n        padding:20px 15px 60px;\n    }\n    }\n.mechanism-list{\n    margin:20px 0 30px;\n    padding-right:25px;\n}\n\n.mechanism-list li{\n    color:#f5f5f5;\n    font-size:18px;\n    line-height:2;\n    margin-bottom:10px;\n}\n\n  <\/style>\n\n<section id=\"conditions-page\">\n\n    <div class=\"container\">\n\n      <section class=\"hero\">\n\n<div class=\"logo\">\ud83c\udfc6<\/div>\n\n        <h1>\u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d \u0644\u0646\u064a\u0644 \u0627\u0644\u062c\u0627\u0626\u0632\u0629<\/h1>\n<p>\u0627\u0644\u062f\u0651\u0644\u064a\u0644 \u0627\u0644\u0631\u0651\u0633\u0645\u064a \u0644\u0634\u0631\u0648\u0637 \u0648\u0622\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d \u0644\u0646\u064a\u0644 \u0627\u0644\u062c\u0627\u0626\u0632\u0629<\/p>\n\n\n      <\/section>\n\n      <!-- \u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0631\u0634\u062d -->\n\n      <section class=\"section\">\n\n        <h2 class=\"section-title\">\u0634\u0631\u0648\u0637 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d<\/h2>\n\n        <div class=\"conditions-list\">\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83c\udde9\ud83c\uddff<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0645\u062a\u0631\u0634\u0651\u062d \u0645\u0646 \u062c\u0646\u0633\u064a\u0651\u0629 \u062c\u0632\u0627\u0626\u0631\u064a\u0629.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">20+<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0644\u0651\u0627 \u064a\u0642\u0644\u0651 \u0633\u0646\u0651 \u0627\u0644\u0645\u062a\u0631\u0634\u0651\u062d \u0639\u0646 \u0639\u0634\u0631\u064a\u0646 (20) \u0633\u0646\u0629.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83d\udcd6<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0646 \u064a\u0643\u0648\u0646 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83c\udfaf<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0646 \u064a\u0646\u062f\u0631\u062c \u0627\u0644\u0639\u0645\u0644 \u0636\u0645\u0646 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u0651\u062f\u0629.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83d\udcc4<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0628\u0639\u0645\u0644 \u0648\u0627\u062d\u062f \u0641\u0642\u0637.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83d\udc64<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0646 \u064a\u064f\u0642\u062f\u0651\u064e\u0645 \u0627\u0644\u0639\u0645\u0644 \u0641\u0631\u062f\u064a\u064b\u0627 \u0641\u0642\u0637.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83c\udf93<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0646 \u064a\u064f\u0642\u062f\u0651\u064e\u0645 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0651\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0651\u0629.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83d\udeab<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0644\u0651\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646\u0634\u0648\u0631\u064b\u0627 \u0623\u0648 \u0645\u062a\u062d\u0635\u0651\u0644\u064b\u0627 \u0639\u0644\u0649 \u062c\u0627\u0626\u0632\u0629 \u0633\u0627\u0628\u0642\u0629.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83d\udee1\ufe0f<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0644\u0651\u0627 \u064a\u062a\u0639\u0627\u0631\u0636 \u0645\u062d\u062a\u0648\u0627\u0647 \u0645\u0639 \u0642\u064a\u0645 \u0648\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u062c\u0632\u0627\u0626\u0631.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row\">\n            <div class=\"condition-icon\">\ud83d\udc65<\/div>\n\n            <div class=\"condition-text\">\n              \u0623\u0644\u0651\u0627 \u064a\u0643\u0648\u0646 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0645\u0648\u0638\u0641\u064b\u0627 \u0623\u0648 \u0639\u0636\u0648\u064b\u0627 \u0628\u0627\u0644\u0645\u062c\u0644\u0633 \u0623\u0648 \u0644\u062c\u0646\u0629 \u0627\u0644\u062a\u062d\u0643\u064a\u0645.\n            <\/div>\n          <\/div>\n\n          <div class=\"condition-row long-row\">\n            <div class=\"condition-icon\">\ud83d\udccb<\/div>\n\n            <div class=\"condition-text\">\n              \u062a\u064f\u0631\u0641\u0642 \u0646\u0633\u062e\u0629 \u0645\u0646 \u0627\u0644\u0646\u0651\u0635 \u0628\u0644\u063a\u062a\u0647 \u0627\u0644\u0623\u0635\u0644\u064a\u0651\u0629 \u0648\u062a\u0631\u062e\u064a\u0635 \u0628\u0627\u0644\u062a\u0651\u0631\u062c\u0645\u0629\n              \u0623\u0648 \u0634\u0647\u0627\u062f\u0629 \u062a\u062b\u0628\u062a \u062d\u0642\u0648\u0642 \u0627\u0644\u062a\u0651\u0631\u062c\u0645\u0629.\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/section>\n\n      <!-- \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0631\u0634\u062d -->\n\n      <section class=\"section\">\n\n        <h2 class=\"mechanism-title\">\n          \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d\n        <\/h2>\n\n        <div class=\"mechanism-description\">\n\n          \u062a\u0648\u062f\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u062b\u0644\u0627\u062b (3) \u0646\u0633\u062e \u0648\u0631\u0642\u064a\u0651\u0629\u060c\n          \u0648\u064a\u064f\u0631\u062c\u0649 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u062f\u0648\u0646 \u0623\u064a\u0651 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0639\u0631\u064a\u0641\u064a\u0651\u0629\u060c\n          \u0645\u0631\u0641\u0642\u064b\u0627 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u0651\u0627\u0644\u064a\u0651\u0629:\n\n\n        <\/div>\n<ul class=\"mechanism-list\">\n    <li>\u0646\u0633\u062e\u0629 \u0645\u0633\u062c\u0651\u0644\u0629 \u0641\u064a \u0642\u0631\u0635 \u0645\u0636\u063a\u0648\u0637 (CD)\u061b<\/li>\n    <li>\u0637\u0644\u0628 \u062e\u0637\u064a\u0651 \u064a\u064f\u062d\u062f\u0651\u062f \u0641\u064a\u0647 \u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u064f\u0634\u0627\u0631\u0643\u0629\u061b<\/li>\n    <li>\u0646\u0633\u062e\u0629 \u0645\u0646 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0647\u0648\u064a\u0651\u0629.<\/li>\n<\/ul>\n\n\n\n          <div class=\"mechanism-card\">\n\n            <a href=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/TCH.docx\"\n              class=\"icon-link\"\n              download>\n\n              <div class=\"mechanism-icon\">\ud83d\udcc4<\/div>\n\n            <\/a>\n\n            <div class=\"mechanism-text\">\n             \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062a\u0651\u0635\u0631\u064a\u062d \u0627\u0644\u0634\u0651\u0631\u0641\u064a\u0651\n            <\/div>\n\n          <\/div>\n\n<div class=\"mechanism-card\">\n\n            <a href=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/DMP.docx\"\n              class=\"icon-link\"\n              download>\n\n              <div class=\"mechanism-icon\">\ud83d\udcc4<\/div>\n\n            <\/a>\n\n            <div class=\"mechanism-text\">\n             \u062a\u062d\u0645\u064a\u0644 \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u062c\u0627\u0626\u0632\u0629\n            <\/div>\n\n          <\/div>\n\n        <div class=\"deadline-box\">\n\n          <div class=\"deadline-content\">\n\n            \u062a\u064f\u0648\u062f\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0644\u062f\u0649 \u0623\u0645\u064a\u0646 \u0644\u062c\u0646\u0629 \u0627\u0644\u062a\u0651\u062d\u0643\u064a\u0645\n            \u0628\u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629\n            \u0645\u0646\n            <span>18 \u062f\u064a\u0633\u0645\u0628\u0631 2025<\/span>\n            \u0625\u0644\u0649\n            <span>15 \u0633\u0628\u062a\u0645\u0628\u0631 2026<\/span>.\n\n          <\/div>\n\n          <div class=\"deadline-icon\">\ud83d\udcc5<\/div>\n\n        <\/div>\n\n      <\/section>\n\n    <\/div>\n\n  <\/section>\n<\/section>\n\n\n\n<footer class=\"wp-block-uagb-container uagb-block-6ccb12d4 alignfull uagb-is-root-container\">\n<section id=\"contact\" class=\"site-footer\">\n\n    <!-- \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\n    <div class=\"footer-top\">\n\n        <img decoding=\"async\"\n        src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/logohcla.png\"\n        alt=\"HCLA Logo\"\n        class=\"footer-logo\">\n      <h2>\u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629<\/h2>\n        <p>\u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629<\/p>\n\n        <div class=\"footer-divider\">\n            <span><\/span>\n            <i class=\"fas fa-gem\"><\/i>\n            <span><\/span>\n        <\/div>\n\n\n    <\/div>\n\n    <!-- \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\n    <div class=\"contact-section\">\n\n        <h3 class=\"contact-title\">\u0644\u0644\u062a\u0651\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\n\n        <div class=\"contact-content\">\n\n            <!-- \u0627\u0644\u062e\u0631\u064a\u0637\u0629 -->\n            <div class=\"map-box\">\n\n                <a href=\"https:\/\/www.google.com\/maps\/place\/%D8%A7%D9%84%D9%85%D8%AC%D9%84%D8%B3+%D8%A7%D9%84%D8%A3%D8%B9%D9%84%D9%89+%D9%84%D9%84%D8%BA%D8%A9+%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D9%91%D8%A9%E2%80%AD\/@36.758566,3.044038,15z\/data=!4m6!3m5!1s0x128fb3f283ed8f73:0xe803774cbccb54b9!8m2!3d36.7585658!4d3.0440375!16s%2Fg%2F11h7s203b3\"\n                   target=\"_blank\">\n\n                    <img decoding=\"async\"\n                    src=\"https:\/\/prize.hcla.dz\/wp-content\/uploads\/2026\/06\/maps.png\"\n                    class=\"map-image\"\n                    alt=\"map\">\n\n                <\/a>\n\n                <div class=\"location-box\">\n\n                    <div class=\"location-icon\">\n                        <i class=\"fas fa-location-dot\"><\/i>\n                    <\/div>\n\n                    <div>\n                        \u0634\u0627\u0631\u0639 \u0641\u0631\u0627\u0646\u0643\u0644\u064a\u0646 \u0631\u0648\u0632\u0641\u0644\u062a \u0627\u0644\u062c\u0632\u0627\u0626\u0631<br>\n                        \u0635.\u0628. 575 \u062f\u064a\u062f\u0648\u0634 \u0645\u0631\u0627\u062f \u2013 \u0627\u0644\u062c\u0632\u0627\u0626\u0631\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 -->\n            <div class=\"info-box\">\n\n                <div class=\"contact-box\">\n                    <i class=\"fas fa-phone\"><\/i>\n                    <div>\n                        <span>023487256 | 023487263<\/span>\n                        <small>\u0627\u0644\u0647\u0627\u062a\u0641<\/small>\n                    <\/div>\n                <\/div>\n\n\n<div class=\"contact-box\">\n    <i class=\"fas fa-envelope\"><\/i>\n    <div>\n        <span>prize@hcla.dz<\/span>\n        <small>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/small>\n    <\/div>\n<\/div>\n\n<!-- \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\n<div class=\"footer-social-contact\">\n    <a href=\"https:\/\/www.facebook.com\/HCLA.dz\/\" target=\"_blank\">\n        <i class=\"fab fa-facebook-f\"><\/i>\n    <\/a>\n\n    <a href=\"https:\/\/x.com\/xsnSLukL00BKfXc\" target=\"_blank\">\n        <i class=\"fab fa-x-twitter\"><\/i>\n    <\/a>\n<\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<div class=\"footer-bottom\"> \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 2026 \u2013 \u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 <\/div>\n<\/section>\n\n<link rel=\"stylesheet\"\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n\n.site-footer{\n    background:#000;\n    color:#fff;\n    direction:rtl;\n    padding-top:10px;\n    overflow:hidden;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n.footer-top{\n    text-align:center;\n    margin-bottom:25px;\n}\n\n.footer-logo{\n    width:75px;\n    margin-bottom:10px;\n}\n\n.footer-top h2{\n    color:#d4a63c;\n    font-size:20px;\n    font-weight:600;\n    margin-bottom:8px;\n}\n\n.footer-top p{\n    color:#fff;\n    font-size:18px;\n}\n\n.footer-divider{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:12px;\n    max-width:550px;\n    margin:20px auto;\n}\n\n.footer-divider span{\n    flex:1;\n    height:1px;\n    background:#d4a63c;\n}\n\n.footer-divider i{\n    color:#d4a63c;\n    font-size:10px;\n}\n\n\/* =========================\n   SOCIAL\n========================= *\/\n.footer-social-contact{\n    display:flex;\n    gap:12px;\n    margin-top:10px;\n    justify-content:center;\n}\n\n.footer-social-contact a{\n    width:38px;\n    height:38px;\n    border:1px solid #d4a63c;\n    border-radius:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#d4a63c;\n    text-decoration:none;\n    transition:.3s;\n}\n\n.footer-social-contact a:hover{\n    background:#d4a63c;\n    color:#000;\n}\n\/* =========================\n   CONTACT SECTION\n========================= *\/\n\n.contact-section{\n    margin-top:20px;\n}\n\n.contact-title{\n    text-align:center;\n    color:#d4a63c;\n    font-size:22px;\n    margin-bottom:-35px;\n    position:relative;\n    z-index:10;\n}\n\n.contact-content{\n\n    background:#050505;\n\n    display:flex;\n    justify-content:center;\n    align-items:flex-start;\n\n    gap:250px;\n\n    padding:50px 60px 25px;\n\n    position: relative;\n    z-index: 1;\n}\n\n.contact-content::before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:95px;\n    background:#070707;\n}\n\n.map-box{\n    text-align:center;\n    position:relative;\n    z-index:2;\n}\n\n.map-image{\n    width:200px;\n    border-radius:15px;\n}\n\n.location-box{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:15px;\n    margin-top:18px;\n    font-size:14px;\n    line-height:1.9;\n}\n\n.location-icon{\n    width:30px;\n    height:30px;\n    border:2px solid #d4a63c;\n    border-radius:14px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#d4a63c;\n    font-size:16px;\n}\n\n.info-box{\n    min-width:320px;\n    position:relative;\n    z-index:2;\n}\n\n.contact-box{\n    display:flex;\n    align-items:center;\n    gap:15px;\n    margin-bottom:25px;\n}\n\n.contact-box i{\n    width:26px;\n    height:26px;\n    border:1.5px solid #d4a63c;\n    border-radius:8px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#d4a63c;\n    font-size:12px;\n}\n\n.contact-box span{\n    display:block;\n    font-size:17px;\n}\n\n.contact-box small{\n    color:#bdbdbd;\n    font-size:13px;\n}\n\n\/* =========================\n   COPYRIGHT\n========================= *\/\n\n.footer-bottom{\n    text-align:center;\n    border-top:1px solid rgba(212,166,60,.3);\n    padding:12px;\n    font-size:14px;\n    color:#fff;\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:992px){\n\n    .contact-content{\n        flex-direction:column;\n        align-items:center;\n        gap:40px;\n        padding:50px 20px;\n    }\n\n    .info-box{\n        min-width:auto;\n    }\n\n    .footer-top h2{\n        font-size:18px;\n    }\n\n    .footer-top p{\n        font-size:16px;\n    }\n\n    .contact-box span{\n        font-size:15px;\n    }\n}\n\n@media(max-width:768px){\n    .map-image{\n        width:160px;\n    }\n\n    .contact-box{\n        justify-content:center;\n        text-align:center;\n    }\n}\n<\/style>\n<\/footer>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What We Offer \u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u064a\u064f\u0639\u0644\u0646 \u0631\u0626\u064a\u0633 \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u062a\u062d \u0628\u0627\u0628 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d \u0644\u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"prizehcla","author_link":"https:\/\/prize.hcla.dz\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"What We Offer \u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0651\u0629 \u0644\u0644\u0623\u062f\u0628 \u0648\u0627\u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u064a\u064f\u0639\u0644\u0646 \u0631\u0626\u064a\u0633 \u0627\u0644\u0645\u062c\u0644\u0633 \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0651\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0651\u0629 \u0641\u062a\u062d \u0628\u0627\u0628 \u0627\u0644\u062a\u0651\u0631\u0634\u0651\u062d \u0644\u062c\u0627\u0626\u0632\u0629 \u0631\u0626\u064a\u0633 [&hellip;]","_links":{"self":[{"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":508,"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":746,"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/746"}],"wp:attachment":[{"href":"https:\/\/prize.hcla.dz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}