PageSourceSearch

https://univ-tindouf.dz/presentation-universite-tindouf/

html univ-tindouf.dz collected 2026-10-09 17:07:18 UTC 273,992 bytes, 9,102 lines download raw bytes

1        <!DOCTYPE html>
2
3        <html
4            dir="rtl" lang="ar"            dir="rtl"
5        >
6
7        <head>
8
9            <meta charset="UTF-8">
10
11            <meta
12                name="viewport"
13                content="width=device-width, initial-scale=1.0"
14            >
15
16            <title>
17                نبذة عن الجامعة                | جامعة تندوف
18            </title>
19
20            <title>نبذة عن الجامعة &#8211; جامعة تندوف</title>
21<meta name='robots' content='max-image-preview:large' />
22<link rel='dns-prefetch' href='//cdn.canvasjs.com' />
23<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
24<link rel='dns-prefetch' href='//fonts.googleapis.com' />
25<link rel='dns-prefetch' href='//www.fontstatic.com' />
26<link rel="alternate" type="application/rss+xml" title="جامعة تندوف &laquo; الخلاصة" href="https://univ-tindouf.dz/feed/" />
27<link rel="alternate" type="application/rss+xml" title="جامعة تندوف &laquo; خلاصة التعليقات" href="https://univ-tindouf.dz/comments/feed/" />
28<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://univ-tindouf.dz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Funiv-tindouf.dz%2Fpresentation-universite-tindouf%2F" />
29<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://univ-tindouf.dz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Funiv-tindouf.dz%2Fpresentation-universite-tindouf%2F&#038;format=xml" />
30<style id="wp-img-auto-sizes-contain-inline-css">
31img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
32/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
33</style>
34
35<link rel='stylesheet' id='sgdg_block-css' href='https://univ-tindouf.dz/wp-content/plugins/skaut-google-drive-gallery/frontend/css/block.min.css?ver=1787888383' media='all' />
36<style id="wp-emoji-styles-inline-css">
37
38	img.wp-smiley, img.emoji {
39		display: inline !important;
40		border: none !important;
41		box-shadow: none !important;
42		height: 1em !important;
43		width: 1em !important;
44		margin: 0 0.07em !important;
45		vertical-align: -0.1em !important;
46		background: none !important;
47		padding: 0 !important;
48	}
49/*# sourceURL=wp-emoji-styles-inline-css */
50</style>
51<style id="tiptip-category-posts-block-style-inline-css">
52.wp-block-tiptip-category-posts-block{border-color:var(--wp-admin-theme-color);padding:2px}.wp-block-tiptip-category-posts-block.aligncenter{width:fit-content}.wp-block-tiptip-category-posts-block .cat-post-no-match{display:block}.category-posts-block-list a:before{content:"";display:block}
53
54/*# sourceURL=https://univ-tindouf.dz/wp-content/plugins/category-posts/build/style-index.css */
55</style>
56<style id="pdfemb-pdf-embedder-viewer-style-inline-css">
57.wp-block-pdfemb-pdf-embedder-viewer{max-width:none}
58
59/*# sourceURL=https://univ-tindouf.dz/wp-content/plugins/pdf-embedder/block/build/style-index.css */
60</style>
61<link rel='stylesheet' id='flipbox_builder_flip_bootstrap_css-css' href='https://univ-tindouf.dz/wp-content/plugins/flipbox-builder/admin/assets/css/bootstrap.css?ver=7.1.3' media='all' />
62<link rel='stylesheet' id='flipbox_builder_flip_font_osm-css' href='https://univ-tindouf.dz/wp-content/plugins/flipbox-builder/admin/assets/css/font-awesome/css/font-awesome.min.css?ver=7.1.3' media='all' />
63<link rel='stylesheet' id='simple-banner-style-css' href='https://univ-tindouf.dz/wp-content/plugins/simple-banner/simple-banner.css?ver=3.3.2' media='all' />
64<link rel='stylesheet' id='dashicons-css' href='https://univ-tindouf.dz/wp-includes/css/dashicons.min.css?ver=7.1.3' media='all' />
65<link rel='stylesheet' id='admin-bar-rtl-css' href='https://univ-tindouf.dz/wp-includes/css/admin-bar-rtl.min.css?ver=7.1.3' media='all' />
66<style id="admin-bar-inline-css">
67
68    .canvasjs-chart-credit{
69        display: none !important;
70    }
71    #vtrtsFreeChart canvas {
72    border-radius: 6px;
73}
74
75.vtrts-free-adminbar-weekly-title {
76    font-weight: bold;
77    font-size: 14px;
78    color: #fff;
79    margin-bottom: 6px;
80}
81
82        #wpadminbar #wp-admin-bar-vtrts_free_top_button .ab-icon:before {
83            content: "\f185";
84            color: #1DAE22;
85            top: 3px;
86        }
87    #wp-admin-bar-vtrts_pro_top_button .ab-item {
88        min-width: 180px;
89    }
90    .vtrts-free-adminbar-dropdown {
91        min-width: 420px ;
92        padding: 18px 18px 12px 18px;
93        background: #23282d;
94        color: #fff;
95        border-radius: 8px;
96        box-shadow: 0 4px 24px rgba(0,0,0,0.15);
97        margin-top: 10px;
98    }
99    .vtrts-free-adminbar-grid {
100        display: grid;
101        grid-template-columns: 1fr 1fr;
102        gap: 18px 18px; /* row-gap column-gap */
103        margin-bottom: 18px;
104    }
105    .vtrts-free-adminbar-card {
106        background: #2c3338;
107        border-radius: 8px;
108        padding: 18px 18px 12px 18px;
109        box-shadow: 0 2px 8px rgba(0,0,0,0.07);
110        display: flex;
111        flex-direction: column;
112        align-items: flex-start;
113    }
114    /* Extra margin for the right column */
115    .vtrts-free-adminbar-card:nth-child(2),
116    .vtrts-free-adminbar-card:nth-child(4) {
117        margin-left: 10px !important;
118        padding-left: 10px !important;
119                padding-top: 6px !important;
120
121        margin-right: 10px !important;
122        padding-right : 10px !important;
123        margin-top: 10px !important;
124    }
125    .vtrts-free-adminbar-card:nth-child(1),
126    .vtrts-free-adminbar-card:nth-child(3) {
127        margin-left: 10px !important;
128        padding-left: 10px !important;
129                padding-top: 6px !important;
130
131        margin-top: 10px !important;
132                padding-right : 10px !important;
133
134    }
135    /* Extra margin for the bottom row */
136    .vtrts-free-adminbar-card:nth-child(3),
137    .vtrts-free-adminbar-card:nth-child(4) {
138        margin-top: 6px !important;
139        padding-top: 6px !important;
140        margin-top: 10px !important;
141    }
142    .vtrts-free-adminbar-card-title {
143        font-size: 14px;
144        font-weight: 800;
145        margin-bottom: 6px;
146        color: #fff;
147    }
148    .vtrts-free-adminbar-card-value {
149        font-size: 22px;
150        font-weight: bold;
151        color: #1DAE22;
152        margin-bottom: 4px;
153    }
154    .vtrts-free-adminbar-card-sub {
155        font-size: 12px;
156        color: #aaa;
157    }
158    .vtrts-free-adminbar-btn-wrap {
159        text-align: center;
160        margin-top: 8px;
161    }
162
163    #wp-admin-bar-vtrts_free_top_button .ab-item{
164    min-width: 80px !important;
165        padding: 0px !important;
166    .vtrts-free-adminbar-btn {
167        display: inline-block;
168        background: #1DAE22;
169        color: #fff !important;
170        font-weight: bold;
171        padding: 8px 28px;
172        border-radius: 6px;
173        text-decoration: none;
174        font-size: 15px;
175        transition: background 0.2s;
176        margin-top: 8px;
177    }
178    .vtrts-free-adminbar-btn:hover {
179        background: #15991b;
180        color: #fff !important;
181    }
182
183    .vtrts-free-adminbar-dropdown-wrap { min-width: 0; padding: 0; }
184    #wpadminbar #wp-admin-bar-vtrts_free_top_button .vtrts-free-adminbar-dropdown { display: none; position: absolute; left: 0; top: 100%; z-index: 99999; }
185    #wpadminbar #wp-admin-bar-vtrts_free_top_button:hover .vtrts-free-adminbar-dropdown { display: block; }
186    
187        .ab-empty-item #wp-admin-bar-vtrts_free_top_button-default .ab-empty-item{
188    height:0px !important;
189    padding :0px !important;
190     }
191            #wpadminbar .quicklinks .ab-empty-item{
192        padding:0px !important;
193    }
194    .vtrts-free-adminbar-dropdown {
195    min-width: 420px;
196    padding: 18px 18px 12px 18px;
197    background: #23282d;
198    color: #fff;
199    border-radius: 12px; /* more rounded */
200    box-shadow: 0 8px 32px rgba(0,0,0,0.25); /* deeper shadow */
201    margin-top: 10px;
202}
203
204.vtrts-free-adminbar-btn-wrap {
205    text-align: center;
206    margin-top: 18px; /* more space above */
207}
208
209.vtrts-free-adminbar-btn {
210    display: inline-block;
211    background: #1DAE22;
212    color: #fff !important;
213    font-weight: bold;
214    padding: 5px 22px;
215    border-radius: 8px;
216    text-decoration: none;
217    font-size: 17px;
218    transition: background 0.2s, box-shadow 0.2s;
219    margin-top: 8px;
220    box-shadow: 0 2px 8px rgba(29,174,34,0.15);
221    text-align: center;
222    line-height: 1.6;
223    
224}
225.vtrts-free-adminbar-btn:hover {
226    background: #15991b;
227    color: #fff !important;
228    box-shadow: 0 4px 16px rgba(29,174,34,0.25);
229}
230    
231
232
233/*# sourceURL=admin-bar-inline-css */
234</style>
235<link rel='stylesheet' id='ut-foss-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&#038;display=swap' media='all' />
236<link rel='stylesheet' id='arabic-webfonts-css' href='//www.fontstatic.com/f=geeza-pro-bold,' media='all' />
237<link rel='stylesheet' id='awsm-team-css' href='https://univ-tindouf.dz/wp-content/plugins/awsm-team/css/team.min.css?ver=1.3.5' media='all' />
238<link rel='stylesheet' id='newsup-fonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C500%2C700%2C800%7CWork%2BSans%3A300%2C400%2C500%2C600%2C700%2C800%2C900%26display%3Dswap&#038;subset=latin%2Clatin-ext' media='all' />
239<link rel='stylesheet' id='bootstrap-rtl-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/bootstrap-rtl.css?ver=7.1.3' media='all' />
240<link rel='stylesheet' id='newsup-style-rtl-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/style-rtl.css?ver=7.1.3' media='all' />
241<link rel='stylesheet' id='newsup-default-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/colors/default.css?ver=7.1.3' media='all' />
242<link rel='stylesheet' id='font-awesome-5-all-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/font-awesome/css/all.min.css?ver=7.1.3' media='all' />
243<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/font-awesome/css/v4-shims.min.css?ver=7.1.3' media='all' />
244<link rel='stylesheet' id='owl-carousel-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/owl.carousel.css?ver=7.1.3' media='all' />
245<link rel='stylesheet' id='smartmenus-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/css/jquery.smartmenus.bootstrap.css?ver=7.1.3' media='all' />
246<link rel='stylesheet' id='newsup-custom-css-css' href='https://univ-tindouf.dz/wp-content/themes/newsup/inc/ansar/customize/css/customizer.css?ver=1.0' media='all' />
247<link rel='stylesheet' id='ekit-widget-common-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/common.css?ver=4.0.7' media='all' />
248<link rel='stylesheet' id='ekit-nav-menu-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/nav-menu.css?ver=4.0.7' media='all' />
249<link rel='stylesheet' id='ekit-header-search-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-search.css?ver=4.0.7' media='all' />
250<link rel='stylesheet' id='ekit-header-offcanvas-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-offcanvas.css?ver=4.0.7' media='all' />
251<link rel='stylesheet' id='ekit-header-info-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-info.css?ver=4.0.7' media='all' />
252<link rel='stylesheet' id='elementskit-rtl-css' href='https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/css/rtl.css?ver=4.0.7' media='all' />
253<!--n2css--><!--n2js-->
253<script type='text/javascript'>
254		var elementskit = {
255			resturl: 'https://univ-tindouf.dz/wp-json/elementskit/v1/',
256		}
257
258		</script>
258<script id="jquery-core-js" src="https://univ-tindouf.dz/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 258
258
259<script id="jquery-migrate-js" src="https://univ-tindouf.dz/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 259
259
260<script id="simple-banner-script-js-before">
261const simpleBannerScriptParams = {"pro_version_enabled":"","debug_mode":false,"id":15743,"version":"3.3.2","banner_params":[{"hide_simple_banner":"yes","simple_banner_prepend_element":false,"simple_banner_position":"static","header_margin":"","header_padding":"","wp_body_open_enabled":"","wp_body_open":true,"simple_banner_z_index":false,"disabled_on_current_page":false,"disabled_pages_array":[],"is_current_page_a_post":false,"disabled_on_posts":"","simple_banner_disabled_page_paths":false,"simple_banner_font_size":"","simple_banner_color":"#e2e9ee","simple_banner_text_color":"","simple_banner_link_color":"","simple_banner_close_color":"#ffffff","simple_banner_text":"\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062c\u0627\u0645\u0639\u064a \u0639\u0644\u064a \u0643\u0627\u0641\u064a \u062a\u0646\u062f\u0648\u0641 \u064a\u0631\u062d\u0628 \u0628\u0643\u0645","simple_banner_custom_css":"","simple_banner_scrolling_custom_css":"","simple_banner_text_custom_css":"","simple_banner_button_css":"","site_custom_css":"","keep_site_custom_css":"","site_custom_js":"","keep_site_custom_js":"","close_button_enabled":"","close_button_expiration":"","close_button_cookie_set":false,"current_date":{"date":"2026-10-09 17:07:17.944304","timezone_type":3,"timezone":"UTC"},"start_date":{"date":"2026-10-09 17:07:17.944309","timezone_type":3,"timezone":"UTC"},"end_date":{"date":"2026-10-09 17:07:17.944311","timezone_type":3,"timezone":"UTC"},"simple_banner_start_after_date":false,"simple_banner_remove_after_date":false,"simple_banner_insert_inside_element":false}]}
262//# sourceURL=simple-banner-script-js-before
263</script>
vendor: 1 bytes, line 263
263
264<script id="simple-banner-script-js" src="https://univ-tindouf.dz/wp-content/plugins/simple-banner/simple-banner.js?ver=3.3.2"></script>
vendor: 1 bytes, line 264
264
265<script id="wonderplugin-videoembed-script-js" src="https://univ-tindouf.dz/wp-content/plugins/wonderplugin-video-embed/engine/wonderpluginvideoembed.js?ver=2.4"></script>
vendor: 1 bytes, line 265
265
266<script id="newsup-navigation-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/navigation.js?ver=7.1.3"></script>
vendor: 1 bytes, line 266
266
267<script id="bootstrap-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/bootstrap.js?ver=7.1.3"></script>
vendor: 1 bytes, line 267
267
268<script id="owl-carousel-min-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/owl.carousel.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 268
268
269<script id="smartmenus-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/jquery.smartmenus.js?ver=7.1.3"></script>
vendor: 1 bytes, line 269
269
270<script id="bootstrap-smartmenus-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/jquery.smartmenus.bootstrap.js?ver=7.1.3"></script>
vendor: 1 bytes, line 270
270
271<script id="newsup-marquee-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/jquery.marquee.js?ver=7.1.3"></script>
vendor: 1 bytes, line 271
271
272<script id="newsup-main-js-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/main.js?ver=7.1.3"></script>
272
273<link rel="https://api.w.org/" href="https://univ-tindouf.dz/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://univ-tindouf.dz/wp-json/wp/v2/pages/15743" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://univ-tindouf.dz/xmlrpc.php?rsd" />
274<meta name="generator" content="WordPress 7.1.3" />
275<link rel="canonical" href="https://univ-tindouf.dz/presentation-universite-tindouf/" />
276<link rel='shortlink' href='https://univ-tindouf.dz/?p=15743' />
277<style id="simple-banner-hide" type="text/css">.simple-banner{display:none;}</style><style id="simple-banner-position" type="text/css">.simple-banner{position:static;}</style><style id="simple-banner-background-color" type="text/css">.simple-banner{background:#e2e9ee;}</style><style id="simple-banner-text-color" type="text/css">.simple-banner .simple-banner-text{color: #ffffff;}</style><style id="simple-banner-link-color" type="text/css">.simple-banner .simple-banner-text a{color:#f16521;}</style><style id="simple-banner-z-index" type="text/css">.simple-banner{z-index: 99999;}</style><style id="simple-banner-close-color" type="text/css">.simple-banner .simple-banner-button{color:#ffffff;}</style><style id="simple-banner-site-custom-css-dummy" type="text/css"></style>
277<script id="simple-banner-site-custom-js-dummy" type="text/javascript"></script>
277    <style id="ut-global-university-shell-css">
278
279        body.ut-global-university-shell .site-header,
280        body.ut-global-university-shell header.site-header,
281        body.ut-global-university-shell #masthead,
282        body.ut-global-university-shell .main-header,
283        body.ut-global-university-shell .header-main,
284        body.ut-global-university-shell .main-navigation,
285        body.ut-global-university-shell .primary-navigation,
286        body.ut-global-university-shell .site-navigation,
287        body.ut-global-university-shell .navbar{
288            display:none !important;
289        }
290
291        body.ut-global-university-shell .site-footer,
292        body.ut-global-university-shell footer.site-footer,
293        body.ut-global-university-shell #colophon,
294        body.ut-global-university-shell .footer-widgets,
295        body.ut-global-university-shell .footer-navigation{
296            display:none !important;
297        }
298
299        body.ut-global-university-shell #secondary,
300        body.ut-global-university-shell aside,
301        body.ut-global-university-shell .sidebar,
302        body.ut-global-university-shell .widget-area{
303            display:none !important;
304        }
305
306        html,
307        body.ut-global-university-shell{
308            margin:0 !important;
309            padding:0 !important;
310            width:100% !important;
311            max-width:none !important;
312            overflow-x:hidden !important;
313        }
314
315        body.ut-global-university-shell #page,
316        body.ut-global-university-shell .site,
317        body.ut-global-university-shell .site-content,
318        body.ut-global-university-shell .content-area,
319        body.ut-global-university-shell .site-main{
320            width:100% !important;
321            max-width:none !important;
322            margin:0 !important;
323            padding:0 !important;
324        }
325
326    </style>
327    <!-- Start arabic-webfonts v1.4.6 styles -->        <style id='arabic-webfonts' type='text/css'>
328                                 body.rtl p {
329                      font-family: 'geeza-pro-bold' !important;
330                                 font-size: 25px !important;
331                                            }
332                                                                                        	    </style>
333        <!-- /End arabic-webfonts styles --> 
334<style type="text/css" id="custom-background-css">
335    .wrapper { background-color: ededed; }
336</style>
337<meta name="generator" content="Elementor 4.3.4; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
338			<style>
339				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
340				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
341					background-image: none !important;
342				}
343				@media screen and (max-height: 1024px) {
344					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
345					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
346						background-image: none !important;
347					}
348				}
349				@media screen and (max-height: 640px) {
350					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
351					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
352						background-image: none !important;
353					}
354				}
355			</style>
356			    <style type="text/css">
357            .site-title,
358        .site-description {
359            position: absolute;
360            clip: rect(1px, 1px, 1px, 1px);
361        }
362        </style>
363    <style id="custom-background-css">
364body.custom-background { background-color: #ededed; }
365</style>
366<link rel="icon" href="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-32x32.png" sizes="32x32" />
367<link rel="icon" href="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-192x192.png" sizes="192x192" />
368<link rel="apple-touch-icon" href="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-180x180.png" />
369<meta name="msapplication-TileImage" content="https://univ-tindouf.dz/wp-content/uploads/2025/12/cropped-LOGO-UT-e1764665086627-270x270.png" />
370
371    
371<script id="ut-hero-links-manager">
372
373        window.UT_HERO_LINKS = {"discover_university":"https://univ-tindouf.dz/presentation-universite-tindouf/","media_coverage":"https://univ-tindouf.dz/medias/","photo_gallery":"https://univ-tindouf.dz/galerie/","virtual_visit":"https://univ-tindouf.dz/structure-organisationnelle-universite/","digital_services":"https://univ-tindouf.dz/structure-organisationnelle-universite/"};
374
375    </script>
375
376
377    <style id="wp-custom-css">
378.secondary-menu {
379    background: #2E5A88;
380    padding: 5px 100px;
381    text-align: center;
382}
383
384.secondary-menu-list {
385    list-style: none;
386    margin: 0;
387    padding: 0;
388    display: flex;
389    justify-content: right;
390    gap: 20px;
391    position: relative;
392}
393
394.secondary-menu-list li {
395    position: relative;
396}
397
398.secondary-menu-list li a {
399    color: #fff;
400    font-size: 14px;
401    text-decoration: none;
402    padding: 5px 10px;
403    display: block;
404	 font-weight: 600
405}
406
407.secondary-menu-list li a:hover {
408    color: #C5A059;
409}
410
411/* Dropdown menu */
412.secondary-menu-list li ul {
413    display: none; /* مخفي افتراضياً */
414    position: absolute;
415    top: 100%;
416    left: 0;
417    background: #F5F5DC;
418    list-style: none;
419    padding: 0;
420    margin: 0;
421    min-width: 180px;
422    z-index: 9999;
423}
424
425.secondary-menu-list li:hover > ul {
426    display: block; /* يظهر عند مرور الفأرة */
427}
428
429.secondary-menu-list li ul li a {
430    padding: 8px 15px;
431    font-size: 13px;
432    color: #000;
433}
434
435.secondary-menu-list li ul li a:hover {
436    background: #C5A059;
437    color: #000;
438}
439
440</style>
441
442            <style>
443
444                html,
445                body {
446
447                    margin: 0 !important;
448
449                    padding: 0 !important;
450
451                    width: 100% !important;
452
453                    overflow-x: hidden !important;
454
455                    background: #ffffff !important;
456                }
457
458                *,
459                *::before,
460                *::after {
461                    box-sizing: border-box;
462                }
463
464                body {
465
466                    font-family:
467                        "Cairo",
468                        "Segoe UI",
469                        Arial,
470                        sans-serif;
471                }
472
473                .ut-page-builder-content {
474
475                    width: 100%;
476
477                    margin: 0;
478
479                    padding:
480                        38px
481                        5vw
482                        55px;
483
484                    background:
485                        linear-gradient(
486                            180deg,
487                            #ffffff 0%,
488                            #f5f9fb 100%
489                        );
490
491                    min-height: 340px;
492                }
493
494                .ut-page-builder-content-inner {
495
496                    width: 100%;
497
498                    max-width: 1450px;
499
500                    margin:
501                        0
502                        auto;
503
504                    color: #173b57;
505
506                    font-family:
507                        "Cairo",
508                        "Segoe UI",
509                        Arial,
510                        sans-serif;
511
512                    font-size: 18px;
513
514                    line-height: 1.95;
515                }
516
517                .ut-page-builder-content-inner h1,
518                .ut-page-builder-content-inner h2,
519                .ut-page-builder-content-inner h3,
520                .ut-page-builder-content-inner h4 {
521
522                    color: #123b5d;
523
524                    font-weight: 800;
525
526                    line-height: 1.4;
527                }
528
529                .ut-page-builder-content-inner img {
530
531                    max-width: 100%;
532
533                    height: auto;
534
535                    border-radius: 12px;
536                }
537
538                .ut-page-builder-content-inner a {
539
540                    color: #116f9c;
541                }
542
543                .ut-page-builder-content-inner table {
544
545                    width: 100%;
546
547                    border-collapse: collapse;
548
549                    margin:
550                        20px
551                        0;
552                }
553
554                .ut-page-builder-content-inner th,
555                .ut-page-builder-content-inner td {
556
557                    padding: 10px;
558
559                    border:
560                        1px
561                        solid
562                        #d8e3ea;
563                }
564
565                @media (max-width: 700px) {
566
567                    .ut-page-builder-content {
568
569                        padding:
570                            28px
571                            14px
572                            40px;
573                    }
574
575                    .ut-page-builder-content-inner {
576
577                        font-size: 16px;
578
579                        line-height: 1.85;
580                    }
581                }
582
583            </style>
584
585        </head>
586
587
588        <body>
589
590            
591        <header id="ut-header">
592
593            <div class="ut-header-inner">
594
595                <!-- =====================================
596                     الشعار واسم الجامعة
597                ====================================== -->
598
599                <div class="ut-brand">
600
601                    <div class="ut-logo">
602
603                        <img
604                            src="https://univ-tindouf.dz/wp-content/uploads/2026/02/cropped-LOGO-UT-300x300-1.png"
605                            alt="جامعة تندوف">
606
607                    </div>
608
609                    <div class="ut-university-name">
610
611                        <div class="ut-name-ar">
612                            جامعة تندوف
613                        </div>
614
615                        <div class="ut-name-en">
616                            UNIVERSITY OF TINDOUF
617                        </div>
618
619                    </div>
620
621                </div>
622
623
624                <!-- =====================================
625                     التاريخ والساعة
626                ====================================== -->
627
628                <div class="ut-center-info">
629
630                    <!-- التاريخ الميلادي -->
631
632                    <div class="ut-date">
633
634                        <span class="ut-date-icon">
635                            ◷
636                        </span>
637
638                        <span id="ut-gregorian-date"></span>
639
640                    </div>
641
642
643                    <!-- الساعة -->
644
645                    <div class="ut-clock">
646
647                        <span class="ut-clock-icon">
648                            ◉
649                        </span>
650
651                        <span id="ut-clock">
652                            00:00:00
653                        </span>
654
655                    </div>
656
657
658                    <!-- التاريخ الهجري -->
659
660                    <div class="ut-date ut-hijri">
661
662                        <span class="ut-date-icon">
663                            ☾
664                        </span>
665
666                        <span id="ut-hijri-date"></span>
667
668                    </div>
669
670                </div>
671
672
673                <!-- =====================================
674                     الأدوات
675                ====================================== -->
676
677                <div class="ut-tools">
678
679
680                    <!-- اللغة -->
681
682                    <div class="ut-language">
683
684                        <button
685                            type="button"
686                            class="ut-language-button">
687
688                            العربية
689
690                            <span class="ut-language-arrow">
691                                ▾
692                            </span>
693
694                        </button>
695
696                        <div class="ut-language-menu">
697
698                            <a href="#">
699                                العربية
700                            </a>
701
702                            <a href="#">
703                                Français
704                            </a>
705
706                            <a href="#">
707                                English
708                            </a>
709
710                        </div>
711
712                    </div>
713
714
715                    <!-- الشبكات الاجتماعية -->
716
717                    <div class="ut-social">
718
719                        <a
720                            href="#"
721                            class="facebook"
722                            title="Facebook">
723                            f
724                        </a>
725
726                        <a
727                            href="#"
728                            class="youtube"
729                            title="YouTube">
730                            ▶
731                        </a>
732
733                        <a
734                            href="#"
735                            class="instagram"
736                            title="Instagram">
737                            ◎
738                        </a>
739
740                        <a
741                            href="#"
742                            class="telegram"
743                            title="Telegram">
744                            ➤
745                        </a>
746
747                    </div>
748
749
750                    <!-- مواقيت الصلاة -->
751
752                    <a
753                        href="https://www.islamicfinder.org/world/algeria/2476301/tindouf-wilaya-de-tindouf-dz-prayer-times/"
754                        target="_blank"
755                        rel="noopener"
756                        class="ut-prayer"
757                        title="مواقيت الصلاة في تندوف">
758
759                        ☾
760
761                    </a>
762
763                </div>
764
765            </div>
766
767        </header>
768
769
770        <!-- =============================================
771             الفاصل الفاخر بين Header والقائمة
772        ============================================== -->
773
774        <div class="ut-header-menu-divider">
775
776            <span></span>
777
778        </div>
779
780
781        <style>
782
783        /* =================================================
784           HEADER
785        ================================================= */
786
787        #ut-header {
788
789            width: 100% !important;
790
791            margin: 0 !important;
792
793            padding: 0 !important;
794
795            direction: rtl;
796
797            font-family:
798                "Cairo",
799                "Segoe UI",
800                Arial,
801                sans-serif;
802
803            background:
804
805                linear-gradient(
806                    135deg,
807                    #e9f5fa 0%,
808                    #f8fbfc 48%,
809                    #e5f2f7 100%
810                );
811
812            border-top:
813                3px solid #08759f;
814
815            position: relative;
816
817            z-index: 200;
818
819            box-shadow:
820                0 2px 10px
821                rgba(20,70,90,.08);
822
823        }
824
825
826        /* =================================================
827           خلفية خفيفة
828        ================================================= */
829
830        #ut-header::before {
831
832            content: "";
833
834            position: absolute;
835
836            inset: 0;
837
838            pointer-events: none;
839
840            background:
841
842                radial-gradient(
843                    circle at 10% 50%,
844                    rgba(7,117,159,.07),
845                    transparent 25%
846                ),
847
848                radial-gradient(
849                    circle at 90% 30%,
850                    rgba(7,117,159,.05),
851                    transparent 25%
852                );
853
854        }
855
856
857        /* =================================================
858           INNER
859        ================================================= */
860
861        #ut-header .ut-header-inner {
862
863            position: relative;
864
865            z-index: 2;
866
867            width: 100%;
868
869            min-height: 72px;
870
871            padding:
872                5px 28px;
873
874            display: flex;
875
876            align-items: center;
877
878            justify-content: space-between;
879
880            gap: 16px;
881
882        }
883
884
885        /* =================================================
886           BRAND
887        ================================================= */
888
889        #ut-header .ut-brand {
890
891            display: flex;
892
893            align-items: center;
894
895            gap: 12px;
896
897            min-width: 285px;
898
899        }
900
901
902        /* =================================================
903           LOGO
904        ================================================= */
905
906        #ut-header .ut-logo {
907
908            width: 57px;
909
910            height: 57px;
911
912            flex-shrink: 0;
913
914            padding: 3px;
915
916            border-radius: 50%;
917
918            background: #ffffff;
919
920            border:
921                1px solid #d2e1e7;
922
923            box-shadow:
924                0 3px 9px
925                rgba(0,0,0,.10);
926
927        }
928
929
930        #ut-header .ut-logo img {
931
932            width: 100%;
933
934            height: 100%;
935
936            display: block;
937
938            object-fit: contain;
939
940            border-radius: 50%;
941
942        }
943
944
945        /* =================================================
946           اسم الجامعة
947        ================================================= */
948
949        #ut-header .ut-university-name {
950
951            text-align: right;
952
953            line-height: 1.05;
954
955        }
956
957
958        #ut-header .ut-name-ar {
959
960            font-family:
961                "Amiri",
962                "Noto Naskh Arabic",
963                "Times New Roman",
964                serif;
965
966            font-size: 25px;
967
968            font-weight: 700;
969
970            color: #173f58;
971
972            white-space: nowrap;
973
974            margin-bottom: 4px;
975
976        }
977
978
979        #ut-header .ut-name-en {
980
981            font-family:
982                "Segoe UI",
983                Arial,
984                sans-serif;
985
986            font-size: 10px;
987
988            font-weight: 700;
989
990            letter-spacing: 1px;
991
992            color: #477086;
993
994            white-space: nowrap;
995
996        }
997
998
999        /* =================================================
1000           CENTRE
1001        ================================================= */
1002
1003        #ut-header .ut-center-info {
1004
1005            display: flex;
1006
1007            align-items: center;
1008
1009            justify-content: center;
1010
1011            gap: 9px;
1012
1013            flex: 1;
1014
1015        }
1016
1017
1018        /* =================================================
1019           التاريخ
1020        ================================================= */
1021
1022        #ut-header .ut-date {
1023
1024            display: flex;
1025
1026            align-items: center;
1027
1028            gap: 6px;
1029
1030            padding:
1031                6px 10px;
1032
1033            border-radius: 8px;
1034
1035            background:
1036                rgba(255,255,255,.78);
1037
1038            border:
1039                1px solid #d5e3e9;
1040
1041            color: #315b70;
1042
1043            font-size: 10.5px;
1044
1045            font-weight: 700;
1046
1047            white-space: nowrap;
1048
1049            box-shadow:
1050                0 2px 7px
1051                rgba(30,80,100,.05);
1052
1053        }
1054
1055
1056        /* =================================================
1057           أيقونة التاريخ
1058        ================================================= */
1059
1060        #ut-header .ut-date-icon {
1061
1062            display: flex;
1063
1064            align-items: center;
1065
1066            justify-content: center;
1067
1068            width: 23px;
1069
1070            height: 23px;
1071
1072            flex-shrink: 0;
1073
1074            border-radius: 50%;
1075
1076            background: #e1f0f6;
1077
1078            color: #08739e;
1079
1080            font-size: 13px;
1081
1082        }
1083
1084
1085        /* =================================================
1086           الساعة
1087        ================================================= */
1088
1089        #ut-header .ut-clock {
1090
1091            display: flex;
1092
1093            align-items: center;
1094
1095            justify-content: center;
1096
1097            gap: 7px;
1098
1099            min-width: 132px;
1100
1101            padding:
1102                6px 11px;
1103
1104            border-radius: 9px;
1105
1106            background:
1107
1108                linear-gradient(
1109                    135deg,
1110                    #ffffff,
1111                    #edf7fa
1112                );
1113
1114            border:
1115                1px solid #c7dce5;
1116
1117            box-shadow:
1118
1119                0 3px 11px
1120                rgba(20,80,105,.10);
1121
1122        }
1123
1124
1125        #ut-header .ut-clock-icon {
1126
1127            display: flex;
1128
1129            align-items: center;
1130
1131            justify-content: center;
1132
1133            width: 25px;
1134
1135            height: 25px;
1136
1137            flex-shrink: 0;
1138
1139            border-radius: 50%;
1140
1141            background: #0878a5;
1142
1143            color: #ffffff;
1144
1145            font-size: 10px;
1146
1147            box-shadow:
1148                0 2px 6px
1149                rgba(8,120,165,.20);
1150
1151        }
1152
1153
1154        #ut-header #ut-clock {
1155
1156            color: #173f58;
1157
1158            font-family:
1159                "Segoe UI",
1160                Arial,
1161                sans-serif;
1162
1163            font-size: 17px;
1164
1165            font-weight: 800;
1166
1167            letter-spacing: 1.2px;
1168
1169            font-variant-numeric:
1170                tabular-nums;
1171
1172        }
1173
1174
1175        /* =================================================
1176           الأدوات
1177        ================================================= */
1178
1179        #ut-header .ut-tools {
1180
1181            display: flex;
1182
1183            align-items: center;
1184
1185            justify-content: flex-end;
1186
1187            gap: 8px;
1188
1189            min-width: 285px;
1190
1191        }
1192
1193
1194        /* =================================================
1195           اللغة
1196        ================================================= */
1197
1198        #ut-header .ut-language {
1199
1200            position: relative;
1201
1202        }
1203
1204
1205        #ut-header .ut-language-button {
1206
1207            display: flex;
1208
1209            align-items: center;
1210
1211            gap: 4px;
1212
1213            padding:
1214                7px 10px;
1215
1216            border:
1217                1px solid #cbdde5;
1218
1219            border-radius: 6px;
1220
1221            background: #ffffff;
1222
1223            color: #315b70;
1224
1225            font-family: inherit;
1226
1227            font-size: 11px;
1228
1229            font-weight: 700;
1230
1231            cursor: pointer;
1232
1233        }
1234
1235
1236        #ut-header .ut-language-arrow {
1237
1238            color: #0878a5;
1239
1240        }
1241
1242
1243        /* =================================================
1244           LANGUAGE MENU
1245        ================================================= */
1246
1247        #ut-header .ut-language-menu {
1248
1249            position: absolute;
1250
1251            top:
1252                calc(100% + 7px);
1253
1254            right: 0;
1255
1256            min-width: 115px;
1257
1258            padding: 5px;
1259
1260            background: #ffffff;
1261
1262            border:
1263                1px solid #dce7ec;
1264
1265            border-radius: 7px;
1266
1267            box-shadow:
1268                0 8px 22px
1269                rgba(0,0,0,.14);
1270
1271            opacity: 0;
1272
1273            visibility: hidden;
1274
1275            transform:
1276                translateY(-5px);
1277
1278            transition: .2s ease;
1279
1280        }
1281
1282
1283        #ut-header .ut-language:hover
1284        .ut-language-menu {
1285
1286            opacity: 1;
1287
1288            visibility: visible;
1289
1290            transform:
1291                translateY(0);
1292
1293        }
1294
1295
1296        #ut-header .ut-language-menu a {
1297
1298            display: block;
1299
1300            padding: 7px 9px;
1301
1302            color: #244c62;
1303
1304            text-decoration: none;
1305
1306            font-size: 11px;
1307
1308            font-weight: 600;
1309
1310            border-radius: 4px;
1311
1312        }
1313
1314
1315        #ut-header .ut-language-menu a:hover {
1316
1317            background: #eef7fa;
1318
1319            color: #0878a5;
1320
1321        }
1322
1323
1324        /* =================================================
1325           SOCIAL
1326        ================================================= */
1327
1328        #ut-header .ut-social {
1329
1330            display: flex;
1331
1332            align-items: center;
1333
1334            gap: 5px;
1335
1336        }
1337
1338
1339        #ut-header .ut-social a {
1340
1341            display: flex;
1342
1343            align-items: center;
1344
1345            justify-content: center;
1346
1347            width: 28px;
1348
1349            height: 28px;
1350
1351            border-radius: 50%;
1352
1353            color: #ffffff;
1354
1355            text-decoration: none;
1356
1357            font-family: Arial, sans-serif;
1358
1359            font-size: 13px;
1360
1361            font-weight: 700;
1362
1363            transition:
1364                transform .25s ease,
1365                opacity .25s ease;
1366
1367        }
1368
1369
1370        #ut-header .ut-social a:hover {
1371
1372            transform:
1373                translateY(-2px);
1374
1375            opacity: .85;
1376
1377        }
1378
1379
1380        #ut-header .facebook {
1381            background: #1877f2;
1382        }
1383
1384
1385        #ut-header .youtube {
1386            background: #ff0000;
1387        }
1388
1389
1390        #ut-header .instagram {
1391
1392            background:
1393
1394                linear-gradient(
1395                    135deg,
1396                    #833ab4,
1397                    #fd1d1d,
1398                    #fcb045
1399                );
1400
1401        }
1402
1403
1404        #ut-header .telegram {
1405            background: #229ed9;
1406        }
1407
1408
1409        /* =================================================
1410           رمز الصلاة
1411        ================================================= */
1412
1413        #ut-header .ut-prayer {
1414
1415            display: flex;
1416
1417            align-items: center;
1418
1419            justify-content: center;
1420
1421            width: 31px;
1422
1423            height: 31px;
1424
1425            border-radius: 50%;
1426
1427            background: #0878a5;
1428
1429            color: #ffffff;
1430
1431            text-decoration: none;
1432
1433            font-family:
1434                "Times New Roman",
1435                serif;
1436
1437            font-size: 18px;
1438
1439            transition:
1440                transform .25s ease,
1441                background .25s ease;
1442
1443        }
1444
1445
1446        #ut-header .ut-prayer:hover {
1447
1448            background: #075f84;
1449
1450            color: #ffffff;
1451
1452            transform:
1453                translateY(-2px);
1454
1455        }
1456
1457
1458        /* =================================================
1459           الفاصل المميز مع القائمة الرئيسية
1460        ================================================= */
1461
1462        .ut-header-menu-divider {
1463
1464            position: relative;
1465
1466            width: 100%;
1467
1468            height: 5px;
1469
1470            background: #ffffff;
1471
1472            z-index: 250;
1473
1474        }
1475
1476
1477        .ut-header-menu-divider::before {
1478
1479            content: "";
1480
1481            position: absolute;
1482
1483            left: 0;
1484
1485            right: 0;
1486
1487            top: 2px;
1488
1489            height: 1px;
1490
1491            background:
1492                linear-gradient(
1493                    90deg,
1494                    transparent,
1495                    #0b789f 18%,
1496                    #0b789f 82%,
1497                    transparent
1498                );
1499
1500        }
1501
1502
1503        .ut-header-menu-divider span {
1504
1505            position: absolute;
1506
1507            left: 50%;
1508
1509            top: 0;
1510
1511            transform:
1512                translateX(-50%);
1513
1514            width: 90px;
1515
1516            height: 4px;
1517
1518            border-radius:
1519                0 0 5px 5px;
1520
1521            background:
1522                linear-gradient(
1523                    90deg,
1524                    #b38a35,
1525                    #e0c26b,
1526                    #b38a35
1527                );
1528
1529            box-shadow:
1530                0 2px 5px
1531                rgba(0,0,0,.16);
1532
1533        }
1534
1535
1536        /* =================================================
1537           TABLET
1538        ================================================= */
1539
1540        @media (max-width: 1150px) {
1541
1542            #ut-header .ut-header-inner {
1543
1544                padding:
1545                    5px 18px;
1546
1547                gap: 10px;
1548
1549            }
1550
1551            #ut-header .ut-brand {
1552
1553                min-width: 250px;
1554
1555            }
1556
1557            #ut-header .ut-name-ar {
1558
1559                font-size: 23px;
1560
1561            }
1562
1563            #ut-header .ut-tools {
1564
1565                min-width: auto;
1566
1567            }
1568
1569        }
1570
1571
1572        /* =================================================
1573           MOBILE
1574        ================================================= */
1575
1576        @media (max-width: 800px) {
1577
1578            #ut-header .ut-header-inner {
1579
1580                flex-wrap: wrap;
1581
1582                justify-content: center;
1583
1584                padding:
1585                    9px 12px;
1586
1587            }
1588
1589            #ut-header .ut-brand {
1590
1591                width: 100%;
1592
1593                justify-content: center;
1594
1595                min-width: 0;
1596
1597            }
1598
1599            #ut-header .ut-center-info {
1600
1601                width: 100%;
1602
1603                flex: none;
1604
1605            }
1606
1607            #ut-header .ut-tools {
1608
1609                width: 100%;
1610
1611                justify-content: center;
1612
1613            }
1614
1615        }
1616
1617
1618        @media (max-width: 500px) {
1619
1620            #ut-header .ut-logo {
1621
1622                width: 52px;
1623
1624                height: 52px;
1625
1626            }
1627
1628            #ut-header .ut-name-ar {
1629
1630                font-size: 21px;
1631
1632            }
1633
1634            #ut-header .ut-name-en {
1635
1636                font-size: 9px;
1637
1638            }
1639
1640            #ut-header .ut-date {
1641
1642                padding:
1643                    5px 7px;
1644
1645                font-size: 9px;
1646
1647            }
1648
1649            #ut-header .ut-date-icon {
1650
1651                display: none;
1652
1653            }
1654
1655            #ut-header .ut-clock {
1656
1657                min-width: 115px;
1658
1659            }
1660
1661            #ut-header #ut-clock {
1662
1663                font-size: 15px;
1664
1665            }
1666
1667        }
1668
1669        </style>
1670
1671
1672        
1672<script>
1673
1674        document.addEventListener(
1675            'DOMContentLoaded',
1676            function () {
1677
1678                function updateUTDateTime() {
1679
1680                    const now = new Date();
1681
1682
1683                    /* =================================
1684                       التاريخ الميلادي
1685                    ================================= */
1686
1687                    const gregorian =
1688                        now.toLocaleDateString(
1689                            'ar-DZ',
1690                            {
1691                                weekday: 'long',
1692                                year: 'numeric',
1693                                month: 'long',
1694                                day: 'numeric'
1695                            }
1696                        );
1697
1698
1699                    const gregorianElement =
1700                        document.getElementById(
1701                            'ut-gregorian-date'
1702                        );
1703
1704
1705                    if (gregorianElement) {
1706
1707                        gregorianElement.textContent =
1708                            gregorian;
1709
1710                    }
1711
1712
1713                    /* =================================
1714                       التاريخ الهجري
1715                       أرقام لاتينية
1716                    ================================= */
1717
1718                    let hijri = '';
1719
1720
1721                    try {
1722
1723                        hijri =
1724                            new Intl.DateTimeFormat(
1725                                'ar-SA-u-ca-islamic-nu-latn',
1726                                {
1727                                    year: 'numeric',
1728                                    month: 'long',
1729                                    day: 'numeric'
1730                                }
1731                            ).format(now);
1732
1733                    } catch (error) {
1734
1735                        hijri = '';
1736
1737                    }
1738
1739
1740                    const hijriElement =
1741                        document.getElementById(
1742                            'ut-hijri-date'
1743                        );
1744
1745
1746                    if (hijriElement) {
1747
1748                        hijriElement.textContent =
1749                            hijri;
1750
1751                    }
1752
1753
1754                    /* =================================
1755                       الساعة
1756                    ================================= */
1757
1758                    const time =
1759                        now.toLocaleTimeString(
1760                            'fr-FR',
1761                            {
1762                                hour: '2-digit',
1763                                minute: '2-digit',
1764                                second: '2-digit'
1765                            }
1766                        );
1767
1768
1769                    const clockElement =
1770                        document.getElementById(
1771                            'ut-clock'
1772                        );
1773
1774
1775                    if (clockElement) {
1776
1777                        clockElement.textContent =
1778                            time;
1779
1780                    }
1781
1782                }
1783
1784
1785                updateUTDateTime();
1786
1787
1788                setInterval(
1789                    updateUTDateTime,
1790                    1000
1791                );
1792
1793            }
1794        );
1795
1796        </script>
1796
1797
1798        
1799        <nav
1800            id="ut-main-menu"
1801            class="ut-main-menu"
1802            aria-label="القائمة الرئيسية"
1803            dir="rtl"
1804        >
1805
1806            <div class="ut-navigation">
1807
1808                
1809                    
1810                    <div
1811                        class="ut-menu-item"
1812                                            >
1813
1814                        <a
1815                            href="https://univ-tindouf.dz/acceuil_site_univ/"
1816                            class="ut-menu-link"
1817                        >
1818                            <span>
1819                                الرئيسية                            </span>
1820
1821                                                    </a>
1822
1823                        
1824                    </div>
1825
1826                
1827                    
1828                    <div
1829                        class="ut-menu-item active has-submenu"
1830                                                    data-ut-mega="1"
1831                                            >
1832
1833                        <a
1834                            href="#"
1835                            class="ut-menu-link"
1836                        >
1837                            <span>
1838                                الجامعة                            </span>
1839
1840                                                            <span class="ut-submenu-caret" aria-hidden="true">▾</span>
1841                                                    </a>
1842
1843                        
1844                            
1845                            <div class="ut-mega-menu">
1846
1847                                <div class="ut-mega-grid">
1848
1849                                    
1850                                        <section class="ut-mega-column">
1851
1852                                            <h3 class="ut-mega-title">
1853                                                تقديم الجامعة                                            </h3>
1854
1855                                            <div class="ut-mega-links">
1856
1857                                                
1858                                                    
1859                                                        
1860                                                        <a
1861                                                            href="https://univ-tindouf.dz/presentation-universite-tindouf/"
1862                                                            class="ut-mega-link active"
1863                                                        >
1864                                                            نبذة عن الجامعة                                                        </a>
1865
1866                                                    
1867                                                        
1868                                                        <a
1869                                                            href="https://univ-tindouf.dz/structure-organisationnelle-universite/"
1870                                                            class="ut-mega-link "
1871                                                        >
1872                                                            الهيكل التنظيمي للجامعة                                                        </a>
1873
1874                                                    
1875                                                        
1876                                                        <a
1877                                                            href="https://univ-tindouf.dz/universite-en-chiffres/"
1878                                                            class="ut-mega-link "
1879                                                        >
1880                                                            الجامعة في أرقام                                                        </a>
1881
1882                                                    
1883                                                
1884                                            </div>
1885
1886                                        </section>
1887
1888                                    
1889                                        <section class="ut-mega-column">
1890
1891                                            <h3 class="ut-mega-title">
1892                                                مديرية الجامعة                                            </h3>
1893
1894                                            <div class="ut-mega-links">
1895
1896                                                
1897                                                    
1898                                                        
1899                                                        <a
1900                                                            href="https://univ-tindouf.dz/recteur-universite/"
1901                                                            class="ut-mega-link "
1902                                                        >
1903                                                            مدير الجامعة                                                        </a>
1904
1905                                                    
1906                                                        
1907                                                        <a
1908                                                            href="https://univ-tindouf.dz/sous-direcction-pedagogie/"
1909                                                            class="ut-mega-link "
1910                                                        >
1911                                                            ن.م الجامعة للتكوين في الطورين الأول و الثاني ، التكوين المتواصل و الشهادات                                                        </a>
1912
1913                                                    
1914                                                        
1915                                                        <a
1916                                                            href="#"
1917                                                            class="ut-mega-link "
1918                                                        >
1919                                                            ن.م الجامعة للتكوين العالي في الطور الثالث و التأهيل الجامعي، البحث العلمي و التكوين فيما بعد التدرج                                                        </a>
1920
1921                                                    
1922                                                        
1923                                                        <a
1924                                                            href="#"
1925                                                            class="ut-mega-link "
1926                                                        >
1927                                                            ن.م الجامعة للعلاقات الخارجية و التعاون ، التنشيط و التظاهرات العلمية                                                        </a>
1928
1929                                                    
1930                                                        
1931                                                        <a
1932                                                            href="#"
1933                                                            class="ut-mega-link "
1934                                                        >
1935                                                            ن.م الجامعة للتخطيط و التنمية و الاستشراف                                                        </a>
1936
1937                                                    
1938                                                
1939                                            </div>
1940
1941                                        </section>
1942
1943                                    
1944                                        <section class="ut-mega-column">
1945
1946                                            <h3 class="ut-mega-title">
1947                                                الأمانة العامة                                            </h3>
1948
1949                                            <div class="ut-mega-links">
1950
1951                                                
1952                                                    
1953                                                        
1954                                                        <a
1955                                                            href="https://univ-tindouf.dz/bureau-secretaire-general/"
1956                                                            class="ut-mega-link "
1957                                                        >
1958                                                            مكتب الأمين العام                                                        </a>
1959
1960                                                    
1961                                                        
1962                                                        <a
1963                                                            href="https://univ-tindouf.dz/sous-direction-finances-budget/"
1964                                                            class="ut-mega-link "
1965                                                        >
1966                                                            المديرية الفرعية المالية و الميزانية                                                        </a>
1967
1968                                                    
1969                                                        
1970                                                        <a
1971                                                            href="https://univ-tindouf.dz/sous-direction-
1971personnels-formation/"
1972                                                            class="ut-mega-link "
1973                                                        >
1974                                                            المديرية الفرعية للمستخدمين و التكوين                                                        </a>
1975
1976                                                    
1977                                                        
1978                                                        <a
1979                                                            href="https://univ-tindouf.dz/sous-direction-moyens-maintenance/"
1980                                                            class="ut-mega-link "
1981                                                        >
1982                                                            المديرية الفرعية للوسائل و الصيانة                                                        </a>
1983
1984                                                    
1985                                                        
1986                                                        <a
1987                                                            href="https://univ-tindouf.dz/sous-direction-activites-culturelles-sportives/"
1988                                                            class="ut-mega-link "
1989                                                        >
1990                                                            المديرية الفرعية للأنشطة الثقافية و الرياضية                                                        </a>
1991
1992                                                    
1993                                                
1994                                            </div>
1995
1996                                        </section>
1997
1998                                    
1999                                        <section class="ut-mega-column">
2000
2001                                            <h3 class="ut-mega-title">
2002                                                المصالح المشتركة                                            </h3>
2003
2004                                            <div class="ut-mega-links">
2005
2006                                                
2007                                                    
2008                                                        
2009                                                        <a
2010                                                            href="https://univ-tindouf.dz/centre-reseaux-systemes-information-communication/"
2011                                                            class="ut-mega-link "
2012                                                        >
2013                                                            مركز الشبكات و أنظمة الإعلام و الاتصال                                                        </a>
2014
2015                                                    
2016                                                        
2017                                                        <a
2018                                                            href="https://univ-tindouf.dz/centre-enseignement-intensif-langues/"
2019                                                            class="ut-mega-link "
2020                                                        >
2021                                                            مركز التعليم المكثف للغات                                                        </a>
2022
2023                                                    
2024                                                        
2025                                                        <a
2026                                                            href="https://univ-tindouf.dz/centre-medico-audiovisuel/"
2027                                                            class="ut-mega-link "
2028                                                        >
2029                                                            مركز الطب و السمعي البصري                                                        </a>
2030
2031                                                    
2032                                                        
2033                                                        <a
2034                                                            href="https://univ-tindouf.dz/securite-universitaire/"
2035                                                            class="ut-mega-link "
2036                                                        >
2037                                                            الأمن الجامعي                                                        </a>
2038
2039                                                    
2040                                                
2041                                            </div>
2042
2043                                        </section>
2044
2045                                    
2046                                        <section class="ut-mega-column">
2047
2048                                            <h3 class="ut-mega-title">
2049                                                واجهات الجامعة                                            </h3>
2050
2051                                            <div class="ut-mega-links">
2052
2053                                                
2054                                                    
2055                                                        
2056                                                        <a
2057                                                            href="https://univ-tindouf.dz/incubateur-universitaire/"
2058                                                            class="ut-mega-link "
2059                                                        >
2060                                                            حاضنة الأعمال الجامعية                                                        </a>
2061
2062                                                    
2063                                                        
2064                                                        <a
2065                                                            href="https://univ-tindouf.dz/maison-intelligence-artificielle/"
2066                                                            class="ut-mega-link "
2067                                                        >
2068                                                            دار الذكاء الاصطناعي                                                        </a>
2069
2070                                                    
2071                                                        
2072                                                        <a
2073                                                            href="https://univ-tindouf.dz/centre-appui-technologie-innovation/"
2074                                                            class="ut-mega-link "
2075                                                        >
2076                                                            مركز دعم التكنولوجيا والابتكار                                                        </a>
2077
2078                                                    
2079                                                        
2080                                                        <a
2081                                                            href="https://univ-tindouf.dz/centre-developpement-entrepreneuriat/"
2082                                                            class="ut-mega-link "
2083                                                        >
2084                                                            مركز تطوير المقاولاتية                                                        </a>
2085
2086                                                    
2087                                                        
2088                                                        <a
2089                                                            href="https://univ-tindouf.dz/bureau-liaison-universite-entreprises/"
2090                                                            class="ut-mega-link "
2091                                                        >
2092                                                            مكتب الربط بين الجامعة والمؤسسات الاقتصادية                                                        </a>
2093
2094                                                    
2095                                                
2096                                            </div>
2097
2098                                        </section>
2099
2100                                    
2101                                        <section class="ut-mega-column">
2102
2103                                            <h3 class="ut-mega-title">
2104                                                مراكز و خلايا الجامعة                                            </h3>
2105
2106                                            <div class="ut-mega-links">
2107
2108                                                
2109                                                    
2110                                                        
2111                                                        <a
2112                                                            href="#"
2113                                                            class="ut-mega-link "
2114                                                        >
2115                                                            مجالس الجامعة                                                        </a>
2116
2117                                                    
2118                                                        
2119                                                        <a
2120                                                            href="https://univ-tindouf.dz/centre-technologies-modernes-information-communication/"
2121                                                            class="ut-mega-link "
2122                                                        >
2123                                                            مركز التكنولوجيات الحديثة للإعلام والاتصال في المجالين البيداغوجي والبحثي                                                        </a>
2124
2125                                                    
2126                                                        
2127                                                        <a
2128                                                            href="https://univ-tindouf.dz/bureau-strategie-numerique/"
2129                                                            class="ut-mega-link "
2130                                                        >
2131                                                            مكتب استراتيجية الرقمنة                                                        </a>
2132
2133                                                    
2134                                                        
2135                                                        <a
2136                                                            href="https://univ-tindouf.dz/cellule-veille-pedagogique-accompagnement-enseignants/"
2137                                                            class="ut-mega-link "
2138                                                        >
2139                                                            خلية اليقظة البيداغوجية ومرافقة الأساتذة                                                        </a>
2140
2141                                                    
2142                                                        
2143                                                        <a
2144                                                            href="https://univ-tindouf.dz/centre-aide-psychologique/"
2145                                                            class="ut-mega-link "
2146                                                        >
2147                                                            مركز المساعدة النفسية                                                        </a>
2148
2149                                                    
2150                                                        
2151                                                        <a
2152                                                            href="https://univ-tindouf.dz/commission-locale-enseignement-distance/"
2153                                                            class="ut-mega-link "
2154                                                        >
2155                                                            اللجنة المحلية للتعليم عن بعد                                                        </a>
2156
2157                                                    
2158                                                        
2159                                                        <a
2160                                                            href="https://univ-tindouf.dz/cellule-assurance-qualite/"
2161                                                            class="ut-mega-link "
2162                                                        >
2163                                                            خلية ضمان الجودة                                                        </a>
2164
2165                                                    
2166                                                        
2167                                                        <a
2168                                                            href="https://univ-tindouf.dz/cellule-suivi-formation-anglais/"
2169                                                            class="ut-mega-link "
2170                                                        >
2171                                                            خلية متابعة التكوين في اللغة الإنجليزية                                                        </a>
2172
2173                                                    
2174                                                
2175                                            </div>
2176
2177                                        </section>
2178
2179                                    
2180                                        <section class="ut-mega-column">
2181
2182                                            <h3 class="ut-mega-title">
2183                                                لجان الجامعة                                            </h3>
2184
2185                                            <div class="ut-mega-links">
2186
2187                                                
2188                                                    
2189                                                        
2190                                                        <a
2191                                                            href="#"
2192                                                            class="ut-mega-link "
2193                                                        >
2194                                                            اللجنة المتساوية الاعضاء                                                        </a>
2195
2196                                                    
2197                                                        
2198                                                        <a
2199                                                            href="#"
2200                                                            class="ut-mega-link "
2201                                                        >
2202                                                            لجنة الخدمت الاجتماعية                                                        </a>
2203
2204                                                    
2205                                                        
2206                                                        <a
2207                                                            href="#"
2208                                                            class="ut-mega-link "
2209                                                        >
2210                                                            لجنة السكن                                                        </a>
2211
2212                                                    
2213                                                
2214                                            </div>
2215
2216                                        </section>
2217
2218                         
2218           
2219                                </div>
2220
2221                            </div>
2222
2223                        
2224                    </div>
2225
2226                
2227                    
2228                    <div
2229                        class="ut-menu-item has-submenu"
2230                                            >
2231
2232                        <a
2233                            href="#"
2234                            class="ut-menu-link"
2235                        >
2236                            <span>
2237                                التكوين                            </span>
2238
2239                                                            <span class="ut-submenu-caret" aria-hidden="true">▾</span>
2240                                                    </a>
2241
2242                        
2243                            <div class="ut-submenu">
2244
2245                                
2246                                    
2247                                    
2248                                    
2249                                    
2250                                    
2251                                    
2252                                    
2253                                    
2254                                    
2255                                    
2256                                    
2257                                    
2258                                    
2259                                    
2260                                    
2261                                    
2262                                    
2263                                    
2264                                    <a
2265                                        href="https://univ-tindouf.dz/offre-de-formation"
2266                                        class="ut-submenu-item "
2267                                    >
2268                                        <span>
2269                                            عروض التكوين                                        </span>
2270                                    </a>
2271
2272                                
2273                                    
2274                                    <a
2275                                        href="#"
2276                                        class="ut-submenu-item "
2277                                    >
2278                                        <span>
2279                                            نظام LMD                                        </span>
2280                                    </a>
2281
2282                                
2283                                    
2284                                    <a
2285                                        href="#"
2286                                        class="ut-submenu-item "
2287                                    >
2288                                        <span>
2289                                            نصوص تنظيمية                                        </span>
2290                                    </a>
2291
2292                                
2293                                    
2294                                    
2295                                    
2296                                    
2297                                    
2298                                    
2299                                    <a
2300                                        href="#"
2301                                        class="ut-submenu-item "
2302                                    >
2303                                        <span>
2304                                            التعليم الإلكتروني                                        </span>
2305                                    </a>
2306
2307                                
2308                                    
2309                                    
2310                                    <a
2311                                        href="#"
2312                                        class="ut-submenu-item "
2313                                    >
2314                                        <span>
2315                                            بوابة الطالب                                        </span>
2316                                    </a>
2317
2318                                
2319                                    
2320                                    
2321                                    
2322                                    
2323                                    
2324                                    
2325                                    
2326                                    
2327                                    
2328                                    
2329                                    
2330                                    
2331                                    
2332                                    
2333                                    
2334                                    
2335                                    
2336                                    
2337                                    
2338                                    
2339                            </div>
2340
2341                        
2342                    </div>
2343
2344                
2345                    
2346                    
2347                    
2348                    <div
2349                        class="ut-menu-item has-submenu"
2350                                            >
2351
2352                        <a
2353                            href="#"
2354                            class="ut-menu-link"
2355                        >
2356                            <span>
2357                                البحث العلمي                            </span>
2358
2359                                                            <span class="ut-submenu-caret" aria-hidden="true">▾</span>
2360                                                    </a>
2361
2362                        
2363                            <div class="ut-submenu">
2364
2365                                
2366                                    
2367                                    
2368                                    
2369                                    
2370                                    
2371                                    <a
2372                                        href="#"
2373                                        class="ut-submenu-item "
2374                                    >
2375                                        <span>
2376                                            المكتبة المركزية                                        </span>
2377                                    </a>
2378
2379                                
2380                                    
2381                                    
2382                                    
2383                                    
2384                                    
2385                                    
2386                                    
2387                                    
2388                                    
2389                                    
2390                                    
2391                                    
2392                                    
2393                                    
2394                                    
2395                                    
2396                                    
2397                                    
2398                                    
2399                                    
2400                                    
2401                                    
2402                                    
2403                                    
2404                                    
2405                                    
2406                                    
2407                                    
2408                                    
2409                                    
2410                                    
2411                                    
2412                                    
2413                                    
2414                                    
2415                                    
2416                                    
2417                                    
2418                                    
2419                                    
2420                                    
2421                                    
2422                                    
2423                            </div>
2424
2425                        
2426                    </div>
2427
2428                
2429                    
2430                    
2431                    <div
2432                        class="ut-menu-item"
2433                                            >
2434
2435                        <a
2436                            href="#"
2437                            class="ut-menu-link"
2438                        >
2439                            <span>
2440                                التعاون و العلاقات الخارجية                            </span>
2441
2442                                                    </a>
2443
2444                        
2445                    </div>
2446
2447                
2448                    
2449                    
2450                    <div
2451                        class="ut-menu-item has-submenu"
2452                                            >
2453
2454                        <a
2455                            href="#"
2456                            class="ut-menu-link"
2457                        >
2458                            <span>
2459                                الجياة الجامعية                            </span>
2460
2461                                                            <span class="ut-submenu-caret" aria-hidden="true">▾</span>
2462                                                    </a>
2463
2464                        
2465                            <div class="ut-submenu">
2466
2467                                
2468                                    
2469                                    
2470                                    
2471                                    
2472                                    
2473                                    
2474                                    
2475                                    
2476                                    
2477                                    
2478                                    
2479                                    <a
2480                                        href="#"
2481                                        class="ut-submenu-item "
2482                                    >
2483                                        <span>
2484                                            الشركاء الاجتماعيين                                        </span>
2485                                    </a>
2486
2487                                
2488                                    
2489                                    
2490                                    
2491                                    
2492                                    
2493                                    
2494                                    
2495                                    
2496                                    
2497                                    
2498                                    
2499                                    
2500                                    
2501                                    
2502                                    
2503                                    
2504                                    
2505                                    
2506                                    
2507                                    
2508                                    
2509                                    
2510                                    
2511                                    
2512                                    
2513                                    
2514                                    
2515                                    
2516                                    
2517                                    
2518                                    
2519                                    
2520                                    
2521                                    
2522                                    
2523                                    
2524                                    
2525                            </div>
2526
2527                        
2528                    </div>
2529
2530                
2531                    
2532                    
2533                    
2534                    <div
2535                        class="ut-menu-item"
2536                                            >
2537
2538                        <a
2539                            href="#"
2540                            class="ut-menu-link"
2541                        >
2542                            <span>
2543                                واجهات الدعم                            </span>
2544
2545                                                    </a>
2546
2547                        
2548                    </div>
2549
2550                
2551                    
2552                    
2553                    
2554                    
2555                    <div
2556                        class="ut-menu-item"
2557                                            >
2558
2559                        <a
2560                            href="#"
2561                            class="ut-menu-link"
2562                        >
2563                            <span>
2564                                قرارات ونصوص تنظيمية                            </span>
2565
2566                                                    </a>
2567
2568                        
2569                    </div>
2570
2571                
2572                    
2573                    
2574                    
2575                    
2576                    
2577                    
2578                    
2579                    
2580                    
2581                    
2582                    
2583                    
2584                    
2585                    
2586                    
2587                    
2588                    
2589                    
2590                    
2591                    
2592                    
2593                    
2594                    
2595                    
2596                    
2597                    
2598                    
2599                    
2600                    
2601                    
2602                    
2603            </div>
2604
2605        </nav>
2606
2607        <style>
2608
2609        #ut-main-menu {
2610            width: 100% !important;
2611            margin: 0 !important;
2612            padding: 0 !important;
2613            background: #ffffff;
2614            border-bottom: 1px solid #e1e6ea;
2615            direction: rtl;
2616            position: relative;
2617            z-index: 1000;
2618            font-family: "Cairo", "Segoe UI", Arial, sans-serif;
2619        }
2620
2621        #ut-main-menu .ut-navigation {
2622            width: 100%;
2623            min-height: 66px;
2624            display: flex;
2625            align-items: stretch;
2626            justify-content: center;
2627            margin: 0;
2628            padding: 0;
2629            overflow: visible !important;
2630            scrollbar-width: none;
2631        }
2632
2633        #ut-main-menu .ut-navigation::-webkit-scrollbar {
2634            display: none;
2635        }
2636
2637        #ut-main-menu .ut-menu-item {
2638            position: relative;
2639            display: flex;
2640            align-items: stretch;
2641            justify-content: center;
2642            min-height: 66px;
2643            flex: 0 0 auto;
2644        }
2645
2646        #ut-main-menu .ut-menu-link {
2647            position: relative;
2648            display: flex;
2649            align-items: center;
2650            justify-content: center;
2651            gap: 6px;
2652            min-height: 66px;
2653            padding: 0 20px;
2654            color: #173b57;
2655            background: #ffffff;
2656            text-decoration: none;
2657            white-space: nowrap;
2658            font-family: "Cairo", "Segoe UI", Arial, sans-serif;
2659            font-size: 15px;
2660            font-weight: 700;
2661            line-height: 1.4;
2662            transition: color .25s ease, background .25s ease;
2663        }
2664
2665        #ut-main-menu .ut-menu-link:hover {
2666            color: #0a638e;
2667            background: #f5f8fa;
2668        }
2669
2670        #ut-main-menu .ut-menu-link::after {
2671            content: "";
2672            position: absolute;
2673            bottom: 0;
2674            left: 20%;
2675            width: 60%;
2676            height: 3px;
2677            border-radius: 4px 4px 0 0;
2678            background: #c9a34e;
2679            transform: scaleX(0);
2680            transform-origin: center;
2681            transition: transform .3s ease;
2682        }
2683
2684        #ut-main-menu .ut-menu-link:hover::after {
2685            transform: scaleX(1);
2686        }
2687
2688        #ut-main-menu .ut-menu-item.active > .ut-menu-link {
2689            color: #ffffff;
2690            background: linear-gradient(135deg, #123b5d, #17658a);
2691            font-weight: 800;
2692        }
2693
2694        #ut-main-menu .ut-menu-item.active > .ut-menu-link::after {
2695            transform: scaleX(1);
2696            background: #d7b45c;
2697        }
2698
2699        #ut-main-menu .ut-submenu-caret {
2700            font-size: 13px;
2701            line-height: 1;
2702            color: #c49b38;
2703            transform: translateY(-1px);
2704            transition: transform .2s ease;
2705        }
2706
2707        #ut-main-menu .ut-menu-item:hover .ut-submenu-caret,
2708        #ut-main-menu .ut-menu-item:focus-within .ut-submenu-caret {
2709            transform: translateY(-1px) rotate(180deg);
2710        }
2711
2712        /* =========================================================
2713           القوائم العادية
2714        ========================================================= */
2715        #ut-main-menu .ut-submenu {
2716            position: absolute;
2717            top: calc(100% - 1px);
2718            right: 50%;
2719            min-width: 235px;
2720            padding: 8px;
2721            background: #ffffff;
2722            border: 1px solid #dce6ed;
2723            border-radius: 0 0 12px 12px;
2724            box-shadow: 0 15px 35px rgba(18,59,93,.15);
2725            opacity: 0;
2726            visibility: hidden;
2727            pointer-events: none;
2728            transform: translate(50%, -8px);
2729            transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
2730            z-index: 2000;
2731        }
2732
2733        #ut-main-menu .ut-menu-item:hover > .ut-submenu,
2734        #ut-main-menu .ut-menu-item:focus-within > .ut-submenu {
2735            opacity: 1;
2736            visibility: visible;
2737            pointer-events: auto;
2738            transform: translate(50%, 0);
2739        }
2740
2741        #ut-main-menu .ut-submenu-item {
2742            display: flex;
2743            align-items: center;
2744            justify-content: flex-start;
2745            min-height: 46px;
2746            padding: 9px 14px;
2747            border-radius: 9px;
2748            color: #173b57;
2749            background: #ffffff;
2750            text-decoration: none;
2751            font-size: 14px;
2752            font-weight: 700;
2753            line-height: 1.5;
2754            transition: color .2s ease, background .2s ease, padding-right .2s ease;
2755        }
2756
2757        #ut-main-menu .ut-submenu-item:hover {
2758            color: #0a638e;
2759            background: linear-gradient(90deg, #f4f8fb, #eef5f9);
2760            padding-right: 18px;
2761        }
2762
2763        #ut-main-menu .ut-submenu-item.active {
2764            color: #0e668f;
2765            background: #edf5f9;
2766            font-weight: 800;
2767        }
2768
2769        /* =========================================================
2770           MEGA MENU — الجامعة
2771        ========================================================= */
2772        #ut-main-menu .ut-menu-item[data-ut-mega] > .ut-mega-menu {
2773            position: absolute;
2774            top: calc(100% - 1px);
2775            left: calc(50% - 50vw + 20px);
2776            width: calc(100vw - 40px);
2777            max-width: 1500px;
2778            padding: 22px 24px 26px;
2779            background: #ffffff;
2780            border: 1px solid #d8e1e8;
2781            border-top: 4px solid #0b5f8a;
2782            border-radius: 0 0 14px 14px;
2783            box-shadow: 0 18px 45px rgba(11,63,92,.20), 0 0 0 1px rgba(11,95,138,.08);
2784            opacity: 0;
2785            visibility: hidden;
2786            pointer-events: none;
2787            transform: translateY(-10px);
2788            transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
2789            z-index: 5000;
2790        }
2791
2792        #ut-main-menu .ut-menu-item[data-ut-mega]:hover > .ut-mega-menu,
2793        #ut-main-menu .ut-menu-item[data-ut-mega]:focus-within > .ut-mega-menu {
2794            opacity: 1;
2795            visibility: visible;
2796            pointer-events: auto;
2797            transform: translateY(0);
2798        }
2799
2800        #ut-main-menu .ut-mega-grid {
2801            display: grid;
2802            grid-template-columns: repeat(3, minmax(0, 1fr));
2803            column-gap: 30px;
2804            row-gap: 34px;
2805            width: 100%;
2806        }
2807
2808        #ut-main-menu .ut-mega-column {
2809            min-width: 0;
2810            padding: 0 18px 10px;
2811        }
2812
2813        #ut-main-menu .ut-mega-title {
2814            position: relative;
2815            margin: 0 0 32px;
2816            padding: 0 28px 12px 0;
2817            color: #173b57;
2818            font-family: "Cairo", "Segoe UI", Arial, sans-serif;
2819            font-size: 22px;
2820            font-weight: 900;
2821            line-height: 1.35;
2822            text-align: right;
2823            border-bottom: 4px solid #1d6f99;
2824        }
2825
2826        #ut-main-menu .ut-mega-title::after {
2827            content: "";
2828            position: absolute;
2829            right: 14px;
2830            bottom: -4px;
2831            width: 48px;
2832            height: 7px;
2833            border-radius: 999px;
2834            background: linear-gradient(90deg, #0b5f8a, #4a9bbb);
2835            box-shadow: 0 2px 6px rgba(11,95,138,.16);
2836        }
2837
2838        #ut-main-menu .ut-mega-title::before {
2839            content: "";
2840            position: absolute;
2841            right: 0;
2842            top: 0;
2843            width: 6px;
2844            height: 30px;
2845            border-radius: 0 4px 4px 0;
2846            background: linear-gradient(180deg, #0b5f8a, #2f87ad);
2847        }
2848
2849        #ut-main-menu .ut-mega-links {
2850            display: flex;
2851            flex-direction: column;
2852            gap: 10px;
2853        }
2854
2855        #ut-main-menu .ut-mega-link {
2856            display: block;
2857            padding: 4px 12px 4px 0;
2858            color: #777777;
2859            background: transparent;
2860            text-decoration: none;
2861            font-family: "Cairo", "Segoe UI", Arial, sans-serif;
2862            font-size: 14px;
2863            font-weight: 600;
2864            line-height: 1.85;
2865            transition: color .18s ease, transform .18s ease;
2866        }
2867
2868        #ut-main-menu .ut-mega-link:hover {
2869            color: #0b638d;
2870            transform: translateX(-4px);
2871        }
2872
2873        #ut-main-menu .ut-mega-link.active {
2874            color: #0b638d;
2875            font-weight: 800;
2876        }
2877
2878        #ut-main-menu .ut-mega-empty {
2879            padding: 4px 12px 4px 0;
2880            color: #b7c0c7;
2881            font-family: "Cairo", "Segoe UI", Arial, sans-serif;
2882            font-size: 13px;
2883            font-weight: 600;
2884            line-height: 1.85;
2885        }
2886
2887        @media (max-width: 1250px) {
2888            #ut-main-menu .ut-menu-link {
2889                padding: 0 15px;
2890                font-size: 14px;
2891            }
2892
2893            #ut-main-menu .ut-mega-grid {
2894                column-gap: 20px;
2895            }
2896
2897            #ut-main-menu .ut-mega-column {
2898                padding: 0 10px 4px;
2899            }
2900
2901            #ut-main-menu .ut-mega-title {
2902                font-size: 19px;
2903            }
2904
2905            #ut-main-menu .ut-mega-link {
2906                font-size: 12.5px;
2907            }
2908        }
2909
2910        @media (max-width: 900px) {
2911            #ut-main-menu .ut-menu-item[data-ut-mega] > .ut-mega-menu {
2912                left: 10px;
2913                width: calc(100vw - 20px);
2914                max-height: 75vh;
2915                overflow-y: auto;
2916                padding: 18px 14px 22px;
2917            }
2918
2919            #ut-main-menu .ut-mega-grid {
2920                grid-template-columns: repeat(2, minmax(0, 1fr));
2921                row-gap: 26px;
2922            }
2923        }
2924
2925        @media (max-width: 700px) {
2926            #ut-main-menu .ut-navigation {
2927                justify-content: flex-start;
2928                overflow: visible !important;
2929            }
2930
2931            #ut-main-menu .ut-menu-link {
2932                min-height: 60px;
2933                padding: 0 14px;
2934                font-size: 14px;
2935            }
2936
2937            #ut-main-menu .ut-menu-item {
2938                min-height: 60px;
2939            }
2940
2941            #ut-main-menu .ut-submenu {
2942                right: 0;
2943                min-width: 215px;
2944                transform: translateY(-8px);
2945            }
2946
2947            #ut-main-menu .ut-menu-item:hover > .ut-submenu,
2948            #ut-main-menu .ut-menu-item:focus-within > .ut-submenu {
2949                transform: translateY(0);
2950            }
2951
2952            #ut-main-menu .ut-menu-item[data-ut-mega] > .ut-mega-menu {
2953                left: 6px;
2954                width: calc(100vw - 12px);
2955                max-height: 76vh;
2956            }
2957
2958            #ut-main-menu .ut-mega-grid {
2959                grid-template-columns: 1fr;
2960            }
2961
2962            #ut-main-menu .ut-mega-title {
2963                font-size: 18px;
2964            }
2965
2966            #ut-main-menu .ut-mega-link {
2967                font-size: 13px;
2968            }
2969        }
2970
2971        </style>
2972
2973            <style id="ut-important-links-style">
2974        #ut-important-links,
2975        #ut-important-links *{box-sizing:border-box}
2976
2977        #ut-important-links{
2978            position:relative;
2979            width:100%;
2980            margin:7px 0 8px;
2981            padding:8px 18px 9px;
2982            background:
2983                radial-gradient(circle at 14% 50%,rgba(255,255,255,.08),transparent 24%),
2984                radial-gradient(circle at 86% 50%,rgba(255,214,94,.08),transparent 20%),
2985                linear-gradient(110deg,#000000 0%,#000000 52%,#000000 100%);
2986            border-top:1px solid rgba(255,255,255,.18);
2987            border-bottom:1px solid rgba(0,29,49,.25);
2988            box-shadow:0 4px 13px rgba(0,33,55,.10);
2989            overflow:hidden;
2990            z-index:40;
2991            font-family:"Cairo","Segoe UI",Arial,sans-serif;
2992        }
2993
2994        #ut-important-links:before{
2995            content:"";
2996            position:absolute;
2997            top:0;
2998            right:11%;
2999            width:170px;
3000            height:2px;
3001            background:linear-gradient(90deg,transparent,#000000,transparent);
3002            box-shadow:0 0 10px rgba(210,164,59,.30);
3003        }
3004
3005        #ut-important-links:after{
3006            content:"";
3007            position:absolute;
3008            bottom:0;
3009            left:14%;
3010            width:140px;
3011            height:1px;
3012            background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
3013        }
3014
3015        .ut-important-links-inner{
3016            width:min(1540px,98%);
3017            margin:0 auto;
3018            display:flex;
3019            flex-direction:row;
3020            direction:rtl;
3021            align-items:center;
3022            justify-content:flex-start;
3023            gap:20px;
3024        }
3025
3026        .ut-important-links-heading{
3027            flex:0 0 175px;
3028            min-width:175px;
3029            display:flex;
3030            align-items:center;
3031            justify-content:flex-start;
3032            gap:8px;
3033            text-align:right;
3034        }
3035
3036        .ut-important-links-mark{
3037            width:25px;
3038            height:25px;
3039            min-width:25px;
3040            border-radius:50%;
3041            display:flex;
3042            align-items:center;
3043            justify-content:center;
3044            color:#fff;
3045            font-size:11px;
3046            background:linear-gradient(145deg,#000000,#a97c1f);
3047            border:1px solid rgba(255,255,255,.82);
3048            box-shadow:0 3px 10px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.35);
3049            flex:0 0 25px;
3050        }
3051
3052        .ut-important-links-heading-copy{
3053            min-width:0;
3054        }
3055
3056        .ut-important-links-eyebrow{
3057            display:block;
3058            color:rgba(255,255,255,.66);
3059            font-size:8px;
3060            font-weight:700;
3061            margin-bottom:1px;
3062            line-height:1.1;
3063        }
3064
3065        .ut-important-links-heading h2{
3066            display:block;
3067            margin:0;
3068            color:#fff;
3069            font-size:18px;
3070            font-weight:900;
3071            line-height:1.15;
3072            white-space:nowrap;
3073            text-shadow:0 1px 3px rgba(0,0,0,.18);
3074            position:relative;
3075            padding-bottom:4px;
3076        }
3077
3078        .ut-important-links-heading h2:after{
3079            content:"";
3080            position:absolute;
3081            right:0;
3082            bottom:0;
3083            width:46px;
3084            height:2px;
3085            border-radius:20px;
3086            background:#000000;
3087            box-shadow:0 0 8px rgba(210,164,59,.33);
3088        }
3089
3090        .ut-important-links-track{
3091            flex:1 1 auto;
3092            min-width:0;
3093            display:flex;
3094            flex-wrap:wrap;
3095            align-items:center;
3096            justify-content:center;
3097            gap:7px;
3098        }
3099
3100        .ut-important-link-card{
3101            --utl-accent:#d2a43b;
3102            position:relative;
3103            width:auto;
3104            min-width:195px;
3105            max-width:245px;
3106            min-height:49px;
3107            display:flex;
3108            align-items:center;
3109            justify-content:center;
3110            gap:6px;
3111            padding:6px 10px;
3112            border-radius:11px;
3113            text-decoration:none !important;
3114            color:#153a53 !important;
3115            background:rgba(255,255,255,.97);
3116            border:1px solid rgba(255,255,255,.76);
3117            box-shadow:0 3px 9px rgba(0,25,45,.13),inset 0 1px 0 #fff;
3118            overflow:hidden;
3119            transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
3120        }
3121
3122        .ut-important-link-card:before{
3123            content:"";
3124            position:absolute;
3125            inset:0 0 0 auto;
3126            width:3px;
3127            background:var(--utl-accent);
3128        }
3129
3130        .ut-important-link-card:hover{
3131            transform:translateY(-2px);
3132            border-color:var(--utl-accent);
3133            box-shadow:0 8px 16px rgba(0,25,45,.18);
3134        }
3135
3136        .ut-important-link-icon{
3137            width:33px;
3138            height:33px;
3139            min-width:33px;
3140            border-radius:9px;
3141            display:flex;
3142            align-items:center;
3143            justify-content:center;
3144            font-size:17px;
3145            background:#f4f8fb;
3146            border:1px solid rgba(20,70,96,.08);
3147        }
3148
3149        .ut-important-link-content{
3150            min-width:0;
3151            flex:1;
3152            text-align:right;
3153        }
3154
3155        .ut-important-link-content strong{
3156            display:block;
3157            color:#103d5c;
3158            font-size:13.5px;
3159            font-weight:900;
3160            line-height:1.25;
3161            white-space:nowrap;
3162            overflow:hidden;
3163            text-overflow:ellipsis;
3164        }
3165
3166        .ut-important-link-content small{
3167            display:block;
3168            margin-top:1px;
3169            color:#718594;
3170            font-size:8.8px;
3171            line-height:1.2;
3172            white-space:nowrap;
3173            overflow:hidden;
3174            text-overflow:ellipsis;
3175        }
3176
3177        .ut-important-link-arrow{
3178            width:19px;
3179            height:19px;
3180            min-width:19px;
3181            display:flex;
3182            align-items:center;
3183            justify-content:center;
3184            border-radius:50%;
3185            color:var(--utl-accent);
3186            background:#fff;
3187            border:1px solid rgba(20,70,96,.08);
3188            font-size:9px;
3189            font-weight:900;
3190            transition:.18s ease;
3191        }
3192
3193        .ut-important-link-card:hover .ut-important-link-arrow{
3194            background:var(--utl-accent);
3195            color:#fff;
3196            transform:translateX(-1px);
3197        }
3198
3199        @media(max-width:1050px){
3200            #ut-important-links{padding:8px 10px 9px;margin:6px 0 8px}
3201            .ut-important-links-inner{gap:12px}
3202            .ut-important-links-heading{flex-basis:150px;min-width:150px}
3203            .ut-important-links-heading h2{font-size:17px}
3204            .ut-important-link-card{min-width:175px;max-width:225px;min-height:46px}
3205            .ut-important-link-content strong{font-size:12.5px}
3206        }
3207
3208        @media(max-width:760px){
3209            #ut-important-links{padding:9px 8px 10px;margin:6px 0 8px}
3210            .ut-important-links-inner{flex-direction:column;gap:7px}
3211            .ut-important-links-heading{
3212                flex:0 0 auto;
3213                min-width:0;
3214                width:100%;
3215                justify-content:center;
3216                text-align:center;
3217            }
3218            .ut-important-links-heading h2:after{right:50%;transform:translateX(50%)}
3219            .ut-important-links-eyebrow{text-align:center}
3220            .ut-important-links-track{width:100%}
3221            .ut-important-link-card{min-width:190px;max-width:240px}
3222        }
3223
3224        @media(max-width:500px){
3225            .ut-important-links-heading h2{font-size:16px}
3226            .ut-important-links-mark{width:22px;height:22px;min-width:22px;font-size:9px}
3227            .ut-important-link-card{min-width:calc(50% - 3px);max-width:none;min-height:45px;padding:5px 7px}
3228            .ut-important-link-icon{width:29px;
3228height:29px;min-width:29px;font-size:15px}
3229            .ut-important-link-content strong{font-size:11.5px}
3230            .ut-important-link-content small{font-size:8px}
3231            .ut-important-link-arrow{width:18px;height:18px;min-width:18px}
3232        }
3233    </style>
3234
3235    <section id="ut-important-links" class="ut-important-links" dir="rtl" aria-label="الروابط المهمة">
3236        <div class="ut-important-links-inner">
3237            <div class="ut-important-links-heading">
3238                <div class="ut-important-links-mark">★</div>
3239                <div class="ut-important-links-heading-copy">
3240                    <span class="ut-important-links-eyebrow">الوصول السريع</span>
3241                    <h2>الروابط المهمة</h2>
3242                </div>
3243            </div>
3244
3245            <div class="ut-important-links-track">
3246                                                        <a
3247                        class="ut-important-link-card"
3248                        href="https://www.mesrs.dz/plateformes-mesrs-ar/"
3249                        style="--utl-accent:#0b5d8e;"
3250                                            >
3251                        <span class="ut-important-link-icon">🌐</span>
3252                        <span class="ut-important-link-content">
3253                            <strong>بوابة المنصات الرقمية للوزارة</strong>
3254                                                            <small>الوصول السريع إلى خدمات الجامعة</small>
3255                                                    </span>
3256                        <span class="ut-important-link-arrow">←</span>
3257                    </a>
3258                                                        <a
3259                        class="ut-important-link-card"
3260                        href="https://www.mesrs.dz/wp-content/uploads/2026/04/%D8%B5%D9%81%D8%AD%D8%A9-%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D9%82%D8%B7%D8%A7%D8%B9-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D8%B9%D8%A7%D9%84%D9%8A.pdf"
3261                        style="--utl-accent:#a67925;"
3262                         target="_blank" rel="noopener noreferrer"                    >
3263                        <span class="ut-important-link-icon">✉️</span>
3264                        <span class="ut-important-link-content">
3265                            <strong>سياسة حماية المعطيات ذات الطابع الشخصي</strong>
3266                                                            <small>تحميل البرمجيات الحرة</small>
3267                                                    </span>
3268                        <span class="ut-important-link-arrow">←</span>
3269                    </a>
3270                                                        <a
3271                        class="ut-important-link-card"
3272                        href="https://www.mesrs.dz/ethique-deontologie/"
3273                        style="--utl-accent:#0b5d8e;"
3274                         target="_blank" rel="noopener noreferrer"                    >
3275                        <span class="ut-important-link-icon">🔗</span>
3276                        <span class="ut-important-link-content">
3277                            <strong>الآداب و الاخلاقيات</strong>
3278                                                    </span>
3279                        <span class="ut-important-link-arrow">←</span>
3280                    </a>
3281                                                        <a
3282                        class="ut-important-link-card"
3283                        href="https://univ-tindouf.dz/logiciel-open-source/"
3284                        style="--utl-accent:#0b5d8e;"
3285                         target="_blank" rel="noopener noreferrer"                    >
3286                        <span class="ut-important-link-icon">🔗</span>
3287                        <span class="ut-important-link-content">
3288                            <strong>البرمجيات الحرة</strong>
3289                                                    </span>
3290                        <span class="ut-important-link-arrow">←</span>
3291                    </a>
3292                                                        <a
3293                        class="ut-important-link-card"
3294                        href="https://guichet.univ-tindouf.dz/"
3295                        style="--utl-accent:#0b5d8e;"
3296                         target="_blank" rel="noopener noreferrer"                    >
3297                        <span class="ut-important-link-icon">🔗</span>
3298                        <span class="ut-important-link-content">
3299                            <strong>الشباك الالكتروني للمستخدمين</strong>
3300                                                            <small>منصة تواصل بين جميع فئات المسخدمين و الطلبة مع الاداراة</small>
3301                                                    </span>
3302                        <span class="ut-important-link-arrow">←</span>
3303                    </a>
3304                            </div>
3305        </div>
3306    </section>
3307    
3308        <section id="ut-hero" class="ut-hero">
3309
3310            <!-- =================================================
3311                 VIDEO 1
3312            ================================================= -->
3313
3314            <div class="ut-hero-video active" data-video="0">
3315
3316                <div class="ut-video-container">
3317
3318                    <iframe
3319                        src="https://www.youtube.com/embed/hNvyMP_mzLY?autoplay=0&mute=1&controls=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1"
3320                        title="جامعة تندوف"
3321                        frameborder="0"
3322                        allow="autoplay; fullscreen"
3323                        allowfullscreen>
3324                    </iframe>
3325
3326                </div>
3327
3328            </div>
3329
3330
3331            <!-- =================================================
3332                 VIDEO 2
3333            ================================================= -->
3334
3335            <div class="ut-hero-video" data-video="1">
3336
3337                <div class="ut-video-container">
3338
3339                    <iframe
3340                        src="https://www.youtube.com/embed/d8WhSw0C4KQ?autoplay=0&mute=1&controls=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1"
3341                        title="جامعة تندوف"
3342                        frameborder="0"
3343                        allow="autoplay; fullscreen"
3344                        allowfullscreen>
3345                    </iframe>
3346
3347                </div>
3348
3349            </div>
3350
3351
3352            <!-- =================================================
3353                 VIDEO 3
3354            ================================================= -->
3355
3356            <div class="ut-hero-video" data-video="2">
3357
3358                <div class="ut-video-container">
3359
3360                    <iframe
3361                        src="https://www.youtube.com/embed/XPbMhQXFmLY?autoplay=0&mute=1&controls=0&rel=0&modestbranding=1&playsinline=1&enablejsapi=1"
3362                        title="جامعة تندوف"
3363                        frameborder="0"
3364                        allow="autoplay; fullscreen"
3365                        allowfullscreen>
3366                    </iframe>
3367
3368                </div>
3369
3370            </div>
3371
3372
3373            <!-- =================================================
3374                 OVERLAY
3375            ================================================= -->
3376
3377            <div class="ut-hero-overlay"></div>
3378
3379
3380            <!-- =================================================
3381                 DESERT
3382            ================================================= -->
3383
3384            <div class="ut-desert-scene">
3385
3386                <!-- الكثبان الخلفية -->
3387                <svg
3388                    class="ut-dunes dunes-back"
3389                    viewBox="0 0 1600 300"
3390                    preserveAspectRatio="none"
3391                    aria-hidden="true">
3392
3393                    <path
3394                        d="
3395                        M0 210
3396                        C120 160 210 195 330 165
3397                        C470 130 555 205 680 175
3398                        C800 145 900 105 1030 155
3399                        C1150 205 1230 135 1350 160
3400                        C1450 180 1510 145 1600 120
3401                        L1600 300
3402                        L0 300 Z"
3403                    />
3404
3405                </svg>
3406
3407
3408                <!-- الكثبان الوسطى -->
3409                <svg
3410                    class="ut-dunes dunes-middle"
3411                    viewBox="0 0 1600 300"
3412                    preserveAspectRatio="none"
3413                    aria-hidden="true">
3414
3415                    <path
3416                        d="
3417                        M0 235
3418                        C100 205 180 155 300 190
3419                        C410 220 500 135 610 165
3420                        C750 205 820 220 930 175
3421                        C1050 125 1150 190 1260 175
3422                        C1370 160 1480 125 1600 165
3423                        L1600 300
3424                        L0 300 Z"
3425                    />
3426
3427                </svg>
3428
3429
3430                <!-- الكثبان الأمامية -->
3431                <svg
3432                    class="ut-dunes dunes-front"
3433                    viewBox="0 0 1600 300"
3434                    preserveAspectRatio="none"
3435                    aria-hidden="true">
3436
3437                    <path
3438                        d="
3439                        M0 255
3440                        C120 215 235 235 340 205
3441                        C455 170 550 220 660 205
3442                        C785 185 850 230 970 210
3443                        C1100 185 1180 220 1290 200
3444                        C1400 180 1500 210 1600 185
3445                        L1600 300
3446                        L0 300 Z"
3447                    />
3448
3449                </svg>
3450
3451
3452                <!-- =================================================
3453                     نخلة واقعية بشكل silhouette
3454                ================================================= -->
3455
3456                <svg
3457                    class="ut-palm-svg"
3458                    viewBox="0 0 180 300"
3459                    aria-hidden="true">
3460
3461                    <!-- الجذع -->
3462
3463                    <path
3464                        d="
3465                        M82 285
3466                        C88 245 88 210 84 170
3467                        C81 130 88 96 96 70
3468                        L111 75
3469                        C103 112 101 139 104 173
3470                        C108 215 107 252 104 285 Z"
3471                    />
3472
3473
3474                    <!-- سعف -->
3475
3476                    <path
3477                        d="
3478                        M99 78
3479                        C72 51 42 43 12 47
3480                        C38 66 63 76 96 84 Z"
3481                    />
3482
3483                    <path
3484                        d="
3485                        M100 76
3486                        C82 43 69 21 49 8
3487                        C78 18 101 35 111 69 Z"
3488                    />
3489
3490                    <path
3491                        d="
3492                        M108 73
3493                        C112 37 126 16 148 2
3494                        C143 34 132 59 116 79 Z"
3495                    />
3496
3497                    <path
3498                        d="
3499                        M110 79
3500                        C137 54 159 47 179 50
3501                        C159 69 137 79 112 87 Z"
3502                    />
3503
3504                    <path
3505                        d="
3506                        M105 84
3507                        C137 78 159 85 173 99
3508                        C145 99 125 94 106 91 Z"
3509                    />
3510
3511                    <path
3512                        d="
3513                        M96 82
3514                        C68 89 48 104 34 122
3515                        C61 113 81 102 99 91 Z"
3516                    />
3517
3518                </svg>
3519
3520
3521                <!-- =================================================
3522                     جمل silhouette صغير
3523                ================================================= -->
3524
3525                <svg
3526                    class="ut-camel-svg"
3527                    viewBox="0 0 320 180"
3528                    aria-hidden="true">
3529
3530                    <!-- الجسم -->
3531
3532                    <path
3533                        d="
3534                        M55 105
3535                        C62 76 92 65 126 70
3536                        C143 51 164 47 181 69
3537                        C196 51 221 59 226 82
3538                        C243 83 257 91 265 103
3539                        C278 102 291 108 300 119
3540                        L281 126
3541                        C264 125 246 119 228 117
3542                        C205 130 174 132 143 126
3543                        C118 135 83 132 55 119 Z"
3544                    />
3545
3546
3547                    <!-- الرقبة -->
3548
3549                    <path
3550                        d="
3551                        M210 83
3552                        C224 63 226 39 220 18
3553                        C216 7 222 1 231 8
3554                        C242 25 245 52 238 82
3555                        L229 102 Z"
3556                    />
3557
3558
3559                    <!-- الرأس -->
3560
3561                    <path
3562                        d="
3563                        M221 17
3564                        C232 10 248 13 259 20
3565                        L278 22
3566                        C285 25 282 31 273 33
3567                        L251 31
3568                        C242 38 229 34 223 27 Z"
3569                    />
3570
3571
3572                    <!-- الأرجل -->
3573
3574                    <path
3575                        d="
3576                        M78 119
3577                        L88 119
3578                        L83 168
3579                        L73 168 Z"
3580                    />
3581
3582                    <path
3583                        d="
3584                        M112 122
3585                        L122 122
3586                        L119 169
3587                        L109 169 Z"
3588                    />
3589
3590                    <path
3591                        d="
3592                        M186 121
3593                        L196 121
3594                        L199 169
3595                        L189 169 Z"
3596                    />
3597
3598                    <path
3599                        d="
3600                        M216 117
3601                        L226 117
3602                        L232 167
3603                        L222 167 Z"
3604                    />
3605
3606
3607                    <!-- الذيل -->
3608
3609                    <path
3610                        d="
3611                        M58 103
3612                        C35 88 27 73 32 60
3613                        C39 72 48 82 65 87 Z"
3614                    />
3615
3616                </svg>
3617
3618            </div>
3619
3620
3621            <!-- =================================================
3622                 GOLD FRAME
3623            ================================================= -->
3624
3625            <div class="ut-hero-gold-frame">
3626
3627                <span class="ut-frame-light light-top"></span>
3628                <span class="ut-frame-light light-right"></span>
3629                <span class="ut-frame-light light-bottom"></span>
3630                <span class="ut-frame-light light-left"></span>
3631
3632            </div>
3633
3634
3635            <!-- =================================================
3636                 DEPTH
3637            ================================================= -->
3638
3639            <div class="ut-hero-depth depth-one"></div>
3640            <div class="ut-hero-depth depth-two"></div>
3641
3642
3643            <!-- =================================================
3644                 CONTENT
3645            ================================================= -->
3646
3647            <div class="ut-hero-content">
3648
3649
3650                <!-- 1 -->
3651
3652                <div
3653                    class="ut-hero-message active"
3654                    data-video="0"
3655                    data-duration="8">
3656
3657                    <div class="ut-hero-kicker">
3658                        جامعة تندوف
3659                    </div>
3660
3661                    <h1>
3662                        مرحباً بكم في جامعة تندوف
3663                    </h1>
3664
3665                    <div class="ut-desert-title">
3666                        جامعة في قلب الصحراء
3667                    </div>
3668
3669                    <p>
3670                        حيث يلتقي العلم والمعرفة بامتداد الصحراء وآفاق المستقبل
3671                    </p>
3672
3673                    <a href="#" class="ut-hero-button">
3674                        اكتشف الجامعة
3675                    </a>
3676
3677                </div>
3678
3679
3680                <!-- 2 -->
3681
3682                <div
3683                    class="ut-hero-message"
3684                    data-video="0"
3685                    data-duration="8">
3686
3687                    <div class="ut-hero-kicker">
3688                        الإعلام الجامعي
3689                    </div>
3690
3691                    <h1>
3692                        التغطيات الإعلامية
3693                    </h1>
3694
3695                    <p>
3696                        تابع أخبار وفعاليات وأنشطة جامعة تندوف
3697                    </p>
3698
3699                    <a
3700                        href="/couvertures-mediatiques/"
3701                        class="ut-hero-button">
3702
3703                        مشاهدة التغطيات
3704
3705                    </a>
3706
3707                </div>
3708
3709
3710                <!-- 3 -->
3711
3712                <div
3713                    class="ut-hero-message"
3714                    data-video="1"
3715                    data-duration="8">
3716
3717                    <div class="ut-hero-kicker">
3718                        ذاكرة جامعة تندوف
3719                    </div>
3720
3721                    <h1>
3722                        معرض الصور
3723                    </h1>
3724
3725                    <p>
3726                        اكتشف صور وفعاليات وأنشطة جامعة تندوف
3727                    </p>
3728
3729                    <a href="#" class="ut-hero-button">
3730                        دخول المعرض
3731                    </a>
3732
3733                </div>
3734
3735
3736                <!-- 4 -->
3737
3738                <div
3739                    class="ut-hero-message"
3740                    data-video="1"
3741                    data-duration="8">
3742
3743                    <div class="ut-hero-kicker">
3744                        اكتشف جامعة تندوف
3745                    </div>
3746
3747                    <h1>
3748                        زيارة افتراضية للجامعة
3749                    </h1>
3750
3751                    <p>
3752                        اكتشف مرافق الجامعة وتجربتها الرقمية
3753                    </p>
3754
3755                    <a href="#" class="ut-hero-button">
3756                        اكتشف المزيد
3757                    </a>
3758
3759                </div>
3760
3761
3762                <!-- 5 -->
3763
3764                <div
3765                    class="ut-hero-message"
3766                    data-video="2"
3767                    data-duration="8">
3768
3769                    <div class="ut-hero-kicker">
3770                        خدمات الجامعة
3771                    </div>
3772
3773                    <h1>
3774                        الخدمات الرقمية
3775                    </h1>
3776
3777                    <p>
3778                        استفد من الخدمات والمنصات الرقمية لجامعة تندوف
3779                    </p>
3780
3781                    <a href="#" class="ut-hero-button">
3782                        اكتشف الخدمات
3783                    </a>
3784
3785                </div>
3786
3787            </div>
3788
3789
3790            <!-- =================================================
3791                 ARROWS
3792            ================================================= -->
3793
3794            <button
3795                type="button"
3796                class="ut-hero-arrow ut-hero-prev">
3797                ❮
3798            </button>
3799
3800
3801            <button
3802                type="button"
3803                class="ut-hero-arrow ut-hero-next">
3804                ❯
3805            </button>
3806
3807
3808            <!-- =================================================
3809                 PROGRESS
3810            ================================================= -->
3811
3812            <div class="ut-hero-progress">
3813
3814                <span class="ut-progress-fill"></span>
3815
3816            </div>
3817
3818
3819            <!-- =================================================
3820                 SOUND BUTTON
3821            ================================================= -->
3822
3823            <button
3824                type="button"
3825                class="ut-hero-sound"
3826                aria-label="تشغيل الصوت"
3827                aria-pressed="false">
3828
3829                <span class="ut-sound-icon ut-sound-muted" aria-hidden="true">
3830                    <svg viewBox="0 0 64 64" role="presentation">
3831                        <path d="M8 25h12l16-13v40L20 39H8z" fill="currentColor"/>
3832                        <path d="M44 23l12 18M56 23L44 41" fill="none" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
3833                    </svg>
3834                </span>
3835
3836                <span class="ut-sound-icon ut-sound-on" aria-hidden="true">
3837                    <svg viewBox="0 0 64 64" role="presentation">
3838                        <path d="M8 25h12l16-13v40L20 39H8z" fill="currentColor"/>
3839                        <path d="M45 23c5 5 5 13 0 18M52 16c10 9 10 23 0 32" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
3840                    </svg>
3841                </span>
3842
3843            </button>
3844
3845
3846        </section>
3847
3848
3849        <style>
3850
3851        /* =====================================================
3852           HERO
3853        ===================================================== */
3854
3855        #ut-hero {
3856
3857            position: relative;
3858
3859            width: 100% !important;
3860
3861            height: 82vh;
3862
3863            min-height: 650px;
3864
3865            margin: 0 !important;
3866
3867            padding: 0 !important;
3868
3869            overflow: hidden;
3870
3871            background: #071d2b;
3872
3873            direction: rtl;
3874
3875            perspective: 1400px;
3876
3877        }
3878
3879
3880        /* =====================================================
3881           VIDEO
3882        ===================================================== */
3883
3884        .ut-hero-video {
3885
3886            position: absolute;
3887
3888            inset: 0;
3889
3890            opacity: 0;
3891
3892            visibility: hidden;
3893
3894            transform: scale(1.08);
3895
3896            transition:
3897                opacity 1.5s ease,
3898                transform 5s ease;
3899
3900        }
3901
3902
3903        .ut-hero-video.active {
3904
3905            opacity: 1;
3906
3907            visibility: visible;
3908
3909            transform: scale(1);
3910
3911            z-index: 2;
3912
3913        }
3914
3915
3916        .ut-video-container {
3917
3918            position: absolute;
3919
3920            inset: 0;
3921
3922            overflow: hidden;
3923
3924        }
3925
3926
3927        .ut-video-container iframe {
3928
3929            position: absolute;
3930
3931            top: 50%;
3932
3933            left: 50%;
3934
3935            width: 177.78vh;
3936
3937            height: 100vh;
3938
3939            min-width: 100%;
3940
3941            min-height: 100%;
3942
3943            transform:
3944                translate(-50%, -50%)
3945                scale(1.18);
3946
3947            border: 0;
3948
3949            pointer-events: none;
3950
3951        }
3952
3953
3954        /* =====================================================
3955           OVERLAY
3956        ===================================================== */
3957
3958        .ut-hero-overlay {
3959
3960            position: absolute;
3961
3962            inset: 0;
3963
3964            z-index: 4;
3965
3966            background:
3967
3968                radial-gradient(
3969                    circle at center,
3970                    transparent 12%,
3971                    rgba(0,20,35,.08) 55%,
3972                    rgba(0,15,25,.52) 100%
3973                ),
3974
3975                linear-gradient(
3976                    180deg,
3977                    rgba(0,0,0,.04),
3978                    rgba(0,0,0,.34)
3979                );
3980
3981            pointer-events: none;
3982
3983        }
3984
3985
3986        /* =====================================================
3987           DESERT SCENE
3988        ===================================================== */
3989
3990        .ut-desert-scene {
3991
3992            position: absolute;
3993
3994            left: 0;
3995
3996            right: 0;
3997
3998            bottom: 0;
3999
4000            height: 18%;
4001
4002            z-index: 5;
4003
4004            overflow: hidden;
4005
4006            pointer-events: none;
4007
4008        }
4009
4010
4011        /* =====================================================
4012           REALISTIC WAVY DUNES
4013        ===================================================== */
4014
4015        .ut-dunes {
4016
4017            position: absolute;
4018
4019            left: 0;
4020
4021            bottom: -1px;
4022
4023            width: 100%;
4024
4025            height: 100%;
4026
4027            overflow: visible;
4028
4029        }
4030
4031
4032        .ut-dunes path {
4033
4034            stroke: none;
4035
4036        }
4037
4038
4039        .dunes-back path {
4040
4041            fill: rgba(220,183,112,.18);
4042
4043        }
4044
4045
4046        .dunes-middle path {
4047
4048            fill: rgba(214,170,91,.28);
4049
4050        }
4051
4052
4053        .dunes-front path {
4054
4055            fill: rgba(181,126,51,.36);
4056
4057        }
4058
4059
4060        /* =====================================================
4061           حركة طبيعية للكثبان
4062        ===================================================== */
4063
4064        .dunes-back {
4065
4066            animation:
4067                desertWaveBack 20s ease-in-out infinite alternate;
4068
4069        }
4070
4071
4072        .dunes-middle {
4073
4074            animation:
4075                desertWaveMiddle 16s ease-in-out infinite alternate;
4076
4077        }
4078
4079
4080        .dunes-front {
4081
4082            animation:
4083                desertWaveFront 13s ease-in-out infinite alternate;
4084
4085        }
4086
4087
4088        @keyframes desertWaveBack {
4089
4090            from {
4091                transform:
4092                    translateX(-2%)
4093                    scaleX(1);
4094            }
4095
4096            to {
4097                transform:
4098                    translateX(2%)
4099                    scaleX(1.025);
4100            }
4101
4102        }
4103
4104
4105        @keyframes desertWaveMiddle {
4106
4107            from {
4108                transform:
4109                    translateX(2%)
4110                    scaleX(1.015);
4111            }
4112
4113            to {
4114                transform:
4115                    translateX(-2%)
4116                    scaleX(1.04);
4117            }
4118
4119        }
4120
4121
4122        @keyframes desertWaveFront {
4123
4124            from {
4125                transform:
4126                    translateX(-1%)
4127                    scaleX(1.02);
4128            }
4129
4130            to {
4131                transform:
4132                    translateX(2%)
4133                    scaleX(1.05);
4134            }
4135
4136        }
4137
4138
4139        /* =====================================================
4140           PALM SILHOUETTE
4141        ===================================================== */
4142
4143        .ut-palm-svg {
4144
4145            position: absolute;
4146
4147            right: 12%;
4148
4149            bottom: 4px;
4150
4151            width: 72px;
4152
4153            height: 120px;
4154
4155            fill: rgba(58,39,22,.55);
4156
4157            filter:
4158                drop-shadow(
4159                    0 2px 5px
4160                    rgba(0,0,0,.25)
4161                );
4162
4163            animation:
4164                palmFloat 7s ease-in-out infinite alternate;
4165
4166        }
4167
4168
4169        @keyframes palmFloat {
4170
4171            from {
4172                transform:
4173                    rotate(-1deg);
4174            }
4175
4176            to {
4177                transform:
4178                    rotate(1deg);
4179            }
4180
4181        }
4182
4183
4184        /* =====================================================
4185           CAMEL SILHOUETTE
4186        ===================================================== */
4187
4188        .ut-camel-svg {
4189
4190            position: absolute;
4191
4192            left: 14%;
4193
4194            bottom: 5px;
4195
4196            width: 115px;
4197
4198            height: 68px;
4199
4200            fill: rgba(55,37,20,.55);
4201
4202            filter:
4203                drop-shadow(
4204                    0 3px 5px
4205                    rgba(0,0,0,.25)
4206                );
4207
4208            animation:
4209                camelMove 18s ease-in-out infinite alternate;
4210
4211        }
4212
4213
4214        @keyframes camelMove {
4215
4216            from {
4217
4218                transform:
4219                    translateX(-12px);
4220
4221            }
4222
4223            to {
4224
4225                transform:
4226                    translateX(12px);
4227
4228            }
4229
4230        }
4231
4232
4233        /* =====================================================
4234           GOLD FRAME
4235        ===================================================== */
4236
4237        .ut-hero-gold-frame {
4238
4239            position: absolute;
4240
4241            inset: 18px;
4242
4243            z-index: 8;
4244
4245            border:
4246                2px solid
4247                rgba(224,184,61,.78);
4248
4249            border-radius: 12px;
4250
4251            pointer-events: none;
4252
4253            box-shadow:
4254
4255                inset 0 0 0 1px
4256                rgba(255,239,160,.24),
4257
4258                inset 0 0 35px
4259                rgba(212,175,55,.13),
4260
4261                0 0 18px
4262                rgba(212,175,55,.25),
4263
4264                0 0 55px
4265                rgba(212,175,55,.10);
4266
4267        }
4268
4269
4270        .ut-hero-gold-frame::before {
4271
4272            content: "";
4273
4274            position: absolute;
4275
4276            inset: 12px;
4277
4278            border:
4279                1px solid
4280                rgba(255,225,115,.35);
4281
4282            border-radius: 8px;
4283
4284        }
4285
4286
4287        .ut-hero-gold-frame::after {
4288
4289            content: "";
4290
4291            position: absolute;
4292
4293            inset: 25px;
4294
4295            border:
4296                1px solid
4297                rgba(255,255,255,.10);
4298
4299            border-radius: 5px;
4300
4301        }
4302
4303
4304        /* =====================================================
4305           FRAME SHINE
4306        ===================================================== */
4307
4308        .ut-frame-light {
4309
4310            position: absolute;
4311
4312            display: block;
4313
4314            background:
4315
4316                linear-gradient(
4317                    90deg,
4318                    transparent,
4319                    #fff4a8,
4320                    #d4af37,
4321                    #fff4a8,
4322                    transparent
4323                );
4324
4325            box-shadow:
4326
4327                0 0 14px
4328                rgba(255,220,100,.95),
4329
4330                0 0 35px
4331                rgba(212,175,55,.65);
4332
4333        }
4334
4335
4336        .light-top {
4337
4338            top: -3px;
4339
4340            left: -10%;
4341
4342            width: 180px;
4343
4344            height: 5px;
4345
4346            animation:
4347                frameTop 5s linear infinite;
4348
4349        }
4350
4351
4352        .light-right {
4353
4354            right: -3px;
4355
4356            top: -10%;
4357
4358            width: 5px;
4359
4360            height: 180px;
4361
4362            animation:
4363                frameRight 5s linear infinite;
4364
4365        }
4366
4367
4368        .light-bottom {
4369
4370            bottom: -3px;
4371
4372            right: -10%;
4373
4374            width: 180px;
4375
4376            height: 5px;
4377
4378            animation:
4379                frameBottom 5s linear infinite;
4380
4381        }
4382
4383
4384        .light-left {
4385
4386            left: -3px;
4387
4388            bottom: -10%;
4389
4390            width: 5px;
4391
4392            height: 180px;
4393
4394            animation:
4395                frameLeft 5s linear infinite;
4396
4397        }
4398
4399
4400        @keyframes frameTop {
4401
4402            from {
4403                left: -15%;
4404            }
4405
4406            to {
4407                left: 100%;
4408            }
4409
4410        }
4411
4412
4413        @keyframes frameRight {
4414
4415            from {
4416                top: -15%;
4417            }
4418
4419            to {
4420                top: 100%;
4421            }
4422
4423        }
4424
4425
4426        @keyframes frameBottom {
4427
4428            from {
4429                right: -15%;
4430            }
4431
4432            to {
4433                right: 100%;
4434            }
4435
4436        }
4437
4438
4439        @keyframes frameLeft {
4440
4441            from {
4442                bottom: -15%;
4443            }
4444
4445            to {
4446                bottom: 100%;
4447            }
4448
4449        }
4450
4451
4452        /* =====================================================
4453           DEPTH
4454        ===================================================== */
4455
4456        .ut-hero-depth {
4457
4458            position: absolute;
4459
4460            z-index: 5;
4461
4462            border-radius: 50%;
4463
4464            pointer-events: none;
4465
4466            border:
4467                1px solid
4468                rgba(255,255,255,.07);
4469
4470            animation:
4471                depthPulse 8s ease-in-out infinite;
4472
4473        }
4474
4475
4476        .depth-one {
4477
4478            width: 520px;
4479
4480            height: 520px;
4481
4482            top: 50%;
4483
4484            left: 50%;
4485
4486            transform:
4487                translate(-50%,-50%);
4488
4489        }
4490
4491
4492        .depth-two {
4493
4494            width: 760px;
4495
4496            height: 760px;
4497
4498            top: 50%;
4499
4500            left: 50%;
4501
4502            transform:
4503                translate(-50%,-50%);
4504
4505        }
4506
4507
4508        @keyframes depthPulse {
4509
4510            0%,
4511            100% {
4512                opacity: .06;
4513            }
4514
4515            50% {
4516                opacity: .18;
4517            }
4518
4519        }
4520
4521
4522        /* =====================================================
4523           CONTENT
4524        ===================================================== */
4525
4526        .ut-hero-content {
4527
4528            position: absolute;
4529
4530            z-index: 10;
4531
4532            top: 50%;
4533
4534            left: 50%;
4535
4536            width:
4537                min(1000px,90%);
4538
4539            transform:
4540                translate(-50%,-50%);
4541
4542            text-align: center;
4543
4544            color: #fff;
4545
4546        }
4547
4548
4549        .ut-hero-message {
4550
4551            position: absolute;
4552
4553            top: 50%;
4554
4555            left: 50%;
4556
4557            width: 100%;
4558
4559            transform:
4560                translate(-50%,-50%)
4561                translateY(40px)
4562                scale(.92);
4563
4564            opacity: 0;
4565
4566            visibility: hidden;
4567
4568            transition:
4569
4570                opacity .9s ease,
4571
4572                transform 1s
4573                cubic-bezier(.2,.8,.2,1);
4574
4575        }
4576
4577
4578        .ut-hero-message.active {
4579
4580            opacity: 1;
4581
4582            visibility: visible;
4583
4584            transform:
4585                translate(-50%,-50%)
4586                translateY(0)
4587                scale(1);
4588
4589        }
4590
4591
4592        .ut-hero-kicker {
4593
4594            display: inline-block;
4595
4596            margin-bottom: 18px;
4597
4598            padding: 7px 22px;
4599
4600            border:
4601                1px solid
4602                rgba(255,255,255,.65);
4603
4604            border-radius: 30px;
4605
4606            background:
4607                rgba(0,0,0,.25);
4608
4609            backdrop-filter:
4610                blur(8px);
4611
4612            font-size: 17px;
4613
4614            font-weight: 600;
4615
4616        }
4617
4618
4619        .ut-hero-content h1 {
4620
4621            margin:
4622                0 0 7px;
4623
4624            color: #fff;
4625
4626            font-size:
4627                clamp(42px,5vw,72px);
4628
4629            line-height: 1.25;
4630
4631            font-weight: 800;
4632
4633            text-shadow:
4634
4635                0 4px 18px
4636                rgba(0,0,0,.85),
4637
4638                0 0 35px
4639                rgba(255,255,255,.12);
4640
4641        }
4642
4643
4644        .ut-desert-title {
4645
4646            margin:
4647                0 auto 12px;
4648
4649            color:
4650                #f3d28a;
4651
4652            font-size:
4653                clamp(22px,2.2vw,32px);
4654
4655            font-weight: 700;
4656
4657            text-shadow:
4658                0 2px 10px
4659                rgba(0,0,0,.8);
4660
4661        }
4662
4663
4664        .ut-hero-content p {
4665
4666            margin:
4667                0 auto 28px;
4668
4669            max-width: 800px;
4670
4671            color: #fff;
4672
4673            font-size:
4674                clamp(18px,1.6vw,25px);
4675
4676            line-height: 1.8;
4677
4678            text-shadow:
4679                0 3px 10px
4680                rgba(0,0,0,.8);
4681
4682        }
4683
4684
4685        /* =====================================================
4686           BUTTON
4687        ===================================================== */
4688
4689        .ut-hero-button {
4690
4691            display: inline-block;
4692
4693            padding:
4694                13px 35px;
4695
4696            border:
4697                1px solid
4698                rgba(255,255,255,.75);
4699
4700            border-radius: 5px;
4701
4702            background:
4703                rgba(255,255,255,.14);
4704
4705            color: #fff;
4706
4707            text-decoration: none;
4708
4709            font-size: 17px;
4710
4711            font-weight: 700;
4712
4713            backdrop-filter:
4714                blur(8px);
4715
4716            transition:
4717                all .3s ease;
4718
4719        }
4720
4721
4722        .ut-hero-button:hover {
4723
4724            background:
4725                rgba(255,255,255,.30);
4726
4727            color: #fff;
4728
4729            transform:
4730                translateY(-3px);
4731
4732        }
4733
4734
4735        /* =====================================================
4736           ARROWS
4737        ===================================================== */
4738
4739        .ut-hero-arrow {
4740
4741            position: absolute;
4742
4743            z-index: 12;
4744
4745            top: 50%;
4746
4747            transform:
4748                translateY(-50%);
4749
4750            width: 58px;
4751
4752            height: 58px;
4753
4754            border:
4755                1px solid
4756                rgba(255,255,255,.55);
4757
4758            border-radius: 50%;
4759
4760            background:
4761                rgba(0,0,0,.22);
4762
4763            color: #fff;
4764
4765            font-size: 22px;
4766
4767            cursor: pointer;
4768
4769            backdrop-filter:
4770                blur(8px);
4771
4772        }
4773
4774
4775        .ut-hero-prev {
4776            right: 35px;
4777        }
4778
4779
4780        .ut-hero-next {
4781            left: 35px;
4782        }
4783
4784
4785        /* =====================================================
4786           PROGRESS
4787        ===================================================== */
4788
4789        .ut-hero-progress {
4790
4791            position: absolute;
4792
4793            z-index: 12;
4794
4795            bottom: 25px;
4796
4797            left: 50%;
4798
4799            transform:
4800                translateX(-50%);
4801
4802            width: 180px;
4803
4804            height: 3px;
4805
4806            overflow: hidden;
4807
4808            background:
4809                rgba(255,255,255,.25);
4810
4811            border-radius: 10px;
4812
4813        }
4814
4815
4816        .ut-progress-fill {
4817
4818            display: block;
4819
4820            width: 0%;
4821
4822            height: 100%;
4823
4824            background:
4825
4826                linear-gradient(
4827                    90deg,
4828                    #d4af37,
4829                    #ffe999,
4830                    #d4af37
4831                );
4832
4833            box-shadow:
4834                0 0 12px
4835                rgba(255,220,100,.8);
4836
4837        }
4838
4839
4840        /* =====================================================
4841           SOUND BUTTON
4842        ===================================================== */
4843
4844        .ut-hero-sound {
4845            position: absolute !important;
4846            z-index: 100 !important;
4847            left: 32px !important;
4848            right: auto !important;
4849            bottom: 32px !important;
4850
4851            width: 52px !important;
4852            height: 52px !important;
4853            padding: 0 !important;
4854            margin: 0 !important;
4855
4856            display: flex !important;
4857            align-items: center !important;
4858            justify-content: center !important;
4859
4860            border: 3px solid #ffffff !important;
4861            border-radius: 50% !important;
4862
4863            background: linear-gradient(145deg, #a97716, #d4af37 45%, #f6df88 70%, #b27d1b) !important;
4864            color: #062e4a !important;
4865
4866            box-shadow:
4867                0 6px 18px rgba(0,0,0,.45),
4868                0 0 0 3px rgba(6,46,74,.88),
4869                0 0 18px rgba(212,175,55,.52),
4870                inset 0 1px 0 rgba(255,255,255,.65) !important;
4871
4872            cursor: pointer !important;
4873            overflow: hidden !important;
4874
4875            transition:
4876                transform .22s ease,
4877                box-shadow .22s ease,
4878                filter .22s ease !important;
4879        }
4880
4881        .ut-hero-sound:hover {
4882            transform: translateY(-2px) scale(1.08) !important;
4883            filter: brightness(1.07) !important;
4884            box-shadow:
4885                0 9px 22px rgba(0,0,0,.50),
4886                0 0 0 3px rgba(6,46,74,.95),
4887                0 0 24px rgba(212,175,55,.72),
4888                inset 0 1px 0 rgba(255,255,255,.75) !important;
4889        }
4890
4891        .ut-hero-sound:focus-visible {
4892            outline: 3px solid rgba(255,255,255,.95) !important;
4893            outline-offset: 4px !important;
4894        }
4895
4896        .ut-sound-icon {
4897            width: 30px !important;
4898            height: 30px !important;
4899            display: flex !important;
4900            align-items: center !important;
4901            justify-content: center !important;
4902            color: #062e4a !important;
4903        }
4904
4905        .ut-sound-icon svg {
4906            width: 30px !important;
4907            height: 30px !important;
4908            display: block !important;
4909        }
4910
4911        .ut-sound-on {
4912            display: none !important;
4913        }
4914
4915        .ut-hero-sound.is-on .ut-sound-muted {
4916            display: none !important;
4917        }
4918
4919        .ut-hero-sound.is-on .ut-sound-on {
4920            display: flex !important;
4921        }
4922
4923        /* =====================================================
4924           MOBILE
4925        ===================================================== */
4926
4927        @media (max-width:600px) {
4928
4929            #ut-hero {
4930
4931                height: 70vh;
4932
4933                min-height: 520px;
4934
4935            }
4936
4937
4938            .ut-hero-gold-frame {
4939
4940                inset: 9px;
4941
4942            }
4943
4944
4945            .ut-hero-content {
4946
4947                width: 86%;
4948
4949            }
4950
4951
4952            .ut-hero-content h1 {
4953
4954                font-size: 32px;
4955
4956            }
4957
4958
4959            .ut-desert-title {
4960
4961                font-size: 21px;
4962
4963            }
4964
4965
4966            .ut-hero-content p {
4967
4968                font-size: 16px;
4969
4970            }
4971
4972
4973            .ut-desert-scene {
4974
4975                height: 15%;
4976
4977            }
4978
4979
4980            .ut-palm-svg {
4981
4982                right: 6%;
4983
4984                width: 52px;
4985
4986                height: 90px;
4987
4988            }
4989
4990
4991            .ut-camel-svg {
4992
4993                left: 7%;
4994
4995                width: 85px;
4996
4997                height: 50px;
4998
4999            }
5000
5001
5002            .ut-hero-arrow {
5003
5004                width: 42px;
5005
5006                height: 42px;
5007
5008            }
5009
5010
5011            .ut-hero-prev {
5012                right: 14px;
5013            }
5014
5015
5016            .ut-hero-next {
5017                left: 14px;
5018            }
5019
5020        }
5021
5022        
5023
5024/* =========================================================
5025   UT HERO — نصوص كبيرة وأنيقة + روابط حمراء
5026========================================================= */
5027
5028#ut-hero .ut-hero-message {
5029    font-family: "Amiri", "Cairo", serif !important;
5030}
5031
5032#ut-hero .ut-hero-message h1 {
5033    font-family: "Amiri", "Cairo", serif !important;
5034    font-size: clamp(46px, 5vw, 76px) !important;
5035    font-weight: 900 !important;
5036    line-height: 1.25 !important;
5037    color: #ffffff !important;
5038    margin: 0 0 14px !important;
5039    text-shadow:
5040        0 4px 18px rgba(0,0,0,.90),
5041        0 0 30px rgba(0,0,0,.30) !important;
5042}
5043
5044#ut-hero .ut-hero-message p {
5045    font-family: "Cairo", "Amiri", sans-serif !important;
5046    font-size: clamp(20px, 1.8vw, 27px) !important;
5047    font-weight: 800 !important;
5048    line-height: 1.9 !important;
5049    color: #ffffff !important;
5050    margin: 0 auto 28px !important;
5051    text-shadow:
5052        0 3px 12px rgba(0,0,0,.90) !important;
5053}
5054
5055#ut-hero .ut-hero-kicker {
5056    font-family: "Amiri", "Cairo", serif !important;
5057    font-size: 20px !important;
5058    font-weight: 900 !important;
5059    color: #ffffff !important;
5060}
5061
5062/* =========================================================
5063   الرابط
5064========================================================= */
5065
5066#ut-hero .ut-hero-button {
5067    display: inline-flex !important;
5068    align-items: center !important;
5069    justify-content: center !important;
5070
5071    margin-top: 10px !important;
5072    padding: 14px 34px !important;
5073
5074    background:
5075        linear-gradient(
5076            135deg,
5077            #b30000 0%,
5078            #e00000 50%,
5079            #a40000 100%
5080        ) !important;
5081
5082    color: #ffffff !important;
5083
5084    border:
5085        2px solid rgba(255,255,255,.90) !important;
5086
5087    border-radius: 12px !important;
5088
5089    font-family:
5090        "Cairo",
5091        sans-serif !important;
5092
5093    font-size: 18px !important;
5094    font-weight: 900 !important;
5095
5096    text-decoration: none !important;
5097
5098    text-shadow:
5099        0 2px 5px rgba(0,0,0,.45) !important;
5100
5101    box-shadow:
5102        0 8px 22px rgba(0,0,0,.35),
5103        inset 0 1px 0 rgba(255,255,255,.25) !important;
5104
5105    transition:
5106        transform .25s ease,
5107        box-shadow .25s ease,
5108        filter .25s ease !important;
5109}
5110
5111#ut-hero .ut-hero-button:hover {
5112    background:
5113        linear-gradient(
5114            135deg,
5115            #d00000 0%,
5116            #ff1717 50%,
5117            #b00000 100%
5118        ) !important;
5119
5120    color: #ffffff !important;
5121
5122    transform:
5123        translateY(-4px)
5124        scale(1.03) !important;
5125
5126    box-shadow:
5127        0 12px 28px rgba(0,0,0,.45),
5128        0 0 18px rgba(255,30,30,.35) !important;
5129
5130    filter: brightness(1.08);
5131}
5132
5133/* =========================================================
5134   MOBILE
5135========================================================= */
5136
5137@media (max-width:600px) {
5138
5139    #ut-hero .ut-hero-message h1 {
5140        font-size: 34px !important;
5141    }
5142
5143    #ut-hero .ut-hero-message p {
5144        font-size: 16px !important;
5145        line-height: 1.75 !important;
5146    }
5147
5148    #ut-hero .ut-hero-kicker {
5149        font-size: 16px !important;
5150    }
5151
5152    #ut-hero .ut-hero-button {
5153        padding: 11px 25px !important;
5154        font-size: 15px !important;
5155    }
5156}
5157
5158
5159
5160/* =========================================================
5161   H1 / النصوص ليست روابط — الزر فقط قابل للضغط
5162========================================================= */
5163
5164#ut-hero .ut-hero-message h1,
5165#ut-hero .ut-hero-message p,
5166#ut-hero .ut-hero-kicker,
5167#ut-hero .ut-desert-title {
5168    cursor: default !important;
5169    pointer-events: auto !important;
5170}
5171
5172#ut-hero .ut-hero-message h1 a,
5173#ut-hero .ut-hero-message p a,
5174#ut-hero .ut-hero-message .ut-hero-kicker a,
5175#ut-hero .ut-hero-message .ut-desert-title a {
5176    color: inherit !important;
5177    text-decoration: none !important;
5178    pointer-events: none !important;
5179}
5180
5181</style>
5182
5183
5184        
5184<script>
5185
5186        document.addEventListener('DOMContentLoaded', function () {
5187
5188            const hero = document.querySelector('#ut-hero');
5189            if (!hero) return;
5190
5191            const videos = hero.querySelectorAll('.ut-hero-video');
5192            const messages = hero.querySelectorAll('.ut-hero-message');
5193            const next = hero.querySelector('.ut-hero-next');
5194            const prev = hero.querySelector('.ut-hero-prev');
5195            const progress = hero.querySelector('.ut-progress-fill');
5196            const soundButton = hero.querySelector('.ut-hero-sound');
5197
5198            /* =====================================================
5199               النظام الجديد
5200               -----------------------------------------------------
5201               1) الفيديوهات: 1 -> 2 -> 3 -> 1 ...
5202               2) النصوص: 1 -> 2 -> 3 -> 4 -> 5 -> 1 ...
5203               3) لا توجد علاقة بين رقم الفيديو ورقم النص.
5204               4) عند تغيير الفيديو، النص الحالي يستمر.
5205               5) كل نص يبقى 12 ثانية تقريباً حتى يسمح بالقراءة والضغط.
5206            ===================================================== */
5207
5208            const TEXT_DURATION = 12000;
5209
5210            let currentVideo = 0;
5211            let currentText = 0;
5212
5213            let textTimer = null;
5214            let progressTimer = null;
5215
5216            let players = [];
5217            let youtubeReady = false;
5218
5219            let soundEnabled = false;
5220
5221            let manualVideoChange = false;
5222
5223            /* =====================================================
5224               تجهيز YouTube API
5225            ===================================================== */
5226
5227            function loadYouTubeAPI() {
5228
5229                return new Promise(function (resolve) {
5230
5231                    if (window.YT && YT.Player) {
5232                        resolve();
5233                        return;
5234                    }
5235
5236                    const previous = window.onYouTubeIframeAPIReady;
5237
5238                    window.onYouTubeIframeAPIReady = function () {
5239
5240                        if (typeof previous === 'function') {
5241                            try { previous(); } catch (e) {}
5242                        }
5243
5244                        resolve();
5245                    };
5246
5247                    const existing = document.querySelector(
5248                        'script[src="https://www.youtube.com/iframe_api"]'
5249                    );
5250
5251                    if (!existing) {
5252
5253                        const script = document.createElement('script');
5254                        script.src = 'https://www.youtube.com/iframe_api';
5255                        document.head.appendChild(script);
5256                    }
5257                });
5258            }
5259
5260
5261            /* =====================================================
5262               إنشاء مشغلات الفيديو
5263            ===================================================== */
5264
5265            function createPlayers() {
5266
5267                return new Promise(function (resolve) {
5268
5269                    let readyCount = 0;
5270                    const iframeList = hero.querySelectorAll(
5271                        '.ut-hero-video iframe'
5272                    );
5273
5274                    if (!iframeList.length) {
5275                        resolve();
5276                        return;
5277                    }
5278
5279                    iframeList.forEach(function (iframe, index) {
5280
5281                        players[index] = new YT.Player(
5282                            iframe,
5283                            {
5284                                events: {
5285
5286                                    onReady: function (event) {
5287
5288                                        try {
5289                                            if (soundEnabled) {
5290                                                event.target.unMute();
5291                                                event.target.setVolume(100);
5292                                            } else {
5293                                                event.target.mute();
5294                                            }
5295                                        } catch (e) {}
5296
5297                                        readyCount++;
5298
5299                                        if (readyCount === iframeList.length) {
5300                                            resolve();
5301                                        }
5302                                    },
5303
5304                                    onStateChange: function (event) {
5305
5306                                        /* ENDED = 0 */
5307                                        if (
5308                                            event.data === YT.PlayerState.ENDED &&
5309                                            index === currentVideo
5310                                        ) {
5311                                            goToNextVideo();
5312                                        }
5313                                    }
5314                                }
5315                            }
5316                        );
5317                    });
5318                });
5319            }
5320
5321
5322            /* =====================================================
5323               إظهار الفيديو الحالي
5324            ===================================================== */
5325
5326            function showVideo(index) {
5327
5328                if (!videos[index]) return;
5329
5330                videos.forEach(function (video) {
5331                    video.classList.remove('active');
5332                });
5333
5334                videos[index].classList.add('active');
5335                currentVideo = index;
5336
5337                /* إيقاف الفيديوهات الأخرى */
5338                if (youtubeReady) {
5339
5340                    players.forEach(function (player, i) {
5341
5342                        if (!player) return;
5343
5344                        if (i !== index) {
5345                            try {
5346                                player.pauseVideo();
5347                            } catch (e) {}
5348                        }
5349                    });
5350
5351                    /* تشغيل الفيديو الحالي من بدايته */
5352                    if (players[index]) {
5353
5354                        try {
5355                            players[index].seekTo(0, true);
5356
5357                            if (soundEnabled) {
5358                                players[index].unMute();
5359                            } else {
5360                                players[index].mute();
5361                            }
5362
5363                            players[index].playVideo();
5364                        } catch (e) {}
5365                    }
5366                }
5367            }
5368
5369
5370            /* =====================================================
5371               الفيديو التالي
5372            ===================================================== */
5373
5374            function goToNextVideo() {
5375
5376                let nextVideo = currentVideo + 1;
5377
5378                if (nextVideo >= videos.length) {
5379                    nextVideo = 0;
5380                }
5381
5382                showVideo(nextVideo);
5383            }
5384
5385
5386            /* =====================================================
5387               الفيديو السابق — للاستخدام اليدوي
5388            ===================================================== */
5389
5390            function goToPreviousVideo() {
5391
5392                let previousVideo = currentVideo - 1;
5393
5394                if (previousVideo < 0) {
5395                    previousVideo = videos.length - 1;
5396                }
5397
5398                showVideo(previousVideo);
5399            }
5400
5401
5402            /* =====================================================
5403               إظهار النص الحالي
5404               -----------------------------------------------------
5405               لا نفحص data-video هنا.
5406               النصوص مستقلة عن الفيديوهات.
5407            ===================================================== */
5408
5409            function showText(index) {
5410
5411                if (!messages[index]) return;
5412
5413                messages.forEach(function (message) {
5414                    message.classList.remove('active');
5415                });
5416
5417                messages[index].classList.add('active');
5418
5419                currentText = index;
5420
5421                startTextProgress();
5422            }
5423
5424
5425            /* =====================================================
5426               شريط تقدم النص
5427            ===================================================== */
5428
5429            function startTextProgress() {
5430
5431                clearInterval(progressTimer);
5432
5433                if (!progress) return;
5434
5435                progress.style.width = '0%';
5436
5437                const start = Date.now();
5438
5439                progressTimer = setInterval(function () {
5440
5441                    const elapsed = Date.now() - start;
5442
5443                    const percent = Math.min(
5444                        (elapsed / TEXT_DURATION) * 100,
5445                        100
5446                    );
5447
5448                    progress.style.width = percent + '%';
5449
5450                    if (percent >= 100) {
5451                        clearInterval(progressTimer);
5452                    }
5453
5454                }, 40);
5455            }
5456
5457
5458            /* =====================================================
5459               النص التالي
5460            ===================================================== */
5461
5462            function goToNextText() {
5463
5464                let nextText = currentText + 1;
5465
5466                if (nextText >= messages.length) {
5467                    nextText = 0;
5468                }
5469
5470                showText(nextText);
5471
5472                clearTimeout(textTimer);
5473
5474                textTimer = setTimeout(
5475                    goToNextText,
5476                    TEXT_DURATION
5477                );
5478            }
5479
5480
5481            /* =====================================================
5482               بداية دورة النصوص
5483            ===================================================== */
5484
5485            function startTextCycle() {
5486
5487                clearTimeout(textTimer);
5488
5489                textTimer = setTimeout(
5490                    goToNextText,
5491                    TEXT_DURATION
5492                );
5493            }
5494
5495
5496            /* =====================================================
5497               الصوت
5498            ===================================================== */
5499
5500            function updateSoundButton() {
5501
5502                if (!soundButton) return;
5503
5504                if (soundEnabled) {
5505                    soundButton.classList.add('is-on');
5506                    soundButton.setAttribute('aria-label', 'كتم الصوت');
5507                    soundButton.setAttribute('title', 'كتم الصوت');
5508                    soundButton.setAttribute('aria-pressed', 'true');
5509                } else {
5510                    soundButton.classList.remove('is-on');
5511                    soundButton.setAttribute('aria-label', 'تشغيل الصوت');
5512                    soundButton.setAttribute('title', 'تشغيل الصوت');
5513                    soundButton.setAttribute('aria-pressed', 'false');
5514                }
5515            }
5516
5517
5518            function setSound(enabled) {
5519
5520                soundEnabled = !!enabled;
5521
5522                if (youtubeReady) {
5523
5524                    const player = players[currentVideo];
5525
5526                    if (player) {
5527
5528                        try {
5529
5530                            if (soundEnabled) {
5531                                player.unMute();
5532                                player.setVolume(100);
5533                                player.playVideo();
5534                            } else {
5535                                player.mute();
5536                            }
5537
5538                        } catch (e) {}
5539                    }
5540                }
5541
5542                updateSoundButton();
5543            }
5544
5545
5546            if (soundButton) {
5547
5548                soundButton.addEventListener('click', function (event) {
5549
5550                    event.preventDefault();
5551                    event.stopPropagation();
5552
5553                    setSound(!soundEnabled);
5554                });
5555            }
5556
5557            updateSoundButton();
5558
5559
5560            /* =====================================================
5561               الأسهم
5562               -----------------------------------------------------
5563               الأسهم تغيّر الفيديو فقط.
5564               النص الحالي لا يتأثر.
5565            ===================================================== */
5566
5567            if (next) {
5568
5569                next.addEventListener('click', function () {
5570                    goToNextVideo();
5571                });
5572            }
5573
5574            if (prev) {
5575
5576                prev.addEventListener('click', function () {
5577                    goToPreviousVideo();
5578                });
5579            }
5580
5581
5582            /* =====================================================
5583               بدء النظام
5584            ===================================================== */
5585
5586            async function initializeHero() {
5587
5588                /* يبدأ النص الأول */
5589                showText(0);
5590                startTextCycle();
5591
5592                /* يبدأ الفيديو الأول */
5593                showVideo(0);
5594
5595                try {
5596
5597                    await loadYouTubeAPI();
5598                    await createPlayers();
5599
5600                    youtubeReady = true;
5601
5602                    /* إعادة إظهار الفيديو الأول وتشغيله */
5603                    showVideo(0);
5604
5605                } catch (error) {
5606
5607                    console.error(
5608                        'UT Hero YouTube initialization error:',
5609                        error
5610                    );
5611                }
5612            }
5613
5614
5615            initializeHero();
5616
5617        });
5618
5619</script>
5619
5620
5621        
5622
5623            <main
5624                class="ut-page-builder-content"
5625                id="primary"
5626            >
5627
5628                <div
5629                    class="ut-page-builder-content-inner"
5630                >
5631
5632                    
5633        <style>
5634            @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800;900&display=swap');
5635
5636            .ut-univ-page,
5637            .ut-univ-page * {
5638                box-sizing: border-box;
5639            }
5640
5641            .ut-univ-page {
5642                direction: rtl;
5643                width: 100vw;
5644                max-width: 100vw;
5645                margin-right: calc(50% - 50vw);
5646                margin-left: calc(50% - 50vw);
5647                overflow: hidden;
5648                background: #edf3f6;
5649                color: #173b57;
5650                font-family: "Cairo", "Segoe UI", Arial, sans-serif;
5651            }
5652
5653            .ut-univ-page .ut-container {
5654                width: min(1240px, calc(100% - 34px));
5655                margin: 0 auto;
5656            }
5657
5658            /* =====================================================
5659               HERO
5660            ===================================================== */
5661
5662            .ut-univ-page .ut-hero {
5663                position: relative;
5664                min-height: 630px;
5665                display: flex;
5666                align-items: center;
5667                overflow: hidden;
5668                color: #fff;
5669                background:
5670                    radial-gradient(circle at 12% 18%, rgba(255,255,255,.15), transparent 25%),
5671                    radial-gradient(circle at 87% 15%, rgba(228,194,107,.18), transparent 24%),
5672                    linear-gradient(135deg, #073b5c 0%, #075e84 52%, #1286a9 100%);
5673            }
5674
5675            .ut-univ-page .ut-hero-video {
5676                position: absolute;
5677                inset: 0;
5678                width: 100%;
5679                height: 100%;
5680                object-fit: cover;
5681                z-index: 0;
5682            }
5683
5684            .ut-univ-page .ut-hero.has-video::after {
5685                background: linear-gradient(
5686                    90deg,
5687                    rgba(4,37,57,.73),
5688                    rgba(5,73,99,.47),
5689                    rgba(5,62,89,.68)
5690                );
5691            }
5692
5693            .ut-univ-page .ut-hero::after {
5694                content: "";
5695                position: absolute;
5696                inset: 0;
5697                z-index: 1;
5698                background:
5699                    radial-gradient(circle at 50% 45%, rgba(255,255,255,.06), transparent 30%),
5700                    linear-gradient(135deg, rgba(3,42,64,.18), rgba(4,77,102,.32));
5701            }
5702
5703            .ut-univ-page .ut-circle {
5704                position: absolute;
5705                z-index: 1;
5706                border-radius: 50%;
5707                border: 1px solid rgba(255,255,255,.13);
5708                pointer-events: none;
5709            }
5710
5711            .ut-univ-page .ut-circle.one {
5712                width: 580px;
5713                height: 580px;
5714                right: -245px;
5715                top: -290px;
5716            }
5717
5718            .ut-univ-page .ut-circle.two {
5719                width: 390px;
5720                height: 390px;
5721                left: -180px;
5722                bottom: -235px;
5723                border-color: rgba(228,194,107,.20);
5724            }
5725
5726            .ut-univ-page .ut-hero-content {
5727                position: relative;
5728                z-index: 3;
5729                width: 100%;
5730                padding: 70px 0 90px;
5731                text-align: center;
5732            }
5733
5734            .ut-univ-page .ut-hero-kicker {
5735                display: inline-flex;
5736                align-items: center;
5737                gap: 9px;
5738                padding: 8px 15px;
5739                margin-bottom: 17px;
5740                border-radius: 999px;
5741                background: rgba(255,255,255,.10);
5742                border: 1px solid rgba(255,255,255,.23);
5743                box-shadow: 0 7px 22px rgba(0,0,0,.08);
5744                font-size: 13px;
5745                font-weight: 800;
5746            }
5747
5748            .ut-univ-page .ut-hero-kicker::before {
5749                content: "";
5750                width: 9px;
5751                height: 9px;
5752                border-radius: 50%;
5753                background: #e5c76e;
5754                box-shadow: 0 0 0 5px rgba(229,199,110,.13);
5755            }
5756
5757            .ut-univ-page .ut-hero-logo {
5758                width: 154px;
5759                height: 154px;
5760                margin: 0 auto 19px;
5761                object-fit: contain;
5762                filter: drop-shadow(0 15px 25px rgba(0,0,0,.23));
5763                animation: utLogoFloat 4.6s ease-in-out infinite;
5764            }
5765
5766            .ut-univ-page .ut-logo-placeholder {
5767                width: 154px;
5768                height: 154px;
5769                margin: 0 auto 19px;
5770                border-radius: 50%;
5771                display: flex;
5772                align-items: center;
5773                justify-content: center;
5774                text-align: center;
5775                padding: 22px;
5776                color: #fff;
5777                font-size: 18px;
5778                font-weight: 900;
5779                line-height: 1.7;
5780                background:
5781                    radial-gradient(circle at 32% 28%, #1f8cae, #0d4567 67%);
5782                border: 4px solid rgba(255,255,255,.86);
5783                box-shadow:
5784                    0 17px 34px rgba(0,0,0,.23),
5785                    0 0 0 11px rgba(255,255,255,.055);
5786                animation: utLogoSpin3D 13s linear infinite;
5787            }
5788
5789            @keyframes utLogoFloat {
5790                0%,100% { transform: translateY(0) rotate(-1deg); }
5791                50% { transform: translateY(-8px) rotate(1deg); }
5792            }
5793
5794            @keyframes utLogoSpin3D {
5795                0%   { transform: perspective(800px) rotateY(0deg) translateY(0); }
5796                50%  { transform: perspective(800px) rotateY(180deg) translateY(-5px); }
5797                100% { transform: perspective(800px) rotateY(360deg) translateY(0); }
5798            }
5799
5800            .ut-univ-page .ut-hero-title {
5801                max-width: 1120px;
5802                margin: 0 auto;
5803                color: #fff;
5804                font-size: clamp(34px, 5vw, 60px);
5805                font-weight: 900;
5806                line-height: 1.38;
5807                letter-spacing: -.5px;
5808                text-shadow: 0 5px 18px rgba(0,0,0,.22);
5809            }
5810
5811            .ut-univ-page .ut-hero-title::after {
5812                content: "";
5813                display: block;
5814                width: 115px;
5815                height: 5px;
5816                margin: 19px auto 21px;
5817                border-radius: 999px;
5818                background: linear-gradient(90deg, #e5c76e, #fff, #e5c76e);
5819            }
5820
5821            .ut-univ-page .ut-hero-subtitle {
5822                max-width: 860px;
5823                margin: 0 auto;
5824                color: rgba(255,255,255,.93);
5825                font-size: 18px;
5826                font-weight: 600;
5827                line-height: 2;
5828            }
5829
5830            .ut-univ-page .ut-hero-actions {
5831                display: flex;
5832                justify-content: center;
5833                gap: 10px;
5834                flex-wrap: wrap;
5835                margin-top: 24px;
5836            }
5837
5838            .ut-univ-page .ut-btn {
5839                display: inline-flex;
5840                align-items: center;
5841                justify-content: center;
5842                min-height: 45px;
5843                padding: 9px 19px;
5844                border-radius: 11px;
5845                text-decoration: none !important;
5846                font-family: inherit;
5847                font-size: 13px;
5848                font-weight: 900;
5849                transition: .23s ease;
5850            }
5851
5852            .ut-univ-page .ut-btn-primary {
5853                color: #123b5d;
5854                background: #e5c76e;
5855                box-shadow: 0 9px 22px rgba(0,0,0,.14);
5856            }
5857
5858            .ut-univ-page .ut-btn-primary:hover {
5859                transform: translateY(-3px);
5860                background: #f0d88a;
5861            }
5862
5863            .ut-univ-page .ut-btn-ghost {
5864                color: #fff;
5865                border: 1px solid rgba(255,255,255,.35);
5866                background: rgba(255,255,255,.08);
5867            }
5868
5869            .ut-univ-page .ut-btn-ghost:hover {
5870                transform: translateY(-3px);
5871                background: rgba(255,255,255,.14);
5872            }
5873
5874            /* =====================================================
5875               STATISTICS
5876            ===================================================== */
5877
5878            .ut-univ-page .ut-stats-wrap {
5879                position: relative;
5880                z-index: 5;
5881                margin-top: -31px;
5882            }
5883
5884            .ut-univ-page .ut-stats {
5885                display: grid;
5886                grid-template-columns: repeat(5, 1fr);
5887                gap: 10px;
5888            }
5889
5890            .ut-univ-page .ut-stat {
5891                min-height: 118px;
5892                display: flex;
5893                flex-direction: column;
5894                align-items: center;
5895                justify-content: center;
5896                padding: 16px 11px;
5897                text-align: center;
5898                color: #fff;
5899                border-radius: 15px;
5900                border: 1px solid rgba(255,255,255,.30);
5901                background: linear-gradient(145deg,#123b5d,#0c6d99);
5902                box-shadow: 0 15px 29px rgba(18,59,93,.17);
5903            }
5904
5905            .ut-univ-page .ut-stat:nth-child(2) {
5906                background: linear-gradient(145deg,#0b628b,#1489ac);
5907            }
5908
5909            .ut-univ-page .ut-stat:nth-child(3) {
5910                background: linear-gradient(145deg,#8b691e,#c9a34e);
5911            }
5912
5913            .ut-univ-page .ut-stat:nth-child(4) {
5914                background: linear-gradient(145deg,#185769,#2a8b8f);
5915            }
5916
5917            .ut-univ-page .ut-stat:nth-child(5) {
5918                background: linear-gradient(145deg,#16476a,#237bab);
5919            }
5920
5921            .ut-univ-page .ut-stat-number {
5922                display: block;
5923                font-size: 34px;
5924                line-height: 1;
5925                font-weight: 900;
5926            }
5927
5928            .ut-univ-page .ut-stat-label {
5929                display: block;
5930                margin-top: 8px;
5931                font-size: 12px;
5932                font-weight: 800;
5933                color: rgba(255,255,255,.91);
5934            }
5935
5936            /* =====================================================
5937               MAIN SECTIONS
5938            ===================================================== */
5939
5940            .ut-univ-page .ut-section {
5941                position: relative;
5942                padding: 72px 0;
5943            }
5944
5945            .ut-univ-page .ut-section:nth-of-type(even) {
5946                background: #e8f1f5;
5947            }
5948
5949            .ut-univ-page .ut-section-head {
5950                max-width: 850px;
5951                margin: 0 auto 34px;
5952                text-align: center;
5953            }
5954
5955            .ut-univ-page .ut-section-kicker {
5956                display: block;
5957                margin-bottom: 5px;
5958                color: #a97818;
5959                font-size: 12px;
5960                font-weight: 900;
5961            }
5962
5963            .ut-univ-page .ut-section-title {
5964                margin: 0;
5965                color: #123b5d;
5966                font-size: clamp(26px, 3.4vw, 39px);
5967                line-height: 1.5;
5968                font-weight: 900;
5969            }
5970
5971            .ut-univ-page .ut-section-title::after {
5972                content: "";
5973                display: block;
5974                width: 78px;
5975                height: 4px;
5976                margin: 11px auto 0;
5977                border-radius: 999px;
5978                background: linear-gradient(90deg,#0a6e9e,#c9a34e);
5979            }
5980
5981            .ut-univ-page .ut-section-desc {
5982                margin: 12px 0 0;
5983                color: #5d7582;
5984                font-size: 15px;
5985                line-height: 2;
5986                font-weight: 600;
5987            }
5988
5989            /* =====================================================
5990               INTRO + VISION/MISSION
5991            ===================================================== */
5992
5993            .ut-univ-page .ut-intro-grid {
5994                display: grid;
5995                grid-template-columns: 1fr 1.12fr;
5996                gap: 25px;
5997                align-items: stretch;
5998            }
5999
6000            .ut-univ-page .ut-intro-image {
6001                min-height: 390px;
6002                position: relative;
6003                overflow: hidden;
6004                border-radius: 21px;
6005                background:
6006                    linear-gradient(145deg,#0b5578,#1282a4 55%,#d0a84d);
6007                box-shadow: 0 18px 40px rgba(18,59,93,.13);
6008            }
6009
6010            .ut-univ-page .ut-intro-image::before {
6011                content: "";
6012                position: absolute;
6013                inset: 0;
6014                background:
6015                    radial-gradient(circle at 25% 30%, rgba(255,255,255,.17), transparent 22%),
6016                    linear-gradient(135deg, rgba(9,57,83,.12), rgba(9,57,83,.35));
6017                z-index: 1;
6018            }
6019
6020            .ut-univ-page .ut-intro-image img {
6021                width: 100%;
6022                height: 100%;
6023                object-fit: cover;
6024                position: absolute;
6025                inset: 0;
6026            }
6027
6028            .ut-univ-page .ut-intro-badge {
6029                position: absolute;
6030                left: 23px;
6031                bottom: 22px;
6032                z-index: 2;
6033                padding: 12px 14px;
6034                border-radius: 12px;
6035                color: #fff;
6036                background: rgba(8,48,71,.78);
6037                border: 1px solid rgba(255,255,255,.22);
6038                font-size: 13px;
6039                font-weight: 900;
6040                backdrop-filter: blur(8px);
6041            }
6042
6043            .ut-univ-page .ut-image-placeholder {
6044                position: absolute;
6045                inset: 0;
6046                z-index: 2;
6047                display: flex;
6048                align-items: center;
6049                justify-content: center;
6050                text-align: center;
6051                color: #fff;
6052                padding: 45px;
6053                font-size: 24px;
6054                font-weight: 900;
6055                line-height: 1.8;
6056            }
6057
6058            .ut-univ-page .ut-intro-card {
6059                display: flex;
6060                flex-direction: column;
6061                justify-content: center;
6062                padding: 34px;
6063                border-radius: 21px;
6064                background: #fff;
6065                border: 1px solid #d6e4eb;
6066                border-right: 6px solid #c9a34e;
6067                box-shadow: 0 15px 33px rgba(18,59,93,.08);
6068            }
6069
6070            .ut-univ-page .ut-intro-card h3 {
6071                margin: 0 0 13px;
6072                color: #123b5d;
6073                font-size: 28px;
6074                font-weight: 900;
6075            }
6076
6077            .ut-univ-page .ut-intro-card p {
6078                margin: 0;
6079                color: #506a78;
6080                font-size: 16px;
6081                font-weight: 600;
6082                line-height: 2.15;
6083            }
6084
6085            .ut-univ-page .ut-vm {
6086                display: grid;
6087                grid-template-columns: 1fr 1fr;
6088                gap: 15px;
6089                margin-top: 20px;
6090            }
6091
6092            .ut-univ-page .ut-vm-card {
6093                padding: 22px;
6094                border-radius: 17px;
6095                color: #fff;
6096                box-shadow: 0 12px 25px rgba(18,59,93,.11);
6097            }
6098
6099            .ut-univ-page .ut-vm-card.vision {
6100                background: linear-gradient(145deg,#123b5d,#0b709c);
6101            }
6102
6103            .ut-univ-page .ut-vm-card.mission {
6104                background: linear-gradient(145deg,#7c5d1c,#c5a04b);
6105            }
6106
6107            .ut-univ-page .ut-vm-card h3 {
6108                margin: 0 0 8px;
6109                font-size: 20px;
6110                font-weight: 900;
6111            }
6112
6113            .ut-univ-page .ut-vm-card p {
6114                margin: 0;
6115                color: rgba(255,255,255,.93);
6116                font-size: 13px;
6117                font-weight: 600;
6118                line-height: 1.95;
6119            }
6120
6121            /* =====================================================
6122               HIGHLIGHTS
6123            ===================================================== */
6124
6125            .ut-univ-page .ut-highlight-grid {
6126                display: grid;
6127                grid-template-columns: repeat(4,1fr);
6128                gap: 14px;
6129            }
6130
6131            .ut-univ-page .ut-highlight {
6132                position: relative;
6133                min-height: 190px;
6134                padding: 23px 19px;
6135                overflow: hidden;
6136                border-radius: 17px;
6137                background: #fff;
6138                border: 1px solid #d5e4eb;
6139                box-shadow: 0 9px 23px rgba(18,59,93,.05);
6140                transition: .25s ease;
6141            }
6142
6143            .ut-univ-page .ut-highlight:hover {
6144                transform: translateY(-6px);
6145                box-shadow: 0 17px 31px rgba(18,59,93,.10);
6146            }
6147
6148            .ut-univ-page .ut-highlight::before {
6149                content: "";
6150                position: absolute;
6151                top: 0;
6152                right: 0;
6153                width: 100%;
6154                height: 5px;
6155            }
6156
6157            .ut-univ-page .ut-highlight.blue::before {
6158                background: #0b6f9f;
6159            }
6160
6161            .ut-univ-page .ut-highlight.gold::before {
6162                background: #c9a34e;
6163            }
6164
6165            .ut-univ-page .ut-highlight.teal::before {
6166                background: #238988;
6167            }
6168
6169            .ut-univ-page .ut-highlight.navy::before {
6170                background: #123b5d;
6171            }
6172
6173            .ut-univ-page .ut-highlight-number {
6174                color: #c19a40;
6175                font-size: 12px;
6176                font-weight: 900;
6177            }
6178
6179            .ut-univ-page .ut-highlight h3 {
6180                margin: 7px 0;
6181                color: #123b5d;
6182                font-size: 19px;
6183                font-weight: 900;
6184            }
6185
6186            .ut-univ-page .ut-highlight p {
6187                margin: 0;
6188                color: #607884;
6189                font-size: 13px;
6190                font-weight: 600;
6191                line-height: 1.9;
6192            }
6193
6194            /* =====================================================
6195               TIMELINE
6196            ===================================================== */
6197
6198            .ut-univ-page .ut-timeline {
6199                position: relative;
6200                display: grid;
6201                gap: 17px;
6202                max-width: 980px;
6203                margin: 0 auto;
6204            }
6205
6206            .ut-univ-page .ut-timeline::before {
6207                content: "";
6208                position: absolute;
6209                top: 8px;
6210                bottom: 8px;
6211                right: 21px;
6212                width: 3px;
6213                background: linear-gradient(180deg,#0b6f9f,#c9a34e,#0b6f9f);
6214                border-radius: 999px;
6215            }
6216
6217            .ut-univ-page .ut-timeline-item {
6218                position: relative;
6219                display: grid;
6220                grid-template-columns: 95px 1fr;
6221                gap: 18px;
6222                align-items: start;
6223            }
6224
6225            .ut-univ-page .ut-timeline-dot {
6226                position: relative;
6227                z-index: 2;
6228                width: 45px;
6229                height: 45px;
6230                margin-right: 0;
6231                border-radius: 50%;
6232                display: flex;
6233                align-items: center;
6234                justify-content: center;
6235                color: #fff;
6236                background: #123b5d;
6237                border: 5px solid #e8f1f5;
6238                box-shadow: 0 5px 13px rgba(18,59,93,.15);
6239                font-size: 9px;
6240                font-weight: 900;
6241            }
6242
6243            .ut-univ-page .ut-timeline-card {
6244                padding: 18px 20px;
6245                border-radius: 15px;
6246                background: #fff;
6247                border: 1px solid #d5e4eb;
6248                box-shadow: 0 8px 21px rgba(18,59,93,.05);
6249            }
6250
6251            .ut-univ-page .ut-timeline-year {
6252                color: #b28728;
6253                font-size: 12px;
6254                font-weight: 900;
6255            }
6256
6257            .ut-univ-page .ut-timeline-card h3 {
6258                margin: 4px 0 5px;
6259                color: #123b5d;
6260                font-size: 18px;
6261                font-weight: 900;
6262            }
6263
6264            .ut-univ-page .ut-timeline-card p {
6265                margin: 0;
6266                color: #617987;
6267                font-size: 13px;
6268                line-height: 1.9;
6269                font-weight: 600;
6270            }
6271
6272            /* =====================================================
6273               STRUCTURES
6274            ===================================================== */
6275
6276            .ut-univ-page .ut-structure-grid,
6277            .ut-univ-page .ut-platform-grid {
6278                display: grid;
6279                grid-template-columns: repeat(4,1fr);
6280                gap: 14px;
6281            }
6282
6283            .ut-univ-page .ut-structure,
6284            .ut-univ-page .ut-platform {
6285                position: relative;
6286                display: block;
6287                min-height: 185px;
6288                padding: 21px;
6289                border-radius: 17px;
6290                text-decoration: none !important;
6291                background: #fff;
6292                border: 1px solid #d5e4eb;
6293                box-shadow: 0 9px 22px rgba(18,59,93,.05);
6294                overflow: hidden;
6295                transition: .24s ease;
6296            }
6297
6298            .ut-univ-page .ut-structure:hover,
6299            .ut-univ-page .ut-platform:hover {
6300                transform: translateY(-6px);
6301                border-color: #b9d1dc;
6302                box-shadow: 0 17px 31px rgba(18,59,93,.09);
6303            }
6304
6305            .ut-univ-page .ut-card-tag {
6306                display: inline-block;
6307                padding: 4px 8px;
6308                margin-bottom: 12px;
6309                border-radius: 7px;
6310                background: #0b6f9f;
6311                color: #fff;
6312                font-size: 10px;
6313                font-weight: 900;
6314            }
6315
6316            .ut-univ-page .ut-structure:nth-child(2) .ut-card-tag,
6317            .ut-univ-page .ut-platform:nth-child(2) .ut-card-tag {
6318                background: #c09a3f;
6319            }
6320
6321            .ut-univ-page .ut-structure h3,
6322            .ut-univ-page .ut-platform h3 {
6323                margin: 0 0 8px;
6324                color: #123b5d;
6325                font-size: 18px;
6326                font-weight: 900;
6327                line-height: 1.6;
6328            }
6329
6330            .ut-univ-page .ut-structure p,
6331            .ut-univ-page .ut-platform p {
6332                margin: 0;
6333                color: #607884;
6334                font-size: 13px;
6335                font-weight: 600;
6336                line-height: 1.88;
6337            }
6338
6339            .ut-univ-page .ut-card-arrow {
6340                position: absolute;
6341                left: 17px;
6342                bottom: 14px;
6343                color: #c49b38;
6344                font-size: 18px;
6345                font-weight: 900;
6346            }
6347
6348            /* =====================================================
6349               DOCUMENTS
6350            ===================================================== */
6351
6352            .ut-univ-page .ut-docs {
6353                display: grid;
6354                grid-template-columns: repeat(3,1fr);
6355                gap: 11px;
6356            }
6357
6358            .ut-univ-page .ut-doc {
6359                display: flex;
6360                align-items: center;
6361                justify-content: space-between;
6362                gap: 10px;
6363                min-height: 61px;
6364                padding: 13px 16px;
6365                border-radius: 11px;
6366                background: #fff;
6367                border: 1px solid #d5e4eb;
6368                border-right: 4px solid #c9a34e;
6369                color: #173b57;
6370                text-decoration: none !important;
6371                font-size: 13px;
6372                font-weight: 800;
6373                box-shadow: 0 7px 17px rgba(18,59,93,.04);
6374                transition: .2s ease;
6375            }
6376
6377            .ut-univ-page .ut-doc:hover {
6378                transform: translateX(-4px);
6379                background: #eef7fa;
6380            }
6381
6382            .ut-univ-page .ut-doc-arrow {
6383                color: #0b6f9f;
6384                font-size: 18px;
6385                font-weight: 900;
6386            }
6387
6388            /* =====================================================
6389               NEWS
6390            ===================================================== */
6391
6392            .ut-univ-page .ut-news {
6393                display: grid;
6394                grid-template-columns: repeat(3,1fr);
6395                gap: 14px;
6396            }
6397
6398            .ut-univ-page .ut-news-card {
6399                padding: 20px;
6400                border-radius: 16px;
6401                background: #fff;
6402                border: 1px solid #d5e4eb;
6403                border-top: 4px solid #0b6f9f;
6404                box-shadow: 0 8px 21px rgba(18,59,93,.05);
6405                transition: .23s ease;
6406            }
6407
6408            .ut-univ-page .ut-news-card:hover {
6409                transform: translateY(-5px);
6410                box-shadow: 0 15px 29px rgba(18,59,93,.08);
6411            }
6412
6413            .ut-univ-page .ut-news-date {
6414                color: #ae8023;
6415                font-size: 11px;
6416                font-weight: 900;
6417            }
6418
6419            .ut-univ-page .ut-news-card h3 {
6420                margin: 6px 0 8px;
6421                color: #123b5d;
6422                font-size: 18px;
6423                font-weight: 900;
6424                line-height: 1.6;
6425            }
6426
6427            .ut-univ-page .ut-news-card p {
6428                margin: 0 0 13px;
6429                color: #637985;
6430                font-size: 13px;
6431                font-weight: 600;
6432                line-height: 1.9;
6433            }
6434
6435            .ut-univ-page .ut-news-card a {
6436                color: #0b6f9f;
6437                text-decoration: none;
6438                font-size: 12px;
6439                font-weight: 900;
6440            }
6441
6442            /* =====================================================
6443               CONTACT
6444            ===================================================== */
6445
6446            .ut-univ-page .ut-contact {
6447                display: grid;
6448                grid-template-columns: 1fr 1fr;
6449                gap: 15px;
6450            }
6451
6452            .ut-univ-page .ut-contact-card {
6453                padding: 23px;
6454                border-radius: 17px;
6455                background: #fff;
6456                border: 1px solid #d5e4eb;
6457                box-shadow: 0 8px 21px rgba(18,59,93,.05);
6458            }
6459
6460            .ut-univ-page .ut-contact-card h3 {
6461                margin: 0 0 8px;
6462                color: #123b5d;
6463                font-size: 22px;
6464                font-weight: 900;
6465            }
6466
6467            .ut-univ-page .ut-contact-card p {
6468                margin: 0;
6469                color: #607885;
6470                font-size: 14px;
6471                font-weight: 600;
6472                line-height: 2;
6473            }
6474
6475            .ut-univ-page .ut-contact-lines {
6476                display: grid;
6477                gap: 8px;
6478            }
6479
6480            .ut-univ-page .ut-contact-line {
6481                padding: 11px 13px;
6482                border-radius: 9px;
6483                background: #edf5f8;
6484                border: 1px solid #dbe7ed;
6485                color: #526c79;
6486                font-size: 12px;
6487                font-weight: 800;
6488            }
6489
6490            /* =====================================================
6491               FOOTER
6492            ===================================================== */
6493
6494            .ut-univ-page .ut-footer {
6495                padding: 28px 0;
6496                text-align: center;
6497                color: rgba(255,255,255,.84);
6498                background: #123b5d;
6499                border-top: 4px solid #c9a34e;
6500            }
6501
6502            .ut-univ-page .ut-footer strong {
6503                color: #fff;
6504                font-weight: 900;
6505            }
6506
6507            .ut-univ-page .ut-footer p {
6508                margin: 0;
6509                font-size: 13px;
6510                font-weight: 600;
6511            }
6512
6513            /* =====================================================
6514               RESPONSIVE
6515            ===================================================== */
6516
6517            @media (max-width: 1050px) {
6518                .ut-univ-page .ut-stats {
6519                    grid-template-columns: repeat(3,1fr);
6520                }
6521
6522                .ut-univ-page .ut-highlight-grid,
6523                .ut-univ-page .ut-structure-grid,
6524                .ut-univ-page .ut-platform-grid {
6525                    grid-template-columns: repeat(2,1fr);
6526                }
6527            }
6528
6529            @media (max-width: 800px) {
6530                .ut-univ-page .ut-hero {
6531                    min-height: auto;
6532                }
6533
6534                .ut-univ-page .ut-hero-content {
6535                    padding: 52px 0 72px;
6536                }
6537
6538                .ut-univ-page .ut-intro-grid {
6539                    grid-template-columns: 1fr;
6540                }
6541
6542                .ut-univ-page .ut-intro-image {
6543                    min-height: 300px;
6544                }
6545
6546                .ut-univ-page .ut-vm {
6547                    grid-template-columns: 1fr;
6548                }
6549
6550                .ut-univ-page .ut-services,
6551                .ut-univ-page .ut-news,
6552                .ut-univ-page .ut-contact {
6553                    grid-template-columns: 1fr;
6554                }
6555
6556                .ut-univ-page .ut-docs {
6557                    grid-template-columns: repeat(2,1fr);
6558                }
6559            }
6560
6561            @media (max-width: 560px) {
6562                .ut-univ-page .ut-container {
6563                    width: min(100% - 16px,1240px);
6564                }
6565
6566                .ut-univ-page .ut-hero-title {
6567                    font-size: 27px;
6568                }
6569
6570                .ut-univ-page .ut-hero-subtitle {
6571                    font-size: 14px;
6572                }
6573
6574                .ut-univ-page .ut-hero-logo,
6575                .ut-univ-page .ut-logo-placeholder {
6576                    width: 124px;
6577                    height: 124px;
6578                }
6579
6580                .ut-univ-page .ut-stats,
6581                .ut-univ-page .ut-highlight-grid,
6582                .ut-univ-page .ut-structure-grid,
6583                .ut-univ-page .ut-platform-grid,
6584                .ut-univ-page .ut-docs {
6585                    grid-template-columns: 1fr;
6586                }
6587
6588                .ut-univ-page .ut-stat-number {
6589                    font-size: 31px;
6590                }
6591
6592                .ut-univ-page .ut-section {
6593                    padding: 52px 0;
6594                }
6595
6596                .ut-univ-page .ut-intro-card {
6597                    padding: 23px;
6598                }
6599
6600                .ut-univ-page .ut-timeline-item {
6601                    grid-template-columns: 60px 1fr;
6602                    gap: 10px;
6603                }
6604
6605                .ut-univ-page .ut-timeline::before {
6606                    right: 15px;
6607                }
6608
6609                .ut-univ-page .ut-timeline-dot {
6610                    width: 34px;
6611                    height: 34px;
6612                    font-size: 8px;
6613                }
6614            }
6615
6616            @media (prefers-reduced-motion: reduce) {
6617                .ut-univ-page .ut-logo-placeholder,
6618                .ut-univ-page .ut-hero-logo {
6619                    animation: none;
6620                }
6621
6622                .ut-univ-page * {
6623                    scroll-behavior: auto !important;
6624                }
6625            }
6626        </style>
6627
6628        <div class="ut-univ-page">
6629
6630            <!-- =====================================================
6631                 HERO
6632            ====================================================== -->
6633
6634            <section class="ut-hero ">
6635
6636                
6637                <span class="ut-circle one"></span>
6638                <span class="ut-circle two"></span>
6639
6640                <div class="ut-container">
6641                    <div class="ut-hero-content">
6642
6643                        <div class="ut-hero-kicker">
6644                            جامعة تندوف                        </div>
6645
6646                        
6647                            <div class="ut-logo-placeholder">
6648                                شعار<br>جامعة تندوف                            </div>
6649
6650                        
6651                        <h1 class="ut-hero-title">
6652                            نبذة عن جامعة تندوف                        </h1>
6653
6654                        <p class="ut-hero-subtitle">
6655                            تعريف بالجامعة ورسالتها ودورها في التعليم والتكوين والبحث العلمي وخدمة المجتمع.                        </p>
6656
6657                        <div class="ut-hero-actions">
6658
6659                            <a
6660                                href="#ut-univ-about"
6661                                class="ut-btn ut-btn-primary"
6662                            >
6663                                اكتشف الجامعة ↓
6664                            </a>
6665
6666                            <a
6667                                href="#ut-univ-structures"
6668                                class="ut-btn ut-btn-ghost"
6669                            >
6670                                هياكل الجامعة
6671                            </a>
6672
6673                        </div>
6674
6675                    </div>
6676                </div>
6677
6678            </section>
6679
6680            <!-- =====================================================
6681                 STATS
6682            ====================================================== -->
6683
6684            <section class="ut-stats-wrap">
6685                <div class="ut-container">
6686
6687                    <div class="ut-stats">
6688
6689                        
6690                            <div class="ut-stat">
6691
6692                                <span
6693                                    class="ut-stat-number"
6694                                    data-value="0"
6695                                >0</span>
6696
6697                                <span class="ut-stat-label">
6698                                    طالب                                </span>
6699
6700                            </div>
6701
6702                        
6703                            <div class="ut-stat">
6704
6705                                <span
6706                                    class="ut-stat-number"
6707                                    data-value="0"
6708                                >0</span>
6709
6710                                <span class="ut-stat-label">
6711                                    أستاذ                                </span>
6712
6713                            </div>
6714
6715                        
6716                            <div class="ut-stat">
6717
6718                                <span
6719                                    class="ut-stat-number"
6720                                    data-value="0"
6721                                >0</span>
6722
6723                                <span class="ut-stat-label">
6724                                    تخصص                                </span>
6725
6726                            </div>
6727
6728                        
6729                            <div class="ut-stat">
6730
6731                                <span
6732                                    class="ut-stat-number"
6733                                    data-value="0"
6734                                >0</span>
6735
6736                                <span class="ut-stat-label">
6737                                    كلية / معهد                                </span>
6738
6739                            </div>
6740
6741                        
6742                            <div class="ut-stat">
6743
6744                                <span
6745                                    class="ut-stat-number"
6746                                    data-value="0"
6747                                >0</span>
6748
6749                                <span class="ut-stat-label">
6750                                    مركز / هيئة                                </span>
6751
6752                            </div>
6753
6754                        
6755                    </div>
6756
6757                </div>
6758            </section>
6759
6760            <!-- =====================================================
6761                 ABOUT
6762            ====================================================== -->
6763
6764            <section
6765                class="ut-section"
6766                id="ut-univ-about"
6767            >
6768
6769                <div class="ut-container">
6770
6771                    <div class="ut-section-head">
6772
6773                        <span class="ut-section-kicker">
6774                            التعريف
6775                        </span>
6776
6777                        <h2 class="ut-section-title">
6778                            عن الجامعة
6779                        </h2>
6780
6781                        <p class="ut-section-desc">
6782                            نبذة مؤسساتية يمكن تحديثها لاحقًا من النص الرسمي.
6783                        </p>
6784
6785                    </div>
6786
6787                    <div class="ut-intro-grid">
6788
6789                        <div class="ut-intro-image">
6790
6791                            
6792                                <div class="ut-image-placeholder">
6793                                    صورة الجامعة<br>
6794                                    أو الحرم الجامعي
6795                                </div>
6796
6797                            
6798                            <div class="ut-intro-badge">
6799                                جامعة تندوف · التعليم · البحث · الابتكار
6800                            </div>
6801
6802                        </div>
6803
6804                        <div class="ut-intro-card">
6805
6806                            <h3>
6807                                جامعة تندوف                            </h3>
6808
6809                            <p>
6810                                تُعد جامعة تندوف مؤسسة للتعليم العالي والبحث العلمي، وتسهم في توفير تكوين جامعي متنوع، ودعم النشاط العلمي، وتطوير الكفاءات، والانفتاح على محيطها الاقتصادي والاجتماعي. ويقدم هذا القسم نبذة عامة عن الجامعة، ويمكن استبدال هذا النص لاحقًا بالصياغة المؤسسية الرسمية المعتمدة.                            </p>
6811
6812                            <div class="ut-vm">
6813
6814                                <div class="ut-vm-card vision">
6815
6816                                    <h3>رؤيتنا</h3>
6817
6818                                    <p>
6819                                        تسعى الجامعة إلى بناء بيئة جامعية محفزة على التميز والمعرفة والابتكار، وتعزيز جودة التعليم والبحث العلمي، وتطوير الشراكات وخدمة المجتمع.                                    </p>
6820
6821                                </div>
6822
6823                                <div class="ut-vm-card mission">
6824
6825                                    <h3>رسالتنا</h3>
6826
6827                                    <p>
6828                                        تتمثل رسالة الجامعة في تقديم تكوين جامعي ذي جودة، ودعم البحث العلمي، وتنمية قدرات الطلبة والأساتذة، والمساهمة في التنمية المحلية والوطنية من خلال المعرفة والابتكار.                                    </p>
6829
6830                                </div>
6831
6832                            </div>
6833
6834                        </div>
6835
6836                    </div>
6837
6838                </div>
6839
6840            </section>
6841
6842            <!-- =====================================================
6843                 HIGHLIGHTS
6844            ====================================================== -->
6845
6846            <section class="ut-section">
6847
6848                <div class="ut-container">
6849
6850                    <div class="ut-section-head">
6851
6852                        <span class="ut-section-kicker">
6853                            مجالات العمل
6854                        </span>
6855
6856                        <h2 class="ut-section-title">
6857                            الجامعة في محاور
6858                        </h2>
6859
6860                        <p class="ut-section-desc">
6861                            عرض مختصر لأهم المجالات التي يمكن إبرازها في الصفحة.
6862                        </p>
6863
6864                    </div>
6865
6866                    <div class="ut-highlight-grid">
6867
6868                        
6869                            <article class="ut-highlight blue">
6870
6871                                <div class="ut-highlight-number">
6872                                    01                                </div>
6873
6874                                <h3>
6875                                    التعليم والتكوين                                </h3>
6876
6877                                <p>
6878                                    تقديم مسارات تكوين جامعية متنوعة ومرافقة المسار الأكاديمي للطلبة.                                </p>
6879
6880                            </article>
6881
6882                        
6883                            <article class="ut-highlight gold">
6884
6885                                <div class="ut-highlight-number">
6886                                    02                                </div>
6887
6888                                <h3>
6889                                    البحث العلمي                                </h3>
6890
6891                                <p>
6892                                    دعم النشاط العلمي والبحثي وتشجيع الإنتاج العلمي والمشاريع البحثية.                                </p>
6893
6894                            </article>
6895
6896                        
6897                            <article class="ut-highlight teal">
6898
6899                                <div class="ut-highlight-number">
6900                                    03                                </div>
6901
6902                                <h3>
6903                                    الابتكار                                </h3>
6904
6905                                <p>
6906                                    تشجيع الابتكار وريادة الأعمال وربط المعرفة بحاجات المحيط.                                </p>
6907
6908                            </article>
6909
6910                        
6911                            <article class="ut-highlight navy">
6912
6913                                <div class="ut-highlight-number">
6914                                    04                                </div>
6915
6916                                <h3>
6917                                    التعاون والشراكة                                </h3>
6918
6919                                <p>
6920                                    تطوير علاقات التعاون والشراكة مع المؤسسات والهيئات الوطنية والدولية.                                </p>
6921
6922                            </article>
6923
6924                        
6925                    </div>
6926
6927                </div>
6928
6929            </section>
6930
6931            <!-- =====================================================
6932                 HISTORY / TIMELINE
6933            ====================================================== -->
6934
6935            <section class="ut-section">
6936
6937                <div class="ut-container">
6938
6939                    <div class="ut-section-head">
6940
6941                        <span class="ut-section-kicker">
6942                            المسار
6943                        </span>
6944
6945                        <h2 class="ut-section-title">
6946                            محطات من تاريخ الجامعة
6947                        </h2>
6948
6949                        <p class="ut-section-desc">
6950                            نموذج زمني جاهز لاستقبال المحطات التاريخية الرسمية.
6951                        </p>
6952
6953                    </div>
6954
6955                    <div class="ut-timeline">
6956
6957                        
6958                            <div class="ut-timeline-item">
6959
6960                                <div class="ut-timeline-dot">
6961                                    ●
6962                                </div>
6963
6964                                <div class="ut-timeline-card">
6965
6966                                    <div class="ut-timeline-year">
6967                                        مرحلة 01                                    </div>
6968
6969                                    <h3>
6970                                        تأسيس الجامعة                                    </h3>
6971
6972                                    <p>
6973                                        يستبدل هذا النص بالمعلومة التاريخية الرسمية.                                    </p>
6974
6975                                </div>
6976
6977                            </div>
6978
6979                        
6980                            <div class="ut-timeline-item">
6981
6982                                <div class="ut-timeline-dot">
6983                                    ●
6984                                </div>
6985
6986                                <div class="ut-timeline-card">
6987
6988                                    <div class="ut-timeline-year">
6989                                        مرحلة 02                                    </div>
6990
6991                                    <h3>
6992                                        تطور هياكل التكوين                                    </h3>
6993
6994                                    <p>
6995                                        يستبدل هذا النص بالمحطات الرسمية لتطور الجامعة.                                    </p>
6996
6997                                </div>
6998
6999                            </div>
7000
7001                        
7002                            <div class="ut-timeline-item">
7003
7004                                <div class="ut-timeline-dot">
7005                                    ●
7006                                </div>
7007
7008                                <div class="ut-timeline-card">
7009
7010                                    <div class="ut-timeline-year">
7011                                        مرحلة 03                                    </div>
7012
7013                                    <h3>
7014                                        توسيع مجالات البحث والتعاون                                    </h3>
7015
7016                                    <p>
7017                                        يستبدل هذا النص بالمعلومات الرسمية الخاصة بهذه المرحلة.                                    </p>
7018
7019                                </div>
7020
7021                            </div>
7022
7023                        
7024                            <div class="ut-timeline-item">
7025
7026                                <div class="ut-timeline-dot">
7027                                    ●
7028                                </div>
7029
7030                                <div class="ut-timeline-card">
7031
7032                                    <div class="ut-timeline-year">
7033                                        اليوم                                    </div>
7034
7035                                    <h3>
7036                                        الجامعة في مسار التطور                                    </h3>
7037
7038                                    <p>
7039                                        تستبدل هذه الفقرة بالوضع الحالي والإنجازات المعتمدة.                                    </p>
7040
7041                                </div>
7042
7043                            </div>
7044
7045                        
7046                    </div>
7047
7048                </div>
7049
7050            </section>
7051
7052            <!-- =====================================================
7053                 STRUCTURES
7054            ====================================================== -->
7055
7056            <section
7057                class="ut-section"
7058                id="ut-univ-structures"
7059            >
7060
7061                <div class="ut-container">
7062
7063                    <div class="ut-section-head">
7064
7065                        <span class="ut-section-kicker">
7066                            التنظيم
7067                        </span>
7068
7069                        <h2 class="ut-section-title">
7070                            هياكل الجامعة
7071                        </h2>
7072
7073                        <p class="ut-section-desc">
7074                            بطاقات للوصول السريع إلى مختلف هياكل الجامعة.
7075                        </p>
7076
7077                    </div>
7078
7079                    <div class="ut-structure-grid">
7080
7081                        
7082                            <a
7083                                class="ut-structure"
7084                                href="#"
7085                            >
7086
7087                                <span class="ut-card-tag">
7088                                    استكشاف                                </span>
7089
7090                                <h3>
7091                                    الكليات والمعاهد                                </h3>
7092
7093                                <p>
7094                                    عرض الكليات والمعاهد والتخصصات التابعة لها.                                </p>
7095
7096                                <span class="ut-card-arrow">
7097                                    ←
7098                                </span>
7099
7100                            </a>
7101
7102                        
7103                            <a
7104                                class="ut-structure"
7105                                href="#"
7106                            >
7107
7108                                <span class="ut-card-tag">
7109                                    استكشاف                                </span>
7110
7111                                <h3>
7112                                    المراكز والهياكل                                </h3>
7113
7114                                <p>
7115                                    التعريف بالمراكز والوحدات والهياكل الجامعية.                                </p>
7116
7117                                <span class="ut-card-arrow">
7118                                    ←
7119                                </span>
7120
7121                            </a>
7122
7123                        
7124                            <a
7125                                class="ut-structure"
7126                                href="#"
7127                            >
7128
7129                                <span class="ut-card-tag">
7130                                    استكشاف                                </span>
7131
7132                                <h3>
7133                                    نيابات مديريات الجامعة                                </h3>
7134
7135                                <p>
7136                                    التعريف بالنيابات ومهامها والمصالح التابعة لها.                                </p>
7137
7138                                <span class="ut-card-arrow">
7139                                    ←
7140                                </span>
7141
7142                            </a>
7143
7144                        
7145                            <a
7146                                class="ut-structure"
7147                                href="#"
7148                            >
7149
7150                                <span class="ut-card-tag">
7151                                    استكشاف                                </span>
7152
7153                                <h3>
7154                                    واجهات الجامعة                                </h3>
7155
7156                                <p>
7157                                    عرض الواجهات والخلايا والخدمات الداعمة للجامعة.                                </p>
7158
7159                                <span class="ut-card-arrow">
7160                                    ←
7161                                </span>
7162
7163                            </a>
7164
7165                        
7166                    </div>
7167
7168                </div>
7169
7170            </section>
7171
7172            <!-- =====================================================
7173                 DIGITAL
7174            ====================================================== -->
7175
7176            <section class="ut-section">
7177
7178                <div class="ut-container">
7179
7180                    <div class="ut-section-head">
7181
7182                        <span class="ut-section-kicker">
7183                            التحول الرقمي
7184                        </span>
7185
7186                        <h2 class="ut-section-title">
7187                            منصات الجامعة الرقمية
7188                        </h2>
7189
7190                        <p class="ut-section-desc">
7191                            وصول مباشر إلى المنصات والخدمات الرقمية.
7192                        </p>
7193
7194                    </div>
7195
7196                    <div class="ut-platform-grid">
7197
7198                        
7199                            <a
7200                                class="ut-platform"
7201                                href="#"
7202                            >
7203
7204                                <span class="ut-card-tag">
7205                                    منصة رقمية
7206                                </span>
7207
7208                                <h3>
7209                                    التعليم الإلكتروني                                </h3>
7210
7211                                <p>
7212                                    منصة الخدمات والأنشطة المرتبطة بالتعليم الإلكتروني.                                </p>
7213
7214                                <span class="ut-card-arrow">
7215                                    ←
7216                                </span>
7217
7218                            </a>
7219
7220                        
7221                            <a
7222                                class="ut-platform"
7223                                href="#"
7224                            >
7225
7226                                <span class="ut-card-tag">
7227                                    منصة رقمية
7228                                </span>
7229
7230                                <h3>
7231                                    PROGRES                                </h3>
7232
7233                                <p>
7234                                    منصة الخدمات والمسارات والملفات الجامعية.                                </p>
7235
7236                                <span class="ut-card-arrow">
7237                                    ←
7238                                </span>
7239
7240                            </a>
7241
7242                        
7243                            <a
7244                                class="ut-platform"
7245                                href="#"
7246                            >
7247
7248                                <span class="ut-card-tag">
7249                                    منصة رقمية
7250                                </span>
7251
7252                                <h3>
7253                                    المستودع الرقمي                                </h3>
7254
7255                                <p>
7256                                    الوصول إلى الإنتاج العلمي والوثائق الرقمية.                                </p>
7257
7258                                <span class="ut-card-arrow">
7259                                    ←
7260                                </span>
7261
7262                            </a>
7263
7264                        
7265                            <a
7266                                class="ut-platform"
7267                                href="#"
7268                            >
7269
7270                                <span class="ut-card-tag">
7271                                    منصة رقمية
7272                                </span>
7273
7274                                <h3>
7275                                    الخدمات الرقمية                                </h3>
7276
7277                                <p>
7278                                    بوابة مختصرة للوصول إلى الخدمات الإلكترونية الجامعية.                                </p>
7279
7280                                <span class="ut-card-arrow">
7281                                    ←
7282                                </span>
7283
7284                            </a>
7285
7286                        
7287                    </div>
7288
7289                </div>
7290
7291            </section>
7292
7293            <!-- =====================================================
7294                 DOCUMENTS
7295            ====================================================== -->
7296
7297            <section class="ut-section">
7298
7299                <div class="ut-container">
7300
7301                    <div class="ut-section-head">
7302
7303                        <span class="ut-section-kicker">
7304                            الموارد
7305                        </span>
7306
7307                        <h2 class="ut-section-title">
7308                            الوثائق والموارد
7309                        </h2>
7310
7311                        <p class="ut-section-desc">
7312                            ملفات وروابط يمكن الرجوع إليها بسهولة.
7313                        </p>
7314
7315                    </div>
7316
7317                    <div class="ut-docs">
7318
7319                        
7320                            <a
7321                                class="ut-doc"
7322                                href="#"
7323                            >
7324
7325                                <span>
7326                                    الدليل التعريفي للجامعة                                </span>
7327
7328                                <span class="ut-doc-arrow">
7329                                    ↓
7330                                </span>
7331
7332                            </a>
7333
7334                        
7335                            <a
7336                                class="ut-doc"
7337                                href="#"
7338                            >
7339
7340                                <span>
7341                                    الهيكل التنظيمي                                </span>
7342
7343                                <span class="ut-doc-arrow">
7344                                    ↓
7345                                </span>
7346
7347                            </a>
7348
7349                        
7350                            <a
7351                                class="ut-doc"
7352                                href="#"
7353                            >
7354
7355                                <span>
7356                                    النصوص والتنظيمات                                </span>
7357
7358                                <span class="ut-doc-arrow">
7359                                    ↓
7360                                </span>
7361
7362                            </a>
7363
7364                        
7365                            <a
7366                                class="ut-doc"
7367                                href="#"
7368                            >
7369
7370                                <span>
7371                                    الأدلة والنماذج                                </span>
7372
7373                                <span class="ut-doc-arrow">
7374                                    ↓
7375                                </span>
7376
7377                            </a>
7378
7379                        
7380                            <a
7381                                class="ut-doc"
7382                                href="#"
7383                            >
7384
7385                                <span>
7386                                    التقارير والإحصائيات                                </span>
7387
7388                                <span class="ut-doc-arrow">
7389                                    ↓
7390                                </span>
7391
7392                            </a>
7393
7394                        
7395                            <a
7396                                class="ut-doc"
7397                                href="#"
7398                            >
7399
7400                                <span>
7401                                    روابط مفيدة                                </span>
7402
7403                                <span class="ut-doc-arrow">
7404                                    ↓
7405                                </span>
7406
7407                            </a>
7408
7409                        
7410                    </div>
7411
7412                </div>
7413
7414            </section>
7415
7416            <!-- =====================================================
7417                 NEWS
7418            ====================================================== -->
7419
7420            <section class="ut-section">
7421
7422                <div class="ut-container">
7423
7424                    <div class="ut-section-head">
7425
7426                        <span class="ut-section-kicker">
7427                            الإعلام
7428                        </span>
7429
7430                        <h2 class="ut-section-title">
7431                            آخر الأنشطة والمستجدات
7432                        </h2>
7433
7434                        <p class="ut-section-desc">
7435                            مساحة لعرض الأخبار والأنشطة الرسمية للجامعة.
7436                        </p>
7437
7438                    </div>
7439
7440                    <div class="ut-news">
7441
7442                        
7443                            <article class="ut-news-card">
7444
7445                                <div class="ut-news-date">
7446                                    2026                                </div>
7447
7448                                <h3>
7449                                    نشاط جامعي                                </h3>
7450
7451                                <p>
7452                                    ملخص قصير للنشاط أو الخبر، ويستبدل لاحقًا بالمحتوى الرسمي.                                </p>
7453
7454                                <a
7455                                    href="#"
7456                                >
7457                                    قراءة التفاصيل ←
7458                                </a>
7459
7460                            </article>
7461
7462                        
7463                            <article class="ut-news-card">
7464
7465                                <div class="ut-news-date">
7466                                    2026                                </div>
7467
7468                                <h3>
7469                                    إعلان جامعي                                </h3>
7470
7471                                <p>
7472                                    ملخص قصير للإعلان أو المستجد الجامعي.                                </p>
7473
7474                                <a
7475                                    href="#"
7476                                >
7477                                    قراءة التفاصيل ←
7478                                </a>
7479
7480                            </article>
7481
7482                        
7483                            <article class="ut-news-card">
7484
7485                                <div class="ut-news-date">
7486                                    2026                                </div>
7487
7488                                <h3>
7489                                    مستجد أكاديمي                                </h3>
7490
7491                                <p>
7492                                    ملخص قصير للخبر أو المستجد الأكاديمي.                                </p>
7493
7494                                <a
7495                                    href="#"
7496                                >
7497                                    قراءة التفاصيل ←
7498                                </a>
7499
7500                            </article>
7501
7502                        
7503                    </div>
7504
7505                </div>
7506
7507            </section>
7508
7509            <!-- =====================================================
7510                 CONTACT
7511            ====================================================== -->
7512
7513            <section class="ut-section">
7514
7515                <div class="ut-container">
7516
7517                    <div class="ut-section-head">
7518
7519                        <span class="ut-section-kicker">
7520                            تواصل
7521                        </span>
7522
7523                        <h2 class="ut-section-title">
7524                            معلومات الاتصال
7525                        </h2>
7526
7527                    </div>
7528
7529                    <div class="ut-contact">
7530
7531                        <div class="ut-contact-card">
7532
7533                            <h3>
7534                                جامعة تندوف                            </h3>
7535
7536                            <p>
7537                                جامعة تندوف — تندوف، الجزائر                            </p>
7538
7539                        </div>
7540
7541                        <div class="ut-contact-card">
7542
7543                            <div class="ut-contact-lines">
7544
7545                                <div class="ut-contact-line">
7546                                    ✉ [email protected]                                </div>
7547
7548                                <div class="ut-contact-line">
7549                                    ☎ الهاتف الرسمي                                </div>
7550
7551                                <div class="ut-contact-line">
7552                                    📍 جامعة تندوف — تندوف، الجزائر                                </div>
7553
7554                            </div>
7555
7556                        </div>
7557
7558                    </div>
7559
7560                </div>
7561
7562            </section>
7563
7564            <footer class="ut-footer">
7565
7566                <div class="ut-container">
7567
7568                    <p>
7569                        <strong>جامعة تندوف</strong>
7570                        · صفحة تعريفية مؤسساتية
7571                    </p>
7572
7573                </div>
7574
7575            </footer>
7576
7577        </div>
7578
7579        
7579<script>
7580        (function () {
7581
7582            function initUTUniversityPage(root) {
7583
7584                if (!root || root.dataset.utReady === '1') {
7585                    return;
7586                }
7587
7588                root.dataset.utReady = '1';
7589
7590                var stats = root.querySelectorAll('.ut-stat-number');
7591
7592                function animateStats() {
7593
7594                    stats.forEach(function (el) {
7595
7596                        if (el.dataset.done === '1') {
7597                            return;
7598                        }
7599
7600                        el.dataset.done = '1';
7601
7602                        var target = parseInt(
7603                            el.getAttribute('data-value') || '0',
7604                            10
7605                        );
7606
7607                        if (!target || target < 1) {
7608                            el.textContent = '0';
7609                            return;
7610                        }
7611
7612                        var startTime = null;
7613                        var duration = 1200;
7614
7615                        function frame(timestamp) {
7616
7617                            if (!startTime) {
7618                                startTime = timestamp;
7619                            }
7620
7621                            var progress = Math.min(
7622                                (timestamp - startTime) / duration,
7623                                1
7624                            );
7625
7626                            var eased = 1 - Math.pow(1 - progress, 3);
7627                            var current = Math.floor(target * eased);
7628
7629                            el.textContent =
7630                                current.toLocaleString('en-US');
7631
7632                            if (progress < 1) {
7633                                window.requestAnimationFrame(frame);
7634                            } else {
7635                                el.textContent =
7636                                    target.toLocaleString('en-US');
7637                            }
7638                        }
7639
7640                        window.requestAnimationFrame(frame);
7641
7642                    });
7643                }
7644
7645                if ('IntersectionObserver' in window) {
7646
7647                    var observer = new IntersectionObserver(
7648                        function (entries) {
7649
7650                            entries.forEach(function (entry) {
7651
7652                                if (entry.isIntersecting) {
7653                                    animateStats();
7654                                    observer.disconnect();
7655                                }
7656
7657                            });
7658
7659                        },
7660                        { threshold: 0.25 }
7661                    );
7662
7663                    var statWrap = root.querySelector('.ut-stats-wrap');
7664
7665                    if (statWrap) {
7666                        observer.observe(statWrap);
7667                    }
7668
7669                } else {
7670                    animateStats();
7671                }
7672
7673                var anchors = root.querySelectorAll('a[href^="#"]');
7674
7675                anchors.forEach(function (anchor) {
7676
7677                    anchor.addEventListener('click', function (event) {
7678
7679                        var id = anchor.getAttribute('href');
7680
7681                        if (!id || id === '#') {
7682                            return;
7683                        }
7684
7685                        var target = root.querySelector(id);
7686
7687                        if (!target) {
7688                            return;
7689                        }
7690
7691                        event.preventDefault();
7692
7693                        target.scrollIntoView({
7694                            behavior: 'smooth',
7695                            block: 'start'
7696                        });
7697
7698                    });
7699
7700                });
7701            }
7702
7703            document.addEventListener(
7704                'DOMContentLoaded',
7705                function () {
7706                    document
7707                        .querySelectorAll('.ut-univ-page')
7708                        .forEach(initUTUniversityPage);
7709                }
7710            );
7711
7712        })();
7713        </script>
7713
7714
7715        
7716
7717                </div>
7718
7719            </main>
7720
7721
7722            
7723        <footer class="ut-footer" dir="rtl">
7724
7725            <!-- خلفية زخرفية -->
7726            <div class="ut-footer-pattern"></div>
7727
7728            <div class="ut-footer-glow ut-footer-glow-right"></div>
7729            <div class="ut-footer-glow ut-footer-glow-left"></div>
7730
7731
7732            <!-- =================================================
7733                 المحتوى الرئيسي
7734            ================================================== -->
7735
7736            <div class="ut-footer-container">
7737
7738
7739                <!-- =================================================
7740                     اتصل بنا
7741                ================================================== -->
7742
7743                <div class="ut-footer-column">
7744
7745                    <div class="ut-footer-title">
7746
7747                        <span class="ut-footer-title-icon">✦</span>
7748
7749                        <h3>
7750                            اتصل بنا
7751                        </h3>
7752
7753                    </div>
7754
7755                    <div class="ut-footer-gold-line"></div>
7756
7757
7758                    <div class="ut-footer-info">
7759
7760                        <div class="ut-footer-info-row">
7761
7762                            <span class="ut-info-icon">📍</span>
7763
7764                            <span>
7765                                العنوان: جامعة تندوف، حي المستقبل، ص ب: 37000 تندوف.
7766                            </span>
7767
7768                        </div>
7769
7770
7771                        <div class="ut-footer-info-row">
7772
7773                            <span class="ut-info-icon">✉</span>
7774
7775                            <span>
7776                                البريد الإلكتروني:
7777                                <a href="mailto:[email protected]">
7778                                    [email protected]
7779                                </a>
7780                            </span>
7781
7782                        </div>
7783
7784
7785                        <div class="ut-footer-info-row">
7786
7787                            <span class="ut-info-icon">✉</span>
7788
7789                            <span>
7790                                البريد الإلكتروني لمركز الامتحانات:
7791                                <a href="mailto:[email protected]">
7792                                    [email protected]
7793                                </a>
7794                            </span>
7795
7796                        </div>
7797
7798
7799                        <div class="ut-footer-info-row">
7800
7801                            <span class="ut-info-icon">🌐</span>
7802
7803                            <span>
7804                                الموقع الرسمي:
7805                                <a
7806                                    href="https://univ-tindouf.dz/"
7807                                    target="_blank"
7808                                    rel="noopener"
7809                                >
7810                                    univ-tindouf.dz
7811                                </a>
7812                            </span>
7813
7814                        </div>
7815
7816
7817                        <div class="ut-footer-info-row">
7818
7819                            <span class="ut-info-icon">☎</span>
7820
7821                            <span>
7822                                الهاتف:
7823                                <a href="tel:+21349384946">
7824                                    049-38-49-46
7825                                </a>
7826                            </span>
7827
7828                        </div>
7829
7830
7831                        <div class="ut-footer-info-row">
7832
7833                            <span class="ut-info-icon">📠</span>
7834
7835                            <span>
7836                                الفاكس:
7837                                049-38-40-46
7838                            </span>
7839
7840                        </div>
7841
7842                    </div>
7843
7844                </div>
7845
7846
7847
7848                <!-- =================================================
7849                     روابط مهمة
7850                ================================================== -->
7851
7852                <div class="ut-footer-column">
7853
7854                    <div class="ut-footer-title">
7855
7856                        <span class="ut-footer-title-icon">✦</span>
7857
7858                        <h3>
7859                            روابط مهمة
7860                        </h3>
7861
7862                    </div>
7863
7864                    <div class="ut-footer-gold-line"></div>
7865
7866
7867                    <div class="ut-footer-links">
7868
7869                        <a href="#">
7870                            وزارة التعليم العالي والبحث العلمي
7871                        </a>
7872
7873                        <a href="#">
7874                            مركز البحث في الإعلام العلمي والتقني
7875                        </a>
7876
7877                        <a href="#">
7878                            المديرية العامة للبحث العلمي والتطوير التكنولوجي
7879                        </a>
7880
7881                        <a href="#">
7882                            فضاء التعليم العالي والبحث العلمي
7883                        </a>
7884
7885                        <a href="#">
7886                            الجريدة الرسمية
7887                        </a>
7888
7889                        <a href="#">
7890                            نظام التوثيق الوطني عبر الإنترنت SNDL
7891                        </a>
7892
7893                    </div>
7894
7895                </div>
7896
7897
7898
7899                <!-- =================================================
7900                     الموقع الجغرافي
7901                ================================================== -->
7902
7903                <div class="ut-footer-column">
7904
7905                    <div class="ut-footer-title">
7906
7907                        <span class="ut-footer-title-icon">✦</span>
7908
7909                        <h3>
7910                            الموقع الجغرافي
7911                        </h3>
7912
7913                    </div>
7914
7915                    <div class="ut-footer-gold-line"></div>
7916
7917
7918                    <div class="ut-footer-map">
7919
7920                        <iframe
7921                            src="https://www.google.com/maps?q=Université%20de%20Tindouf%2C%20Tindouf%2C%20Algeria&output=embed"
7922                            loading="lazy"
7923                            referrerpolicy="no-referrer-when-downgrade"
7924                            allowfullscreen
7925                        ></iframe>
7926
7927
7928                        <a
7929                            href="https://www.google.com/maps/search/?api=1&query=Université+de+Tindouf+Tindouf+Algeria"
7930                            target="_blank"
7931                            rel="noopener"
7932                            class="ut-map-open"
7933                        >
7934                            فتح الخريطة ↗
7935                        </a>
7936
7937                    </div>
7938
7939                </div>
7940
7941
7942
7943                <!-- =================================================
7944                     عدد الزوار
7945                ================================================== -->
7946
7947                <div class="ut-footer-column">
7948
7949                    <div class="ut-footer-title">
7950
7951                        <span class="ut-footer-title-icon">✦</span>
7952
7953                        <h3>
7954                            إحصائيات الزوار
7955                        </h3>
7956
7957                    </div>
7958
7959                    <div class="ut-footer-gold-line"></div>
7960
7961
7962                    <div class="ut-footer-visitor-box">
7963
7964                        <div class="ut-visitor-label">
7965                            إجمالي الزيارات
7966                        </div>
7967
7968                        <div class="ut-visitor-number">
7969                            864072
7970                        </div>
7971
7972
7973                        <div class="ut-visitor-row">
7974
7975                            <span class="ut-visitor-icon">👤</span>
7976
7977                            <span>
7978                                زوار اليوم
7979                            </span>
7980
7981                            <strong>
7982                                1
7983                            </strong>
7984
7985                        </div>
7986
7987
7988                        <div class="ut-visitor-row">
7989
7990                            <span class="ut-visitor-icon">📅</span>
7991
7992                            <span>
7993                                زوار الأمس
7994                            </span>
7995
7996                            <strong>
7997                                233
7998                            </strong>
7999
8000                        </div>
8001
8002
8003                        <div class="ut-visitor-row">
8004
8005                            <span class="ut-visitor-icon">🗓</span>
8006
8007                            <span>
8008                                هذا الشهر
8009                            </span>
8010
8011                            <strong>
8012                                3141
8013                            </strong>
8014
8015                        </div>
8016
8017
8018                        <div class="ut-visitor-row">
8019
8020                            <span class="ut-visitor-icon">📆</span>
8021
8022                            <span>
8023                                هذا العام
8024                            </span>
8025
8026                            <strong>
8027                                92862
8028                            </strong>
8029
8030                        </div>
8031
8032
8033                        <div class="ut-visitor-row">
8034
8035                            <span class="ut-visitor-icon">📊</span>
8036
8037                            <span>
8038                                إجمالي المستخدمين
8039                            </span>
8040
8041                            <strong>
8042                                270469
8043                            </strong>
8044
8045                        </div>
8046
8047                    </div>
8048
8049                </div>
8050
8051            </div>
8052
8053
8054
8055            <!-- =================================================
8056                 الخط الفاصل
8057            ================================================== -->
8058
8059            <div class="ut-footer-separator"></div>
8060
8061
8062
8063            <!-- =================================================
8064                 حقوق النشر
8065            ================================================== -->
8066
8067            <div class="ut-footer-bottom">
8068
8069                <div class="ut-footer-copy">
8070
8071                    © 2026 جميع الحقوق محفوظة – جامعة تندوف
8072
8073                </div>
8074
8075            </div>
8076
8077        </footer>
8078
8079
8080        <style>
8081
8082        /* =========================================================
8083           FOOTER
8084        ========================================================= */
8085
8086        .ut-footer {
8087
8088            position: relative;
8089
8090            width: 100%;
8091
8092            overflow: hidden;
8093
8094            color: #fff;
8095
8096            font-family:
8097                "Cairo",
8098                sans-serif;
8099
8100            background:
8101
8102                radial-gradient(
8103                    circle at 50% -20%,
8104                    rgba(195,154,74,.14),
8105                    transparent 35%
8106                ),
8107
8108                linear-gradient(
8109                    135deg,
8110                    #061725 0%,
8111                    #0a2236 42%,
8112                    #0e3049 70%,
8113                    #071a2a 100%
8114                );
8115
8116        }
8117
8118
8119        /* =========================================================
8120           PATTERN
8121        ========================================================= */
8122
8123        .ut-footer-pattern {
8124
8125            position: absolute;
8126
8127            inset: 0;
8128
8129            opacity: .035;
8130
8131            background-image:
8132
8133                linear-gradient(
8134                    45deg,
8135                    #fff 1px,
8136                    transparent 1px
8137                ),
8138
8139                linear-gradient(
8140                    -45deg,
8141                    #fff 1px,
8142                    transparent 1px
8143                );
8144
8145            background-size:
8146                44px
8147                44px;
8148
8149            animation:
8150                utFooterPatternMove
8151                28s
8152                linear
8153                infinite;
8154
8155            pointer-events: none;
8156
8157        }
8158
8159
8160        @keyframes utFooterPatternMove {
8161
8162            0% {
8163
8164                background-position:
8165                    0
8166                    0,
8167                    0
8168                    0;
8169
8170            }
8171
8172            100% {
8173
8174                background-position:
8175                    44px
8176                    44px,
8177                    -44px
8178                    44px;
8179
8180            }
8181
8182        }
8183
8184
8185        /* =========================================================
8186           GLOW
8187        ========================================================= */
8188
8189        .ut-footer-glow {
8190
8191            position: absolute;
8192
8193            width: 430px;
8194
8195            height: 430px;
8196
8197            border-radius: 50%;
8198
8199            filter: blur(25px);
8200
8201            pointer-events: none;
8202
8203        }
8204
8205
8206        .ut-footer-glow-right {
8207
8208            top: -280px;
8209
8210            right: -120px;
8211
8212            background:
8213
8214                radial-gradient(
8215                    circle,
8216                    rgba(201,164,82,.33),
8217                    transparent 70%
8218                );
8219
8220        }
8221
8222
8223        .ut-footer-glow-left {
8224
8225            bottom: -290px;
8226
8227            left: -130px;
8228
8229            background:
8230
8231                radial-gradient(
8232                    circle,
8233                    rgba(25,119,181,.24),
8234                    transparent 70%
8235                );
8236
8237        }
8238
8239
8240        /* =========================================================
8241           CONTAINER
8242        ========================================================= */
8243
8244        .ut-footer-container {
8245
8246            position: relative;
8247
8248            z-index: 2;
8249
8250            width: 100%;
8251
8252            max-width: 1500px;
8253
8254            margin: 0 auto;
8255
8256            padding:
8257                48px
8258                35px
8259                36px;
8260
8261            display: grid;
8262
8263            grid-template-columns:
8264                1.35fr
8265                1fr
8266                1fr
8267                .9fr;
8268
8269            gap: 34px;
8270
8271        }
8272
8273
8274        /* =========================================================
8275           COLUMN
8276        ========================================================= */
8277
8278        .ut-footer-column {
8279
8280            min-width: 0;
8281
8282        }
8283
8284
8285        /* =========================================================
8286           TITLE
8287        ========================================================= */
8288
8289        .ut-footer-title {
8290
8291            display: flex;
8292
8293            align-items: center;
8294
8295            gap: 9px;
8296
8297            margin-bottom: 8px;
8298
8299        }
8300
8301
8302        .ut-footer-title h3 {
8303
8304            margin: 0;
8305
8306            color: #fff;
8307
8308            font-size: 20px;
8309
8310            font-weight: 900;
8311
8312        }
8313
8314
8315        .ut-footer-title-icon {
8316
8317            display: flex;
8318
8319            align-items: center;
8320
8321            justify-content: center;
8322
8323            width: 29px;
8324
8325            height: 29px;
8326
8327            border-radius: 50%;
8328
8329            color: #123e5f;
8330
8331            background:
8332
8333                linear-gradient(
8334                    135deg,
8335                    #e0c273,
8336                    #a97d25
8337                );
8338
8339            font-size: 12px;
8340
8341            box-shadow:
8342                0
8343                4px
8344                10px
8345                rgba(0,0,0,.20);
8346
8347        }
8348
8349
8350        /* =========================================================
8351           GOLD LINE
8352        ========================================================= */
8353
8354        .ut-footer-gold-line {
8355
8356            width: 100%;
8357
8358            height: 2px;
8359
8360            margin:
8361                0
8362                0
8363                18px;
8364
8365            background:
8366
8367                linear-gradient(
8368                    90deg,
8369                    #d0a953,
8370                    rgba(208,169,83,.20),
8371                    transparent
8372                );
8373
8374        }
8375
8376
8377        /* =========================================================
8378           CONTACT
8379        ========================================================= */
8380
8381        .ut-footer-info {
8382
8383            display: flex;
8384
8385            flex-direction: column;
8386
8387            gap: 10px;
8388
8389        }
8390
8391
8392        .ut-footer-info-row {
8393
8394            display: flex;
8395
8396            align-items: flex-start;
8397
8398            gap: 9px;
8399
8400            color:
8401                rgba(255,255,255,.86);
8402
8403            font-size: 12.5px;
8404
8405            line-height: 1.85;
8406
8407        }
8408
8409
8410        .ut-info-icon {
8411
8412            flex-shrink: 0;
8413
8414            width: 24px;
8415
8416            color: #d7b45e;
8417
8418            text-align: center;
8419
8420        }
8421
8422
8423        .ut-footer-info-row a {
8424
8425            color: #f0d795;
8426
8427            transition:
8428                color
8429                .25s
8430                ease;
8431
8432        }
8433
8434
8435        .ut-footer-info-row a:hover {
8436
8437            color:#fff;
8438
8439        }
8440
8441
8442        /* =========================================================
8443           LINKS
8444        ========================================================= */
8445
8446        .ut-footer-links {
8447
8448            display:flex;
8449
8450            flex-direction:column;
8451
8452        }
8453
8454
8455        .ut-footer-links a {
8456
8457            position:relative;
8458
8459            display:block;
8460
8461            padding:
8462                8px
8463                0;
8464
8465            border-bottom:
8466                1px
8467                solid
8468                rgba(255,255,255,.09);
8469
8470            color:
8471                rgba(255,255,255,.86);
8472
8473            font-size:12.5px;
8474
8475            line-height:1.75;
8476
8477            transition:
8478
8479                color
8480                .25s
8481                ease,
8482
8483                padding-right
8484                .25s
8485                ease;
8486
8487        }
8488
8489
8490        .ut-footer-links a::before {
8491
8492            content:
8493                "←";
8494
8495            position:absolute;
8496
8497            left:0;
8498
8499            color:#d4ad55;
8500
8501            opacity:0;
8502
8503            transition:
8504                opacity
8505                .25s
8506                ease;
8507
8508        }
8509
8510
8511        .ut-footer-links a:hover {
8512
8513            color:#f1d894;
8514
8515            padding-right:7px;
8516
8517        }
8518
8519
8520        .ut-footer-links a:hover::before {
8521
8522            opacity:1;
8523
8524        }
8525
8526
8527        /* =========================================================
8528           MAP
8529        ========================================================= */
8530
8531        .ut-footer-map {
8532
8533            position:relative;
8534
8535            width:100%;
8536
8537            height:245px;
8538
8539            overflow:hidden;
8540
8541            border:
8542                1px
8543                solid
8544                rgba(255,255,255,.18);
8545
8546            border-radius:18px;
8547
8548            background:#dce5ea;
8549
8550            box-shadow:
8551
8552                0
8553                14px
8554                30px
8555                rgba(0,0,0,.25);
8556
8557        }
8558
8559
8560        .ut-footer-map iframe {
8561
8562            width:100%;
8563
8564            height:100%;
8565
8566            border:0;
8567
8568            display:block;
8569
8570        }
8571
8572
8573        .ut-map-open {
8574
8575            position:absolute;
8576
8577            left:10px;
8578
8579            bottom:10px;
8580
8581            padding:
8582                6px
8583                11px;
8584
8585            border-radius:20px;
8586
8587            background:
8588                rgba(6,23,37,.90);
8589
8590            color:#f2d78e;
8591
8592            font-size:10px;
8593
8594            font-weight:800;
8595
8596            backdrop-filter:blur(6px);
8597
8598        }
8599
8600
8601        /* =========================================================
8602           VISITORS
8603        ========================================================= */
8604
8605        .ut-footer-visitor-box {
8606
8607            padding:
8608                15px;
8609
8610            border:
8611                1px
8612                solid
8613                rgba(255,255,255,.11);
8614
8615            border-radius:16px;
8616
8617            background:
8618                rgba(255,255,255,.045);
8619
8620            box-shadow:
8621                inset
8622                0
8623                1px
8624                rgba(255,255,255,.06);
8625
8626        }
8627
8628
8629        .ut-visitor-label {
8630
8631            margin-bottom:7px;
8632
8633            color:
8634                rgba(255,255,255,.68);
8635
8636            font-size:10px;
8637
8638            font-weight:700;
8639
8640        }
8641
8642
8643        .ut-visitor-number {
8644
8645            display:inline-flex;
8646
8647            margin-bottom:11px;
8648
8649            padding:
8650                4px
8651                10px;
8652
8653            border:
8654                1px
8655                solid
8656                rgba(213,179,91,.42);
8657
8658            border-radius:7px;
8659
8660            background:#03080b;
8661
8662            color:#f4d55e;
8663
8664            font-family:
8665                "Courier New",
8666                monospace;
8667
8668            font-size:22px;
8669
8670            font-weight:900;
8671
8672            letter-spacing:2px;
8673
8674            box-shadow:
8675                inset
8676                0
8677                0
8678                10px
8679                rgba(244,213,94,.07);
8680
8681        }
8682
8683
8684        .ut-visitor-row {
8685
8686            display:grid;
8687
8688            grid-template-columns:
8689                25px
8690                1fr
8691                auto;
8692
8693            align-items:center;
8694
8695            gap:5px;
8696
8697            padding:
8698                5px
8699                0;
8700
8701            color:
8702                rgba(255,255,255,.82);
8703
8704            font-size:11px;
8705
8706        }
8707
8708
8709        .ut-visitor-icon {
8710
8711            text-align:center;
8712
8713        }
8714
8715
8716        .ut-visitor-row strong {
8717
8718            color:#efd386;
8719
8720            font-weight:900;
8721
8722        }
8723
8724
8725        /* =========================================================
8726           SEPARATOR
8727        ========================================================= */
8728
8729        .ut-footer-separator {
8730
8731            position:relative;
8732
8733            z-index:2;
8734
8735            width:
8736                calc(100% - 70px);
8737
8738            height:1px;
8739
8740            margin:
8741                0
8742                auto;
8743
8744            background:
8745
8746                linear-gradient(
8747                    90deg,
8748                    transparent,
8749                    rgba(211,174,87,.72),
8750                    transparent
8751                );
8752
8753        }
8754
8755
8756        /* =========================================================
8757           COPYRIGHT
8758        ========================================================= */
8759
8760        .ut-footer-bottom {
8761
8762            position:relative;
8763
8764            z-index:2;
8765
8766            width:100%;
8767
8768            max-width:1500px;
8769
8770            margin:0 auto;
8771
8772            padding:
8773                17px
8774                35px
8775                20px;
8776
8777            text-align:center;
8778
8779        }
8780
8781
8782        .ut-footer-copy {
8783
8784            color:
8785                rgba(255,255,255,.76);
8786
8787            font-size:12px;
8788
8789            font-weight:700;
8790
8791        }
8792
8793
8794        /* =========================================================
8795           TABLET
8796        ========================================================= */
8797
8798        @media (max-width:1100px){
8799
8800            .ut-footer-container {
8801
8802                grid-template-columns:
8803                    repeat(2,1fr);
8804
8805            }
8806
8807        }
8808
8809
8810        /* =========================================================
8811           MOBILE
8812        ========================================================= */
8813
8814        @media (max-width:650px){
8815
8816            .ut-footer-container {
8817
8818                grid-template-columns:
8819                    1fr;
8820
8821                padding:
8822                    38px
8823                    18px
8824                    28px;
8825
8826                gap:30px;
8827
8828            }
8829
8830
8831            .ut-footer-map {
8832
8833                height:230px;
8834
8835            }
8836
8837
8838            .ut-footer-title h3 {
8839
8840                font-size:18px;
8841
8842            }
8843
8844
8845            .ut-footer-info-row,
8846            .ut-footer-links a {
8847
8848                font-size:12px;
8849
8850            }
8851
8852
8853            .ut-footer-separator {
8854
8855                width:
8856                    calc(100% - 36px);
8857
8858            }
8859
8860
8861            .ut-footer-bottom {
8862
8863                padding:
8864                    16px
8865                    18px
8866                    20px;
8867
8868            }
8869
8870        }
8871
8872
8873        /* =========================================================
8874           REDUCED MOTION
8875        ========================================================= */
8876
8877        @media (prefers-reduced-motion:reduce){
8878
8879            .ut-footer-pattern {
8880
8881                animation:none !important;
8882
8883            }
8884
8885        }
8886
8887        </style>
8888
8889        
8889<script type="speculationrules">
8890{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/newsup/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
8891</script>
8891
8892<a href="/imunify-bot-check" rel="nofollow" aria-hidden="true" tabindex="-1" style="display:none!important;position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden">imunify-bot-check</a><div class="simple-banner simple-banner-text" style="display:none !important"></div>
8892<script async>(function(s,u,m,o,j,v){j=u.createElement(m);v=u.getElementsByTagName(m)[0];j.async=1;j.src=o;j.dataset.sumoSiteId='a4ea78001f97cd00cd08fd0072baa200fa00a800d2f4e10082f760000d49f000';j.dataset.sumoPlatform='wordpress';v.parentNode.insertBefore(j,v)})(window,document,'script','//load.sumome.com/');</script>
8892        
8892<script type="application/javascript">
8893            const ajaxURL = "https://univ-tindouf.dz/wp-admin/admin-ajax.php";
8894
8895            function sumo_add_woocommerce_coupon(code) {
8896                jQuery.post(ajaxURL, {
8897                    action: 'sumo_add_woocommerce_coupon',
8898                    code: code,
8899                });
8900            }
8901
8902            function sumo_remove_woocommerce_coupon(code) {
8903                jQuery.post(ajaxURL, {
8904                    action: 'sumo_remove_woocommerce_coupon',
8905                    code: code,
8906                });
8907            }
8908
8909            function sumo_get_woocommerce_cart_subtotal(callback) {
8910                jQuery.ajax({
8911                    method: 'POST',
8912                    url: ajaxURL,
8913                    dataType: 'html',
8914                    data: {
8915                        action: 'sumo_get_woocommerce_cart_subtotal',
8916                    },
8917                    success: function (subtotal) {
8918                        return callback(null, subtotal);
8919                    },
8920                    error: function (err) {
8921                        return callback(err, 0);
8922                    }
8923                });
8924            }
8925        </script>
8925
8926        		<style>
8927			footer .mg-widget p, footer .site-title-footer a, footer .site-title a:hover, footer .site-description-footer, footer .site-description:hover, footer .mg-widget ul li a{
8928				color: #000000;
8929			}
8930		</style>
8931		<style>
8932		.wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2:before, .mg-sidebar .mg-widget .wtitle::before, .mg-sec-title h4::before, footer .mg-widget h6::before {
8933			background: inherit;
8934		}
8935	</style>
8936				
8936<script>
8937				( () => {
8938					const lazyloadRunObserver = () => {
8939						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
8940						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
8941							entries.forEach( ( entry ) => {
8942								if ( entry.isIntersecting ) {
8943									let lazyloadBackground = entry.target;
8944									if( lazyloadBackground ) {
8945										lazyloadBackground.classList.add( 'e-lazyloaded' );
8946									}
8947									lazyloadBackgroundObserver.unobserve( entry.target );
8948								}
8949							});
8950						}, { rootMargin: '200px 0px 200px 0px' } );
8951						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
8952							lazyloadBackgroundObserver.observe( lazyloadBackground );
8953						} );
8954					};
8955					const events = [
8956						'DOMContentLoaded',
8957						'elementor/lazyload/observe',
8958					];
8959					events.forEach( ( event ) => {
8960						document.addEventListener( event, lazyloadRunObserver );
8961					} );
8962				} )();
8963			</script>
8963
8964			
8964<script id="wp-hooks-js" src="https://univ-tindouf.dz/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 8964
8964
8965<script id="heartbeat-js-extra">
8966var heartbeatSettings = {"ajaxurl":"/wp-admin/admin-ajax.php"};
8967//# sourceURL=heartbeat-js-extra
8968</script>
vendor: 1 bytes, line 8968
8968
8969<script id="heartbeat-js" src="https://univ-tindouf.dz/wp-includes/js/heartbeat.min.js?ver=7.1.3"></script>
vendor: 1 bytes, line 8969
8969
8970<script id="ahc_front_js-js-extra">
8971var ahc_ajax_front = {"ajax_url":"https://univ-tindouf.dz/wp-admin/admin-ajax.php","plugin_url":"https://univ-tindouf.dz/wp-content/plugins/visitors-traffic-real-time-statistics/","page_id":"15743","page_title":"\u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0629","post_type":"page","visitor_ip":"181.215.65.55"};
8972//# sourceURL=ahc_front_js-js-extra
8973</script>
vendor: 1 bytes, line 8973
8973
8974<script id="ahc_front_js-js" src="https://univ-tindouf.dz/wp-content/plugins/visitors-traffic-real-time-statistics/js/front.js?ver=8.17"></script>
vendor: 1 bytes, line 8974
8974
8975<script id="cfb-remove-grid-js" src="https://univ-tindouf.dz/wp-content/plugins/flip-boxes/assets/js/remove-grid.js?ver=2.0.1"></script>
vendor: 1 bytes, line 8975
8975
8976<script id="canvasjs-free-js" src="https://cdn.canvasjs.com/canvasjs.min.js"></script>
vendor: 1 bytes, line 8976
8976
8977<script id="ut-foss-pdfjs-js" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js?ver=3.11.174"></script>
vendor: 1 bytes, line 8977
8977
8978<script id="awsm-team-js" src="https://univ-tindouf.dz/wp-content/plugins/awsm-team/js/team.min.js?ver=1.3.5"></script>
vendor: 1 bytes, line 8978
8978
8979<script id="elementor-webpack-runtime-js" src="https://univ-tindouf.dz/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.3.4"></script>
vendor: 1 bytes, line 8979
8979
8980<script id="elementor-frontend-modules-js" src="https://univ-tindouf.dz/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.3.4"></script>
vendor: 1 bytes, line 8980
8980
8981<script id="jquery-ui-core-js-before">
8982jQuery.uiBackCompat = true;
8983//# sourceURL=jquery-ui-core-js-before
8984</script>
vendor: 1 bytes, line 8984
8984
8985<script id="jquery-ui-core-js" src="https://univ-tindouf.dz/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 8985
8985
8986<script id="elementor-frontend-js" src="https://univ-tindouf.dz/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.3.4"></script>
vendor: 1 bytes, line 8986
8986
8987<script id="ekit-core-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/core.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8987
8987
8988<script id="ekit-nav-menu-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/nav-menu.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8988
8988
8989<script id="magnific-popup-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/assets/libs/magnific-popup/jquery.magnific-popup.min.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8989
8989
8990<script id="ekit-menu-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/nav-menu.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8990
8990
8991<script id="ekit-header-search-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/header-search.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8991
8991
8992<script id="ekit-header-offcanvas-js" src="https://univ-tindouf.dz/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/header-offcanvas.js?ver=4.0.7"></script>
vendor: 1 bytes, line 8992
8992
8993<script id="newsup-custom-js" src="https://univ-tindouf.dz/wp-content/themes/newsup/js/custom.js?ver=7.1.3"></script>
8993
8994	
8994<script>
8995	/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
8996	</script>
8996
8997	
8997<script id="wp-emoji-settings" type="application/json">
8998{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://univ-tindouf.dz/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
8999</script>
vendor: 1 bytes, line 8999
8999
9000<script type="module">
9001/*! This file is auto-generated */
9002var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
9003//# sourceURL=https://univ-tindouf.dz/wp-includes/js/wp-emoji-loader.min.js
9004</script>
9004
9005
9006    
9006<script id="ut-hero-links-manager-js">
9007
9008        document.addEventListener('DOMContentLoaded', function () {
9009
9010            function updateUTHeroLinks() {
9011
9012                const hero = document.querySelector('#ut-hero');
9013
9014                if (!hero) {
9015                    return;
9016                }
9017
9018                const links = window.UT_HERO_LINKS || {};
9019
9020                const buttons =
9021                    hero.querySelectorAll(
9022                        '.ut-hero-message .ut-hero-button'
9023                    );
9024
9025                if (!buttons.length) {
9026                    return;
9027                }
9028
9029
9030                /*
9031                 * نربط كل زر برسالته الحالية
9032                 * بالترتيب الموجود في UT - Hero.
9033                 *
9034                 * لا نلمس:
9035                 * - النص
9036                 * - CSS
9037                 * - class
9038                 * - الفيديو
9039                 * - animation
9040                 */
9041
9042                const linkValues = [
9043
9044                    links.discover_university || '#',
9045
9046                    links.media_coverage || '#',
9047
9048                    links.photo_gallery || '#',
9049
9050                    links.virtual_visit || '#',
9051
9052                    links.digital_services || '#'
9053
9054                ];
9055
9056
9057                buttons.forEach(function (button, index) {
9058
9059                    if (
9060                        typeof linkValues[index] === 'string'
9061                    ) {
9062
9063                        button.setAttribute(
9064                            'href',
9065                            linkValues[index]
9066                        );
9067
9068                    }
9069
9070                });
9071
9072            }
9073
9074
9075            /*
9076             * التنفيذ بعد تحميل Hero.
9077             */
9078            updateUTHeroLinks();
9079
9080
9081            /*
9082             * احتياطياً:
9083             * إذا تم إنشاء Hero أو تحديثه بواسطة
9084             * JavaScript آخر، نعيد تطبيق الروابط فقط.
9085             */
9086            setTimeout(
9087                updateUTHeroLinks,
9088                500
9089            );
9090
9091        });
9092
9093    </script>
9093
9094
9095    
9096        </body>
9097
9098        </html>
9099
9100        
9101
9102<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-09 18:07:17 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.