{"id":73686,"date":"2026-06-11T10:46:49","date_gmt":"2026-06-11T07:46:49","guid":{"rendered":"https:\/\/www.qu.edu.sa\/?page_id=73686"},"modified":"2026-06-14T14:09:08","modified_gmt":"2026-06-14T11:09:08","slug":"software2","status":"publish","type":"page","link":"https:\/\/www.qu.edu.sa\/en\/mainservices\/software2\/","title":{"rendered":"Proposed programs and systems"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"73686\" class=\"elementor elementor-73686\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f7e8d9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f7e8d9c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e6d7c8b\" data-id=\"e6d7c8b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d5c6b7a elementor-widget elementor-widget-html\" data-id=\"d5c6b7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"student-programs\" dir=\"rtl\">\r\n<style>\r\n  :root {\r\n    --sa-500: #25935F;\r\n    --sa-600: #1B8354;\r\n    --sa-700: #166A45;\r\n    --sa-800: #14573A;\r\n    --sa-100: #DFF6E7;\r\n    --sa-50: #F3FCF6;\r\n    --sa-25: #F7FDF9;\r\n    --gray-900: #111927;\r\n    --gray-700: #384250;\r\n    --gray-500: #6C737F;\r\n    --gray-300: #D2D6DB;\r\n    --gray-200: #E5E7EB;\r\n    --gray-100: #F3F4F6;\r\n    --gray-50: #F9FAFB;\r\n  }\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .student-programs {\r\n    background: var(--gray-50);\r\n    color: var(--gray-900);\r\n    min-height: 100vh;\r\n  }\r\n\r\n  \/* Filter bar *\/\r\n  .sp-filter-bar {\r\n    background: #fff;\r\n    border-bottom: 1px solid var(--gray-300);\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n    box-shadow: 0 1px 8px rgba(0,0,0,0.06);\r\n  }\r\n  .sp-filter-inner {\r\n    max-width: 1200px; margin: 0 auto;\r\n    padding: 0 40px;\r\n    display: flex; align-items: center; gap: 0;\r\n    overflow-x: auto;\r\n  }\r\n  .sp-filter-btn {\r\n    padding: 14px 18px; border: none; background: transparent;\r\n    color: var(--gray-500); font-family: inherit;\r\n    font-size: 14px; font-weight: 500; cursor: pointer;\r\n    border-bottom: 3px solid transparent;\r\n    transition: all 0.2s; white-space: nowrap;\r\n    display: flex; align-items: center; gap: 8px;\r\n  }\r\n  .sp-filter-btn:hover { color: var(--sa-600); }\r\n  .sp-filter-btn.active {\r\n    color: var(--sa-600);\r\n    border-bottom-color: var(--sa-500);\r\n    font-weight: 600;\r\n  }\r\n  .sp-filter-count {\r\n    background: var(--sa-100); color: var(--sa-700);\r\n    font-size: 11px; font-weight: 700;\r\n    padding: 3px 8px; border-radius: 12px;\r\n    min-width: 24px; text-align: center;\r\n  }\r\n  .sp-filter-btn.active .sp-filter-count { background: var(--sa-500); color: #fff; }\r\n  .sp-filter-btn .sp-clear-icon { display: none; width: 14px; height: 14px; opacity: 0.6; }\r\n  .sp-filter-btn.active .sp-clear-icon { display: block; }\r\n\r\n  .main { max-width: 1200px; margin: 0 auto; padding: 40px 40px 60px; }\r\n  .section-label {\r\n    font-size: 12px; font-weight: 700; letter-spacing: 1.5px;\r\n    text-transform: uppercase; color: var(--sa-600);\r\n    margin-bottom: 24px; padding-bottom: 10px;\r\n    border-bottom: 1px solid var(--sa-100);\r\n  }\r\n\r\n  .programs-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* CARD STYLE *\/\r\n  .card {\r\n    background: #fff;\r\n    border: 1px solid var(--gray-200);\r\n    border-radius: 16px;\r\n    padding: 24px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 240px;\r\n    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\r\n  }\r\n  .card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 32px rgba(37,147,95,0.12);\r\n    border-color: var(--sa-500);\r\n  }\r\n  .card-top {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    margin-bottom: 14px;\r\n  }\r\n  .card-icon {\r\n    width: 48px; height: 48px;\r\n    border-radius: 50%;\r\n    background: var(--sa-50);\r\n    color: var(--sa-600);\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  .card-icon svg {\r\n    width: 26px; height: 26px;\r\n    fill: currentColor;\r\n  }\r\n  .card-name {\r\n    font-size: 17px; font-weight: 700;\r\n    color: var(--gray-900);\r\n    text-align: right; direction: rtl;\r\n    margin-bottom: 4px;\r\n    line-height: 1.4;\r\n  }\r\n  .card-cat {\r\n    font-size: 11px;\r\n    color: var(--sa-600);\r\n    font-weight: 600;\r\n    margin-bottom: 12px;\r\n  }\r\n  .card-desc {\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    color: var(--gray-500);\r\n    margin-bottom: 16px;\r\n    flex: 1;\r\n  }\r\n  .card-arrow {\r\n    width: 40px; height: 40px;\r\n    border: 1px solid var(--gray-200);\r\n    border-radius: 10px;\r\n    display: inline-flex;\r\n    align-items: center; justify-content: center;\r\n    color: var(--gray-700);\r\n    text-decoration: none;\r\n    margin-top: auto;\r\n    align-self: flex-end;\r\n    transition: all 0.2s;\r\n  }\r\n  .card-arrow:hover {\r\n    background: var(--sa-500);\r\n    color: #fff;\r\n    border-color: var(--sa-500);\r\n    transform: translateX(-3px);\r\n  }\r\n  .card-arrow svg {\r\n    width: 18px; height: 18px;\r\n    stroke: currentColor; fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n\r\n  .card.hidden { display: none; }\r\n  .suggestions-section { display: none; }\r\n  .suggestions-section.show { display: block; }\r\n  .programs-grid.hidden { display: none; }\r\n  #section-label { display: block; }\r\n  #section-label.hidden { display: none; }\r\n\r\n  @media (max-width: 640px) {\r\n    .main { padding: 24px 16px 40px; }\r\n    .sp-filter-inner { padding: 0 16px; }\r\n    .programs-grid { grid-template-columns: 1fr; gap: 12px; }\r\n    .card { padding: 20px; }\r\n  }\r\n  \r\n  .welcome-banner {\r\n    position: relative;\r\n    background: linear-gradient(135deg, #F3FCF6 0%, #DFF6E7 100%);\r\n    border: 1px solid var(--sa-100);\r\n    border-radius: 20px;\r\n    padding: 32px 36px;\r\n    margin-bottom: 32px;\r\n    display: flex;\r\n    gap: 24px;\r\n    align-items: flex-start;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u062f\u0627\u0626\u0631\u0629 \u062f\u064a\u0643\u0648\u0631 \u062e\u0641\u064a\u0641\u0629 \u0641\u064a \u0627\u0644\u0632\u0627\u0648\u064a\u0629 *\/\r\n  .welcome-banner::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -80px;\r\n    left: -80px;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, rgba(37,147,95,0.08) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .welcome-banner.hidden { display: none; }\r\n\r\n  \/* ============================================\r\n     3) \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n     ============================================ *\/\r\n  .welcome-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: var(--sa-500);\r\n    color: #fff;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 8px 16px rgba(37,147,95,0.25);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .welcome-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n\r\n  \/* ============================================\r\n     4) \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a\r\n     ============================================ *\/\r\n  .welcome-content {\r\n    flex: 1;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .welcome-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--sa-800);\r\n    margin-bottom: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .welcome-text {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: var(--gray-700);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .welcome-text strong {\r\n    color: var(--sa-700);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* ============================================\r\n     5) \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 (Grid)\r\n     ============================================ *\/\r\n  .welcome-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .step-item {\r\n    background: rgba(255,255,255,0.7);\r\n    border: 1px solid var(--sa-100);\r\n    border-radius: 12px;\r\n    padding: 14px 16px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  .step-item:hover {\r\n    background: rgba(255,255,255,1);\r\n  }\r\n\r\n  .step-num {\r\n    width: 28px;\r\n    height: 28px;\r\n    background: var(--sa-500);\r\n    color: #fff;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .step-text {\r\n    font-size: 13px;\r\n    color: var(--gray-700);\r\n    line-height: 1.6;\r\n    padding-top: 4px;\r\n  }\r\n\r\n  \/* ============================================\r\n     6) \u062a\u0646\u0628\u064a\u0647 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0627\u062a\r\n     ============================================ *\/\r\n  .welcome-tip {\r\n    background: #fff;\r\n    border: 1px dashed var(--sa-500);\r\n    border-radius: 12px;\r\n    padding: 14px 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: var(--sa-700);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .welcome-tip svg {\r\n    flex-shrink: 0;\r\n    color: var(--sa-500);\r\n  }\r\n\r\n  .welcome-tip strong {\r\n    color: var(--sa-700);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* ============================================\r\n     7) \u0632\u0631 \u0627\u0644\u0625\u063a\u0644\u0627\u0642\r\n     ============================================ *\/\r\n  .welcome-close {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n    width: 32px;\r\n    height: 32px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #6c727e !important;\r\n    transition: all 0.2s;\r\n    z-index: 2;\r\n    padding: 0px;\r\n    background-color: rgba(255, 255, 255, 0.7) !important;\r\n  }\r\n\r\n  .welcome-close:hover {\r\n    background: #fff;\r\n    color: var(--gray-900) !important;\r\n  }\r\n\r\n  .welcome-close svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  \/* ============================================\r\n     8) \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644\r\n     ============================================ *\/\r\n  @media (max-width: 640px) {\r\n    body { padding: 20px 12px; }\r\n    .welcome-banner {\r\n      flex-direction: column;\r\n      padding: 24px 20px;\r\n      gap: 16px;\r\n    }\r\n    .welcome-title { font-size: 18px; }\r\n    .welcome-text { font-size: 14px; }\r\n    .welcome-steps { grid-template-columns: 1fr; }\r\n    .welcome-close { top: 12px; left: 12px; }\r\n  }\r\n\r\n<\/style>\r\n<div class=\"sp-filter-bar\">\r\n  <div class=\"sp-filter-inner\">\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn active\" onclick=\"filterCards('all', this)\"><span>\u0627\u0644\u0643\u0644<\/span><span class=\"sp-filter-count\">21<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn\" onclick=\"filterCards('office', this)\"><span>\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/span><span class=\"sp-filter-count\">3<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn\" onclick=\"filterCards('engineering', this)\"><span>\u0647\u0646\u062f\u0633\u0629 \u0648\u062a\u0635\u0645\u064a\u0645<\/span><span class=\"sp-filter-count\">5<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn\" onclick=\"filterCards('dev', this)\"><span>\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/span><span class=\"sp-filter-count\">6<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn\" onclick=\"filterCards('media', this)\"><span>\u0625\u0639\u0644\u0627\u0645 \u0648\u0645\u062d\u062a\u0648\u0649<\/span><span class=\"sp-filter-count\">2<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn\" onclick=\"filterCards('security', this)\"><span>\u0623\u0645\u0646 \u0648\u062d\u0645\u0627\u064a\u0629 <\/span><span class=\"sp-filter-count\">5<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n    <div role=\"button\" tabindex=\"0\" class=\"sp-filter-btn\" onclick=\"filterCards('suggestions', this)\"><span>\u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0627\u062a<\/span><span class=\"sp-filter-count\">+<\/span><svg class=\"sp-clear-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<main class=\"main\">\r\n    <div class=\"container\">\r\n\r\n  <!-- ============================================\r\n       HTML: \u0628\u0627\u0646\u0631 \u0627\u0644\u062a\u0631\u062d\u064a\u0628\r\n       ============================================ -->\r\n  <div class=\"welcome-banner\" id=\"welcome-banner\">\r\n\r\n    <!-- \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 -->\r\n    <div class=\"welcome-icon\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/>\r\n        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 -->\r\n    <div class=\"welcome-content\">\r\n\r\n      <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\r\n      <h2 class=\"welcome-title\">\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u062d\u0642\u064a\u0628\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0637\u0644\u0627\u0628\u064a\u0629 \ud83d\udc4b<\/h2>\r\n\r\n      <!-- \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a -->\r\n      <p class=\"welcome-text\">\r\n        \u062a\u0635\u0641\u0651\u062d \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0643 \u0645\u062c\u0627\u0646\u0627\u064b \u0628\u0635\u0641\u062a\u0643 \u0639\u0636\u0648\u0627\u064b \u0641\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629. \u0639\u0646\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0628\u0631\u0646\u0627\u0645\u062c\u060c \u0633\u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644\u0643 \u0645\u0628\u0627\u0634\u0631\u0629\u064b \u0625\u0644\u0649 <strong>\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0644\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/strong> \u0644\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0631\u062e\u064a\u0635\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a.\r\n      <\/p>\r\n\r\n      <!-- \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 -->\r\n      <div class=\"welcome-steps\">\r\n\r\n        <div class=\"step-item\">\r\n          <div class=\"step-num\">1<\/div>\r\n          <div class=\"step-text\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0645\u0646 \u0627\u0644\u0623\u0639\u0644\u0649 (\u0625\u0646\u062a\u0627\u062c\u064a\u0629\u060c \u0647\u0646\u062f\u0633\u0629\u060c \u0628\u0631\u0645\u062c\u0629...)<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n          <div class=\"step-num\">2<\/div>\r\n          <div class=\"step-text\">\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0633\u0647\u0645 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0631\u0627\u062f \u0644\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n          <div class=\"step-num\">3<\/div>\r\n          <div class=\"step-text\">\u0633\u062c\u0651\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u062e\u064a\u0635 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0645\u062c\u0627\u0646\u0627\u064b<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u062a\u0646\u0628\u064a\u0647 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0627\u062a -->\r\n      <div class=\"welcome-tip\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\">\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\r\n        <\/svg>\r\n        <span>\u0644\u062f\u064a\u0643 \u0627\u0642\u062a\u0631\u0627\u062d \u0628\u0628\u0631\u0646\u0627\u0645\u062c \u062c\u062f\u064a\u062f\u061f \u062a\u0648\u062c\u0651\u0647 \u0625\u0644\u0649 \u062a\u0628\u0648\u064a\u0628 <strong>\"\u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0627\u062a\"<\/strong> \u0648\u0634\u0627\u0631\u0643\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644\u0647.<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0632\u0631 \u0627\u0644\u0625\u063a\u0644\u0627\u0642 -->\r\n    <button class=\"welcome-close\" onclick=\"closeBanner()\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n        <path d=\"M18 6L6 18M6 6l12 12\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n  <div class=\"section-label\" id=\"section-label\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/div>\r\n  <div class=\"programs-grid\" id=\"grid\">\r\n\r\n    <!-- Office 365 -->\r\n    <div class=\"card\" data-cat=\"office\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21.5 4L13.5 1.5L4 4v16l9.5 2.5l8-2.5V4zM13.5 19V4.5l-7 1.5v12.5L13.5 19zM15 5l5-1v15l-5 1.5V5z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">\u062d\u0632\u0645\u0629 \u0623\u0648\u0641\u064a\u0633 365<\/div>\r\n      <div class=\"card-cat\">\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">Word, Excel, PowerPoint, OneNote \u0648Teams \u2014 \u0645\u062a\u0627\u062d\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0644\u0644\u0637\u0644\u0627\u0628 \u0628\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u062c\u0627\u0645\u0639\u064a.<\/div>\r\n      <a href=\"https:\/\/www.microsoft.com\/en-gb\/education\/products\/office\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Figma -->\r\n    <div class=\"card\" data-cat=\"office\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Figma<\/div>\r\n      <div class=\"card-cat\">\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u0623\u062f\u0627\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0639 \u062a\u0639\u0627\u0648\u0646 \u0641\u0648\u0631\u064a \u0628\u064a\u0646 \u0627\u0644\u0641\u0631\u064a\u0642 \u0639\u0628\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d.<\/div>\r\n      <a href=\"https:\/\/www.figma.com\/education\/\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- GitHub Education -->\r\n    <div class=\"card\" data-cat=\"office\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">GitHub Education<\/div>\r\n      <div class=\"card-cat\">\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u062d\u0632\u0645\u0629 \u0627\u0644\u0645\u0637\u0648\u0631 \u0627\u0644\u0637\u0627\u0644\u0628: GitHub Pro\u060c Copilot\u060c \u0648\u0639\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0645\u062c\u0627\u0646\u0627\u064b.<\/div>\r\n      <a href=\"https:\/\/education.github.com\/pack\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- AutoCAD -->\r\n    <div class=\"card\" data-cat=\"engineering\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3.8672 1.0527v.0157L0 3.3848v17.914l3.8965-2.332h18.3398V2.3301c0-.702-.5773-1.2774-1.2793-1.2774H3.8672zm7.5058 4.0098h3.3008l2.9844 9.9512h-2.5879l-.5683-2.1895h-2.9844l-.5703 2.1621h-2.416l2.8417-9.9238zm11.8633.0273v14.877H4.172l-2.0684 1.2383v.4648c0 .702.5793 1.2774 1.2813 1.2774H24V5.0898h-.7637zM12.9668 6.6816l-.9941 4.3243h2.0468l-1.0527-4.3243z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">AutoCAD<\/div>\r\n      <div class=\"card-cat\">\u0647\u0646\u062f\u0633\u0629 \u0648\u062a\u0635\u0645\u064a\u0645<\/div>\r\n      <div class=\"card-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0631\u0627\u0626\u062f \u0644\u0631\u0633\u0648\u0645\u0627\u062a 2D \u06483D \u0639\u0628\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u2014 \u062a\u0631\u062e\u064a\u0635 \u062a\u0639\u0644\u064a\u0645\u064a \u0645\u062c\u0627\u0646\u064a.<\/div>\r\n      <a href=\"https:\/\/www.autodesk.com\/education\/free-software\/autocad\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- 3ds Max -->\r\n    <div class=\"card\" data-cat=\"engineering\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"m.129 20.202 14.7-9.136h7.625c.235 0 .445.188.445.445 0 .21-.092.305-.21.375l-7.222 4.323c-.47.283-.633.845-.633 1.265l-.008 2.725H24V4.362a.561.561 0 0 0-.585-.562h-8.752L0 12.893V20.2h.129z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">3ds Max<\/div>\r\n      <div class=\"card-cat\">\u0647\u0646\u062f\u0633\u0629 \u0648\u062a\u0635\u0645\u064a\u0645<\/div>\r\n      <div class=\"card-desc\">\u062d\u0644 \u0642\u0648\u064a \u0644\u0644\u0646\u0645\u0630\u062c\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0645\u0634\u0627\u0647\u062f \u0627\u0644\u0648\u0627\u0642\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a.<\/div>\r\n      <a href=\"https:\/\/www.autodesk.com\/education\/free-software\/3ds-max\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Revit -->\r\n    <div class=\"card\" data-cat=\"engineering\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M24 22.665H2.994c-.519 0-.838-.293-.835-.723.001.042.002-.148.003-.463.142-.083.283-.165.427-.247l.078-.045.07-.058.015-.013.127-.078 1.294-.804h1.134c3.35 0 11.817 0 16.548.007.159 0 .631 0 1.002-.371.371-.372.37-.853.37-1.011-.008-2.057-.001-4.109.005-6.16.008-2.39.016-4.86 0-7.298v-.063l.61-.007c.169-.003.143.197.143.296.014 5.68-.02 11.36.015 17.038zM14.326 8.982c.006-.281.006-.56.006-.859-.009-.5-.395-1.055-.916-1.055-.435 0-.919.006-1.432.006v3.01h1.432c.52 0 .9-.584.91-1.102zM3.887 19.234 3.853 1.363l.007-.025.026-.003h17.313c.51.232.943.56 1.033 1.16.023 1.052 0 1.896 0 2.854.001.023-.002.036 0 .059.03 4.489-.022 8.963-.005 13.453 0 .285-.072.38-.37.38-5.99-.008-17.97-.007-17.97-.007zm5.624-3.971h2.395l.057-.051v-3.5c.316.001.57-.005.787-.005.075 0 .348.075.449.286.36.757.692 1.531 1.125 2.25.583.967 1.704 1.204 2.469 1.204.528 0 .528-.024.528-.245 0-.423-.006-.935-.006-1.374-.403-.039-.734-.163-.929-.541-.362-.705-.74-1.401-1.119-2.114.248-.072.218-.057.302-.092.859-.357 1.139-.951 1.213-1.71.05-.503.059-1.144.025-1.395-.112-.833-.378-1.454-1.036-1.932-.773-.562-1.678-.657-2.582-.687a62.395 62.395 0 0 0-3.678.012v9.894zm-5.658-13.9C1.631 2.64.98 3.087.223 3.513.025 3.622 0 3.895 0 4.1l.02 17.45c.575-.357 3.293-1.96 3.867-2.316L3.853 1.363z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Revit<\/div>\r\n      <div class=\"card-cat\">\u0647\u0646\u062f\u0633\u0629 \u0648\u062a\u0635\u0645\u064a\u0645<\/div>\r\n      <div class=\"card-desc\">\u0646\u0645\u0630\u062c\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 (BIM) \u0644\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0641\u064a \u0648\u0627\u062c\u0647\u0629 \u0645\u0648\u062d\u062f\u0629.<\/div>\r\n      <a href=\"https:\/\/www.autodesk.com\/education\/free-software\/revit\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Maya -->\r\n    <div class=\"card\" data-cat=\"engineering\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4.348 0 .69 2.203v16.875l3.657-2.203h17.297V1.219c0-.67-.551-1.219-1.22-1.219H4.349zm18.297 3.75v14.125H4.627l-1.943 1.17v3.736c0 .67.55 1.219 1.218 1.219H23.31V3.75h-.664zm-14.471.025h2.937l1.885 7.508 1.977-7.48-.012-.028h2.857v9.354h-2.216v-6.04l-1.565 6.026v.014h-2.203l-1.656-6.28v6.28H8.174V3.775z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Maya<\/div>\r\n      <div class=\"card-cat\">\u0647\u0646\u062f\u0633\u0629 \u0648\u062a\u0635\u0645\u064a\u0645<\/div>\r\n      <div class=\"card-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 3D \u0648\u0627\u0644\u0646\u0645\u0630\u062c\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0648\u0627\u0644\u062a\u0635\u064a\u064a\u0631 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629.<\/div>\r\n      <a href=\"https:\/\/www.autodesk.com\/education\/free-software\/maya\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Inventor -->\r\n    <div class=\"card\" data-cat=\"engineering\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"m.129 20.202 14.7-9.136h7.625c.235 0 .445.188.445.445 0 .21-.092.305-.21.375l-7.222 4.323c-.47.283-.633.845-.633 1.265l-.008 2.725H24V4.362a.561.561 0 0 0-.585-.562h-8.752L0 12.893V20.2h.129z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Inventor<\/div>\r\n      <div class=\"card-cat\">\u0647\u0646\u062f\u0633\u0629 \u0648\u062a\u0635\u0645\u064a\u0645<\/div>\r\n      <div class=\"card-desc\">\u0623\u062f\u0627\u0629 Autodesk \u0644\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a \u062a\u062f\u0639\u0645 \u0645\u0644\u0641\u0627\u062a CAD \u0648\u0631\u0633\u0648\u0645\u0627\u062a DWG \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.<\/div>\r\n      <a href=\"https:\/\/www.autodesk.com\/education\/free-software\/inventor-professional\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- IntelliJ IDEA -->\r\n    <div class=\"card\" data-cat=\"dev\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M0 0v24h24V0zm3.723 3.111h5v1.834h-1.39v6.277h1.39v1.834h-5v-1.834h1.444V4.945H3.723zm11.055 0H17v6.5c0 .612-.055 1.111-.222 1.556-.167.444-.39.777-.723 1.11-.277.279-.666.557-1.11.668a3.933 3.933 0 0 1-1.445.278c-.778 0-1.444-.167-1.944-.445a4.81 4.81 0 0 1-1.279-1.056l1.39-1.555c.277.334.555.555.833.722.277.167.611.278.945.278.389 0 .721-.111 1-.389.221-.278.333-.667.333-1.278zM2.222 19.5h9V21h-9z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">IntelliJ IDEA<\/div>\r\n      <div class=\"card-cat\">\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/div>\r\n      <div class=\"card-desc\">\u0645\u0646 \u0623\u0642\u0648\u0649 \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a \u0645\u0639 \u0623\u062f\u0648\u0627\u062a \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0643\u0648\u062f \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0623\u062e\u0637\u0627\u0621.<\/div>\r\n      <a href=\"https:\/\/www.jetbrains.com\/shop\/eform\/students\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- PyCharm -->\r\n    <div class=\"card\" data-cat=\"dev\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7.833 6.666v-.055c0-1-.667-1.5-1.778-1.5H4.389v3.055h1.723c1.111 0 1.721-.666 1.721-1.5zM0 0v24h24V0H0zm2.223 3.167h4c2.389 0 3.833 1.389 3.833 3.445v.055c0 2.278-1.778 3.5-4.001 3.5H4.389v2.945H2.223V3.167zM11.277 21h-9v-1.5h9V21zm4.779-7.777c-2.944.055-5.111-2.223-5.111-5.057C10.944 5.333 13.056 3 16.111 3c1.889 0 3 .611 3.944 1.556l-1.389 1.61c-.778-.722-1.556-1.111-2.556-1.111-1.658 0-2.873 1.375-2.887 3.084.014 1.709 1.174 3.083 2.887 3.083 1.111 0 1.833-.445 2.61-1.167l1.39 1.389c-.999 1.112-2.166 1.779-4.054 1.779z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">PyCharm<\/div>\r\n      <div class=\"card-cat\">\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/div>\r\n      <div class=\"card-desc\">\u0628\u064a\u0626\u0629 \u062a\u0637\u0648\u064a\u0631 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u063a\u0629 Python \u0645\u0639 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0648\u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629.<\/div>\r\n      <a href=\"https:\/\/www.jetbrains.com\/shop\/eform\/students\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- PhpStorm -->\r\n    <div class=\"card\" data-cat=\"dev\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M7.833 6.611v-.055c0-1-.667-1.5-1.778-1.5H4.389v3.056h1.722c1.111-.001 1.722-.668 1.722-1.501zM0 0v24h24V0H0zm2.167 3.111h4.056c2.389 0 3.833 1.389 3.833 3.445v.055c0 2.333-1.778 3.5-4.056 3.5H4.333v3H2.167v-10zM11.278 21h-9v-1.5h9V21zM18.5 10.222c0 2-1.5 3.111-3.667 3.111-1.5-.056-3-.611-4.222-1.667l1.278-1.556c.89.722 1.833 1.222 3 1.222.889 0 1.444-.333 1.444-.944v-.056c0-.555-.333-.833-2-1.277C12.333 8.555 11 8 11 6v-.056c0-1.833 1.444-3 3.5-3 1.444 0 2.723.444 3.723 1.278l-1.167 1.667c-.889-.611-1.777-1-2.611-1-.833 0-1.278.389-1.278.889v.056c0 .667.445.889 2.167 1.333 2 .556 3.167 1.278 3.167 3v.055z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">PhpStorm<\/div>\r\n      <div class=\"card-cat\">\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/div>\r\n      <div class=\"card-desc\">\u0628\u064a\u0626\u0629 \u062a\u0637\u0648\u064a\u0631 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u063a\u0629 PHP \u0645\u0639 \u0623\u062f\u0648\u0627\u062a \u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0643\u0648\u062f \u0648\u0645\u0631\u0627\u062c\u0639\u062a\u0647 \u0628\u062f\u0642\u0629.<\/div>\r\n      <a href=\"https:\/\/www.jetbrains.com\/shop\/eform\/students\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- DataGrip -->\r\n    <div class=\"card\" data-cat=\"dev\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M0 0v24h24V0Zm17.1797 2.9477a5.452 5.452 0 0 1 3.9047 1.364L19.7078 5.972a3.672 3.672 0 0 0-2.596-1.0086c-1.6 0-2.8555 1.408-2.8555 3.096v.0282c0 1.816 1.2517 3.1523 3.0117 3.1523a3.492 3.492 0 0 0 2.064-.5921V9.2234h-2.2V7.336h4.3157v4.3157a6.436 6.436 0 0 1-4.2438 1.5757c-3.096 0-5.2242-2.1797-5.2242-5.1117v-.0281a5.1 5.1 0 0 1 5.2-5.1398zm-14.7438.1718h3.8758c3.12 0 5.2805 2.1439 5.2805 4.9399v.028c0 2.8-2.1605 4.968-5.2805 4.968H2.436Zm4.075 1.9688a2.852 2.852 0 0 0-.1992.003H4.6203v6h1.6914A2.832 2.832 0 0 0 9.304 8.1235v-.036a2.852 2.852 0 0 0-2.793-2.9991Zm-4.303 14.407h9v1.5h-9z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">DataGrip<\/div>\r\n      <div class=\"card-cat\">\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/div>\r\n      <div class=\"card-desc\">\u0645\u0646\u0635\u0629 \u0625\u062f\u0627\u0631\u0629 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0645\u0637\u0648\u0631\u064a SQL \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0644\u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0637\u0648\u064a\u0631 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.<\/div>\r\n      <a href=\"https:\/\/www.jetbrains.com\/shop\/eform\/students\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- VS Code -->\r\n    <div class=\"card\" data-cat=\"dev\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M23.15 2.587L18.21.21a1.5 1.5 0 00-1.705.29l-9.46 8.63-4.12-3.128a1 1 0 00-1.276.057L.327 7.261A1 1 0 00.326 8.74L3.899 12 .326 15.26a1 1 0 00.001 1.479L1.65 17.94a1 1 0 001.276.057l4.12-3.128 9.46 8.63a1.5 1.5 0 001.704.29l4.942-2.377A1.5 1.5 0 0024 20.06V3.939a1.5 1.5 0 00-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Visual Studio Code<\/div>\r\n      <div class=\"card-cat\">\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/div>\r\n      <div class=\"card-desc\">\u0628\u064a\u0626\u0629 \u062a\u0637\u0648\u064a\u0631 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0645\u0641\u062a\u0648\u062d\u0629 \u0627\u0644\u0645\u0635\u062f\u0631 \u0645\u0646 Microsoft \u062a\u062f\u0639\u0645 \u0645\u0639\u0638\u0645 \u0644\u063a\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u0629.<\/div>\r\n      <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- WebStorm -->\r\n    <div class=\"card\" data-cat=\"dev\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M0 0v24h24V0H0zm17.889 2.889c1.444 0 2.667.444 3.667 1.278l-1.111 1.667c-.889-.611-1.722-1-2.556-1s-1.278.389-1.278.889v.056c0 .667.444.889 2.111 1.333 2 .556 3.111 1.278 3.111 3v.056c0 2-1.5 3.111-3.611 3.111-1.5-.056-3-.611-4.167-1.667l1.278-1.556c.889.722 1.833 1.222 2.944 1.222.889 0 1.389-.333 1.389-.944v-.056c0-.556-.333-.833-2-1.278-2-.5-3.222-1.056-3.222-3.056v-.056c0-1.833 1.444-3 3.444-3zm-16.111.222h2.278l1.5 5.778 1.722-5.778h1.667l1.667 5.778 1.5-5.778h2.333l-2.833 9.944H9.723L8.112 7.277l-1.667 5.778H4.612L1.779 3.111zm.5 16.389h9V21h-9v-1.5z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">WebStorm<\/div>\r\n      <div class=\"card-cat\">\u0628\u0631\u0645\u062c\u0629 \u0648\u062a\u0637\u0648\u064a\u0631<\/div>\r\n      <div class=\"card-desc\">\u0628\u064a\u0626\u0629 \u062a\u0637\u0648\u064a\u0631 \u0630\u0643\u064a\u0629 \u0644\u0644\u063a\u0627\u062a JavaScript \u0648TypeScript \u0648\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b.<\/div>\r\n      <a href=\"https:\/\/www.jetbrains.com\/shop\/eform\/students\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Notion -->\r\n    <div class=\"card\" data-cat=\"media\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Notion<\/div>\r\n      <div class=\"card-cat\">\u0625\u0639\u0644\u0627\u0645 \u0648\u0645\u062d\u062a\u0648\u0649<\/div>\r\n      <div class=\"card-desc\">\u0645\u0646\u0635\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u062a\u062f\u0648\u064a\u0646 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.<\/div>\r\n      <a href=\"https:\/\/www.notion.so\/product\/notion-for-education\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Debut Video Capture -->\r\n    <div class=\"card\" data-cat=\"media\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">Debut Video Capture<\/div>\r\n      <div class=\"card-cat\">\u0625\u0639\u0644\u0627\u0645 \u0648\u0645\u062d\u062a\u0648\u0649<\/div>\r\n      <div class=\"card-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0634\u0631\u0648\u062d\u0627\u062a \u0645\u0646 \u0634\u0627\u0634\u0629 \u0627\u0644\u062d\u0627\u0633\u0648\u0628 \u0645\u0639 \u0623\u062f\u0648\u0627\u062a \u062a\u062d\u0631\u064a\u0631 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0646\u0634\u0631\u0647.<\/div>\r\n      <a href=\"https:\/\/www.freescreenrecording.com\/\" target=\"_blank\" class=\"card-arrow\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n     <div class=\"card\" data-cat=\"security\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">\u0645\u0643\u0627\u0641\u062d \u0641\u064a\u0631\u0648\u0633\u0627\u062a Ubuntu 14.04<\/div>\r\n      <div class=\"card-cat\">\u0623\u0645\u0646 \u0648\u062d\u0645\u0627\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u0645\u0643\u0627\u0641\u062d \u0641\u064a\u0631\u0648\u0633\u0627\u062a \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0642\u0635\u064a\u0645 \u0644\u062d\u0645\u0627\u064a\u0629 \u0623\u0646\u0638\u0645\u0629 Ubuntu 14.04 \u0645\u0646 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u062e\u0628\u064a\u062b\u0629.<\/div>\r\n      <a href=\"https:\/\/www.qu.edu.sa\/mainservices\/software\/\" target=\"_blank\" class=\"card-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Antivirus Ubuntu 16.04 -->\r\n    <div class=\"card\" data-cat=\"security\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">\u0645\u0643\u0627\u0641\u062d \u0641\u064a\u0631\u0648\u0633\u0627\u062a Ubuntu 16.04<\/div>\r\n      <div class=\"card-cat\">\u0623\u0645\u0646 \u0648\u062d\u0645\u0627\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u0645\u0643\u0627\u0641\u062d \u0641\u064a\u0631\u0648\u0633\u0627\u062a \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0642\u0635\u064a\u0645 \u0644\u062d\u0645\u0627\u064a\u0629 \u0623\u0646\u0638\u0645\u0629 Ubuntu 16.04 \u0645\u0646 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u062e\u0628\u064a\u062b\u0629.<\/div>\r\n      <a href=\"https:\/\/www.qu.edu.sa\/mainservices\/software\/\" target=\"_blank\" class=\"card-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Antivirus Windows -->\r\n    <div class=\"card\" data-cat=\"security\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">\u0645\u0643\u0627\u0641\u062d \u0641\u064a\u0631\u0648\u0633\u0627\u062a Windows<\/div>\r\n      <div class=\"card-cat\">\u0623\u0645\u0646 \u0648\u062d\u0645\u0627\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u062d\u0645\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 Windows \u0645\u0646 \u0627\u0644\u0641\u064a\u0631\u0648\u0633\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u062e\u0628\u064a\u062b\u0629\u060c \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0629.<\/div>\r\n      <a href=\"https:\/\/www.qu.edu.sa\/mainservices\/software\/\" target=\"_blank\" class=\"card-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Antivirus Mac -->\r\n    <div class=\"card\" data-cat=\"security\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">\u0645\u0643\u0627\u0641\u062d \u0641\u064a\u0631\u0648\u0633\u0627\u062a Mac<\/div>\r\n      <div class=\"card-cat\">\u0623\u0645\u0646 \u0648\u062d\u0645\u0627\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u062d\u0645\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0623\u062c\u0647\u0632\u0629 Mac \u0645\u0646 \u0627\u0644\u0641\u064a\u0631\u0648\u0633\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u062e\u0628\u064a\u062b\u0629\u060c \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0629.<\/div>\r\n      <a href=\"https:\/\/www.qu.edu.sa\/mainservices\/software\/\" target=\"_blank\" class=\"card-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- Anti-Spyware Mac -->\r\n    <div class=\"card\" data-cat=\"security\">\r\n      <div class=\"card-top\"><div class=\"card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27z\" opacity=\"0.4\"\/><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg><\/div><\/div>\r\n      <div class=\"card-name\">\u0645\u0643\u0627\u0641\u062d \u0627\u0644\u062a\u062c\u0633\u0633 Mac<\/div>\r\n      <div class=\"card-cat\">\u0623\u0645\u0646 \u0648\u062d\u0645\u0627\u064a\u0629<\/div>\r\n      <div class=\"card-desc\">\u0628\u0631\u0646\u0627\u0645\u062c \u0644\u062d\u0645\u0627\u064a\u0629 \u0623\u062c\u0647\u0632\u0629 Mac \u0645\u0646 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062c\u0633\u0633 \u0648\u0627\u0644\u062a\u062a\u0628\u0639 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647.<\/div>\r\n      <a href=\"https:\/\/www.qu.edu.sa\/mainservices\/software\/\" target=\"_blank\" class=\"card-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n<\/main>\r\n\r\n<!-- Suggestions Section -->\r\n<section class=\"suggestions-section\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto; padding: 40px 40px;\">\r\n    <div style=\"text-align: center; margin-bottom: 40px;\">\r\n      <div style=\"font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: #1B8354; margin-bottom: 8px; text-transform: uppercase;\">\u0634\u0627\u0631\u0643\u0646\u0627 \u0627\u0642\u062a\u0631\u0627\u062d\u0643<\/div>\r\n      <h2 style=\"font-size: 30px; font-weight: 700; color: #14573A; margin-bottom: 10px; letter-spacing: -0.3px;\">\u0627\u0642\u062a\u0631\u062d \u0628\u0631\u0646\u0627\u0645\u062c\u0627\u064b \u062c\u062f\u064a\u062f\u0627\u064b<\/h2>\r\n      <p style=\"font-size: 15px; color: #6C737F; line-height: 1.7;\">\u062a\u0639\u0631\u0641 \u0628\u0631\u0646\u0627\u0645\u062c\u0627\u064b \u0645\u0641\u064a\u062f\u0627\u064b \u0644\u0644\u0637\u0644\u0627\u0628 \u0648\u0644\u0645 \u0646\u0636\u0641\u0647 \u0628\u0639\u062f\u061f \u0634\u0627\u0631\u0643\u0646\u0627 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0633\u0646\u0631\u0627\u062c\u0639 \u0625\u0636\u0627\u0641\u062a\u0647 \u0644\u0644\u062d\u0642\u064a\u0628\u0629.<\/p>\r\n    <\/div>\r\n    <div style=\"background: #f3f4f6; border: 2px dashed #d2d6db; border-radius: 12px; padding: 48px 40px; text-align: center; max-width: 800px; margin: 0 auto 48px;\">\r\n    <div class=\"frm_forms  with_frm_style frm_style_formidable-style frm_rtl\" id=\"frm_form_21_container\" data-token=\"925947cbb313e8bc9020a8be9eb60624\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_uhasm\" data-token=\"925947cbb313e8bc9020a8be9eb60624\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\"><\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"21\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_21\" id=\"frm_hide_fields_21\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"uhasm\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_21\" name=\"frm_submit_entry_21\" value=\"48b6f1fbb2\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/73686\" \/><div id=\"frm_field_326_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n\t<label for=\"field_a1h1y\" id=\"field_a1h1y_label\" class=\"frm_primary_label\">\u0627\u0633\u0645 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0642\u062a\u0631\u062d\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input  type=\"text\" id=\"field_a1h1y\" name=\"item_meta[326]\" value=\"\"  data-reqmsg=\"\u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628 \u060c \u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u0631\u0643 \u0627\u0644\u062d\u0642\u0644 \u0641\u0627\u0631\u063a\u0627\" aria-required=\"true\" data-invmsg=\"\u0627\u0633\u0645 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0642\u062a\u0631\u062d is invalid\" aria-invalid=\"false\"   \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_327_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n\t<label for=\"field_jclf\" id=\"field_jclf_label\" class=\"frm_primary_label\">\u0635\u0641\u062d\u0629 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0642\u062a\u0631\u062d\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"url\" id=\"field_jclf\" name=\"item_meta[327]\" value=\"\"  data-reqmsg=\"\u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628 \u060c \u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u0631\u0643 \u0627\u0644\u062d\u0642\u0644 \u0641\u0627\u0631\u063a\u0627\" aria-required=\"true\" data-invmsg=\"\u0635\u0641\u062d\u0629 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0642\u062a\u0631\u062d is invalid\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_328_container\" class=\"frm_form_field form-field  frm_top_container\">\r\n\t<label for=\"field_igish\" id=\"field_igish_label\" class=\"frm_primary_label\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n\t<\/label>\r\n\t<textarea name=\"item_meta[328]\" id=\"field_igish\" rows=\"5\"  data-invmsg=\"\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 is invalid\" aria-invalid=\"false\"  ><\/textarea>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_325_container\" class=\"frm_form_field form-field \">\r\n\t\t\t<div id=\"cf-turnstile-fmdble-3915624014\"\r\n\t\tclass=\"cf-turnstile\" data-callback=\"turnstileFormidableCallback\"\t\tdata-sitekey=\"0x4AAAAAABc6Jga4MdcjvjIL\"\r\n\t\tdata-theme=\"auto\"\r\n\t\tdata-language=\"auto\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"formidable-form-21\"\r\n\t\tdata-callback=\"turnstileFormidableCallback\"\r\n\t\t\t\tdata-appearance=\"always\"><\/div>\r\n\t\t\t\t<style>.frm_forms .frm_button_submit frm_final_submit { pointer-events: none; opacity: 0.5; }<\/style>\r\n\t\t\t\t<br class=\"cf-turnstile-br cf-turnstile-br-fmdble-3915624014\">\r\n\t\t\t\t<style>#cf-turnstile-fmdble-3915624014 { margin-left: -15px; }<\/style>\r\n\t\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">\u0627\u0631\u0633\u0627\u0644<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_329_container\">\n\t\t\t<label for=\"field_uyw9u\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input  id=\"field_uyw9u\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[329]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"lnI+okUdX\/u4kPGJcN\/MzIDFaKV2x3R6RAu0OPVj7MYseMTMos\/2YK15mgJpocyg\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<\/form>\n<\/div>\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction filterCards(cat, btn) {\r\n  document.querySelectorAll('.sp-filter-btn').forEach(b => b.classList.remove('active'));\r\n  btn.classList.add('active');\r\n  const grid = document.getElementById('grid');\r\n  const label = document.getElementById('section-label');\r\n  const suggestionsSection = document.querySelector('.suggestions-section');\r\n  if (cat === 'suggestions') {\r\n    grid.classList.add('hidden');\r\n    label.classList.add('hidden');\r\n    suggestionsSection.classList.add('show');\r\n  } else {\r\n    grid.classList.remove('hidden');\r\n    label.classList.remove('hidden');\r\n    suggestionsSection.classList.remove('show');\r\n    document.querySelectorAll('.card').forEach(card => {\r\n      if (cat === 'all' || card.dataset.cat === cat) {\r\n        card.classList.remove('hidden');\r\n      } else {\r\n        card.classList.add('hidden');\r\n      }\r\n    });\r\n  }\r\n}\r\nfunction closeBanner() {\r\n    const banner = document.getElementById('welcome-banner');\r\n    if (banner) banner.classList.add('hidden');\r\n  }\r\n<\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":96,"featured_media":0,"parent":25876,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"departments-pages-type":[239],"class_list":["post-73686","page","type-page","status-publish","hentry","departments-pages-type-static-content"],"_links":{"self":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/73686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/comments?post=73686"}],"version-history":[{"count":26,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/73686\/revisions"}],"predecessor-version":[{"id":73868,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/73686\/revisions\/73868"}],"up":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/25876"}],"wp:attachment":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=73686"}],"wp:term":[{"taxonomy":"departments-pages-type","embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages-type?post=73686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}