{"id":76953,"date":"2026-07-15T15:30:41","date_gmt":"2026-07-15T12:30:41","guid":{"rendered":"https:\/\/www.qu.edu.sa\/?page_id=76953"},"modified":"2026-07-15T16:01:03","modified_gmt":"2026-07-15T13:01:03","slug":"service-ratings","status":"publish","type":"page","link":"https:\/\/www.qu.edu.sa\/en\/internal-pages\/services-ratings\/","title":{"rendered":"Beneficiary satisfaction"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"76953\" class=\"elementor elementor-76953\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98f35fc e-flex e-con-boxed e-con e-parent\" data-id=\"98f35fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-160b751 e-flex e-con-boxed e-con e-parent\" data-id=\"160b751\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ff689 elementor-widget elementor-widget-html\" data-id=\"e0ff689\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<title>\u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0639\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 | \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0642\u0635\u064a\u0645<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{box-sizing:border-box;margin:0;}\r\nbody{font-family:\"IBM Plex Sans Arabic\",\"Segoe UI\",Tahoma,sans-serif;background:#f9fafb;color:#384250;line-height:1.6;font-size:16px;}\r\n.wrap{max-width:1280px;margin:0 auto;padding:0 32px;}\r\n\r\n.hero{background:linear-gradient(90deg,#14573a 0%,#166a45 100%);color:#ffffff;padding:48px 0;}\r\n.hero .inner{display:flex;align-items:center;justify-content:space-between;gap:48px;}\r\n.hero h1{font-size:34px;font-weight:700;line-height:1.35;}\r\n.hero .sub{font-size:15.5px;color:#dff6e7;margin-top:10px;max-width:64ch;font-weight:400;}\r\n.ring{position:relative;width:168px;height:168px;flex-shrink:0;}\r\n.ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\r\n.ring .c b{font-size:38px;font-weight:700;color:#ffffff;line-height:1;font-variant-numeric:tabular-nums;}\r\n.ring .c span{font-size:12px;color:#dff6e7;margin-top:5px;}\r\n.ring svg circle.bar{transition:stroke-dashoffset 1.4s cubic-bezier(.22,.8,.35,1);}\r\n\r\n.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-36px;position:relative;}\r\n@media(max-width:900px){.stats{grid-template-columns:1fr;}}\r\n.stat{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px -2px rgba(16,24,40,.06), 0 4px 8px -2px rgba(16,24,40,.10);padding:22px 24px;display:flex;align-items:center;gap:18px;transition:transform .25s,box-shadow .25s;}\r\n.stat:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10),0 8px 20px rgba(16,24,40,.10);}\r\n.stat .ic{width:48px;height:48px;border-radius:9999px;background:#f3fcf6;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n.stat b{font-size:26px;font-weight:700;color:#161616;display:block;line-height:1.2;font-variant-numeric:tabular-nums;}\r\n.stat span{font-size:13px;color:#6c727e;}\r\n\r\n.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:44px 0 16px;flex-wrap:wrap;gap:12px;}\r\n.sec-h h2{font-size:24px;font-weight:700;color:#161616;}\r\n\r\n.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;}\r\n.search{position:relative;flex:1;min-width:240px;max-width:420px;}\r\n.search input{width:100%;font:inherit;font-size:14px;border:1px solid #d2d6db;border-radius:8px;padding:10px 14px;padding-inline-end:40px;background:#ffffff;color:#384250;outline:none;transition:border-color .2s,box-shadow .2s;}\r\n.search input:focus{border-color:#1b8354;box-shadow:0 0 0 3px #dff6e7;}\r\n.search svg{position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);pointer-events:none;}\r\n.fchips{display:flex;gap:8px;flex-wrap:wrap;}\r\n.fchip{font-family:inherit;font-size:13px;font-weight:600;border:1px solid #d2d6db;border-radius:9999px;padding:6px 16px;background:#ffffff;color:#384250;cursor:pointer;transition:all .2s;}\r\n.fchip:hover{border-color:#1b8354;}\r\n.fchip.on{background:#1b8354;border-color:#1b8354;color:#ffffff;}\r\n.fchip:focus-visible,.search input:focus-visible{outline:2px solid #f5bd02;outline-offset:2px;}\r\n\r\n.cat-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.05);padding:24px;margin-bottom:24px;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;}\r\n.cat-card.vis{opacity:1;transform:none;}\r\n.cat-card.hidden{display:none;}\r\n.cat-head{display:flex;align-items:baseline;gap:12px;padding-bottom:16px;border-bottom:1px solid #f3f4f6;margin-bottom:8px;}\r\n.cat-head h2{font-size:19px;font-weight:600;color:#161616;}\r\n.chip{font-size:12px;font-weight:500;background:#f3fcf6;color:#166a45;border:1px solid #dff6e7;border-radius:9999px;padding:2px 12px;}\r\n.avg{margin-inline-start:auto;font-size:20px;font-weight:700;}\r\n.avg small{font-size:11.5px;color:#9da4ae;font-weight:400;}\r\n.svcs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;row-gap:2px;}\r\n@media(max-width:800px){.svcs{grid-template-columns:1fr;}}\r\n.svc{padding:11px 8px 13px;margin:0 -8px;border-bottom:1px solid #f3f4f6;border-radius:6px;transition:background .2s;}\r\n.svc:hover{background:#f3fcf6;}\r\n.svc.hidden{display:none;}\r\n.svc .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:10px;}\r\n.svc .nm{font-size:15px;font-weight:500;color:#384250;}\r\n.svc .side{display:flex;align-items:baseline;gap:12px;white-space:nowrap;}\r\n.svc .cnt{font-size:11.5px;color:#9da4ae;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s;}\r\n.svc:hover .cnt{opacity:1;transform:none;}\r\n.svc b{font-size:16.5px;font-weight:700;font-variant-numeric:tabular-nums;}\r\n.track{height:8px;background:#f3f4f6;border-radius:9999px;overflow:hidden;}\r\n.track i{display:block;height:100%;border-radius:9999px;width:0;transition:width 1.1s cubic-bezier(.22,.8,.35,1);}\r\n.noresults{display:none;text-align:center;padding:48px 0;color:#9da4ae;font-size:15px;}\r\n.noresults.show{display:block;}\r\n.white {\r\n    color: white !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  *{transition:none!important;}\r\n  .cat-card{opacity:1;transform:none;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<main>\r\n<div class=\"hero\"><div class=\"wrap\"><div class=\"inner\">\r\n  <div>\r\n    <h1 class=\"white\">\u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0639\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h1>\r\n    <p class=\"sub\">\u062a\u064f\u062c\u0645\u0639 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0622\u0644\u064a\u064b\u0627 \u0641\u0648\u0631 \u0625\u0646\u062c\u0627\u0632 \u0643\u0644 \u0637\u0644\u0628 \u0639\u0628\u0631 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u062a\u0637\u0628\u064a\u0642 MyQU \u0648\u0642\u0646\u0648\u0627\u062a \u0645\u0631\u0643\u0632 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0634\u0627\u0645\u0644\u060c \u0648\u062a\u064f\u062d\u062f\u064e\u0651\u062b \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0644\u062d\u0638\u064a\u064b\u0627<\/p>\r\n  <\/div>\r\n  <div class=\"ring\">\r\n    <svg width=\"168\" height=\"168\" viewBox=\"0 0 168 168\">\r\n      <circle cx=\"84\" cy=\"84\" r=\"72\" fill=\"none\" stroke=\"rgba(255,255,255,.20)\" stroke-width=\"12\"\/>\r\n      <circle class=\"bar\" cx=\"84\" cy=\"84\" r=\"72\" fill=\"none\" stroke=\"#f5bd02\" stroke-width=\"12\" stroke-linecap=\"round\"\r\n              stroke-dasharray=\"452.4\" stroke-dashoffset=\"452.4\" data-pct=\"90\" transform=\"rotate(-90 84 84)\"\/>\r\n    <\/svg>\r\n    <div class=\"c\"><b data-count=\"90\" data-suffix=\"\u066a\">0\u066a<\/b><span>\u0627\u0644\u0631\u0636\u0627 \u0627\u0644\u0639\u0627\u0645<\/span><\/div>\r\n  <\/div>\r\n<\/div><\/div><\/div>\r\n\r\n<div class=\"wrap\">\r\n  <div class=\"stats\">\r\n    <div class=\"stat\">\r\n      <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1b8354\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span>\r\n      <div><b data-count=\"10380\">0<\/b><span>\u062a\u0642\u064a\u064a\u0645\u064b\u0627 \u0645\u0633\u062a\u0644\u0645\u064b\u0627 \u0622\u0644\u064a\u064b\u0627<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1b8354\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/span>\r\n      <div><b data-count=\"28\">0<\/b><span>\u062e\u062f\u0645\u0629 \u0631\u0642\u0645\u064a\u0629 \u0645\u0631\u0628\u0648\u0637\u0629 \u0628\u0646\u0638\u0627\u0645 \u0627\u0644\u0642\u064a\u0627\u0633<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"ic\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1b8354\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/span>\r\n      <div><b data-count=\"4838\">0<\/b><span>\u0645\u0644\u0627\u062d\u0638\u0629 \u0648\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0639\u0628\u0631 \u0646\u0638\u0627\u0645 \u0633\u0627\u0639\u062f<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sec-h\">\r\n    <h2>\u0646\u0633\u0628\u0629 \u0627\u0644\u0631\u0636\u0627 \u062d\u0633\u0628 \u0641\u0626\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"controls\">\r\n    <div class=\"search\">\r\n      <input type=\"search\" id=\"q\" placeholder=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u062e\u062f\u0645\u0629\u2026\" aria-label=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u062e\u062f\u0645\u0629\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9da4ae\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"fchips\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629\"><button class=\"fchip on\" data-cat=\"all\">\u0643\u0644 \u0627\u0644\u0641\u0626\u0627\u062a<\/button><button class=\"fchip\" data-cat=\"c0\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0644\u0644\u0637\u0644\u0627\u0628<\/button><button class=\"fchip\" data-cat=\"c1\">\u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/button><button class=\"fchip\" data-cat=\"c2\">\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u062a\u062d\u0643\u064a\u0645<\/button><button class=\"fchip\" data-cat=\"c3\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/button><button class=\"fchip\" data-cat=\"c4\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629<\/button><\/div>\r\n  <\/div>\r\n\r\n  <section class=\"cat-card\" data-cat=\"c0\">\r\n      <header class=\"cat-head\">\r\n        <h2>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0644\u0644\u0637\u0644\u0627\u0628<\/h2>\r\n        <span class=\"chip\">8 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <span class=\"avg\" style=\"color:#1b8354\">88\u066a <small>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0641\u0626\u0629<\/small><\/span>\r\n      <\/header>\r\n      <div class=\"svcs\"><div class=\"svc\" data-name=\"\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0648\u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0637\u0627\u0644\u0628\"><div class=\"top\"><span class=\"nm\">\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0648\u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0637\u0627\u0644\u0628<\/span><span class=\"side\"><span class=\"cnt\">1,240 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"91\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"91\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0644\u0644\u0637\u0627\u0644\u0628\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0644\u0644\u0637\u0627\u0644\u0628<\/span><span class=\"side\"><span class=\"cnt\">1,105 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"93\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"93\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a\"><div class=\"top\"><span class=\"nm\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a<\/span><span class=\"side\"><span class=\"cnt\">980 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"90\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"90\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0639\u0631\u0636 \u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\"><div class=\"top\"><span class=\"nm\">\u0639\u0631\u0636 \u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631<\/span><span class=\"side\"><span class=\"cnt\">1,478 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"96\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"96\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0627\u062e\u062a\u0628\u0627\u0631 \u0628\u062f\u064a\u0644 \u0623\u0648 \u062a\u0643\u0645\u064a\u0644\u064a\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0627\u062e\u062a\u0628\u0627\u0631 \u0628\u062f\u064a\u0644 \u0623\u0648 \u062a\u0643\u0645\u064a\u0644\u064a<\/span><span class=\"side\"><span class=\"cnt\">205 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"82\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"82\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0642\u064a\u062f \u0627\u0644\u0637\u0627\u0644\u0628\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0642\u064a\u062f \u0627\u0644\u0637\u0627\u0644\u0628<\/span><span class=\"side\"><span class=\"cnt\">356 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"91\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"91\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 \u062e\u0627\u0631\u062c \u0627\u0644\u062c\u0627\u0645\u0639\u0629\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 \u062e\u0627\u0631\u062c \u0627\u0644\u062c\u0627\u0645\u0639\u0629<\/span><span class=\"side\"><span class=\"cnt\">96 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"80\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"80\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0643\u0637\u0627\u0644\u0628 \u0632\u0627\u0626\u0631 \u0628\u064a\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0643\u0637\u0627\u0644\u0628 \u0632\u0627\u0626\u0631 \u0628\u064a\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a<\/span><span class=\"side\"><span class=\"cnt\">126 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"81\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"81\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><\/div>\r\n    <\/section><section class=\"cat-card\" data-cat=\"c1\">\r\n      <header class=\"cat-head\">\r\n        <h2>\u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h2>\r\n        <span class=\"chip\">6 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <span class=\"avg\" style=\"color:#1b8354\">90\u066a <small>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0641\u0626\u0629<\/small><\/span>\r\n      <\/header>\r\n      <div class=\"svcs\"><div class=\"svc\" data-name=\"\u0627\u0644\u0642\u0628\u0648\u0644 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0644\u064a\u0627\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u0642\u0628\u0648\u0644 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0644\u064a\u0627<\/span><span class=\"side\"><span class=\"cnt\">427 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"94\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"94\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u062e\u0631\u062c\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u062e\u0631\u062c<\/span><span class=\"side\"><span class=\"cnt\">388 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"92\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"92\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span><span class=\"side\"><span class=\"cnt\">634 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"89\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"89\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0633\u062c\u0644 \u062e\u0631\u064a\u062c\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0633\u062c\u0644 \u062e\u0631\u064a\u062c<\/span><span class=\"side\"><span class=\"cnt\">213 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"94\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"94\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0645\u0646\u062d \u062f\u0631\u0627\u0633\u064a\u0629 \u0644\u063a\u064a\u0631 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u064a\u0646\"><div class=\"top\"><span class=\"nm\">\u0645\u0646\u062d \u062f\u0631\u0627\u0633\u064a\u0629 \u0644\u063a\u064a\u0631 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u064a\u0646<\/span><span class=\"side\"><span class=\"cnt\">342 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"88\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"88\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0628\u062f\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0628\u062f\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062c\u0627\u0645\u0639\u064a<\/span><span class=\"side\"><span class=\"cnt\">187 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"86\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"86\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><\/div>\r\n    <\/section><section class=\"cat-card\" data-cat=\"c2\">\r\n      <header class=\"cat-head\">\r\n        <h2>\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u062a\u062d\u0643\u064a\u0645<\/h2>\r\n        <span class=\"chip\">3 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <span class=\"avg\" style=\"color:#1b8354\">88\u066a <small>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0641\u0626\u0629<\/small><\/span>\r\n      <\/header>\r\n      <div class=\"svcs\"><div class=\"svc\" data-name=\"\u062a\u0633\u062c\u064a\u0644 \u0645\u062d\u0643\u0645 \u0645\u0646 \u062e\u0627\u0631\u062c \u0627\u0644\u062c\u0627\u0645\u0639\u0629\"><div class=\"top\"><span class=\"nm\">\u062a\u0633\u062c\u064a\u0644 \u0645\u062d\u0643\u0645 \u0645\u0646 \u062e\u0627\u0631\u062c \u0627\u0644\u062c\u0627\u0645\u0639\u0629<\/span><span class=\"side\"><span class=\"cnt\">61 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"88\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"88\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0625\u0636\u0627\u0641\u0629 \u0645\u062d\u0643\u0645 \u0639\u0644\u0645\u064a\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0625\u0636\u0627\u0641\u0629 \u0645\u062d\u0643\u0645 \u0639\u0644\u0645\u064a<\/span><span class=\"side\"><span class=\"cnt\">58 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"89\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"89\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d<\/span><span class=\"side\"><span class=\"cnt\">93 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"86\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"86\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><\/div>\r\n    <\/section><section class=\"cat-card\" data-cat=\"c3\">\r\n      <header class=\"cat-head\">\r\n        <h2>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h2>\r\n        <span class=\"chip\">5 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <span class=\"avg\" style=\"color:#1b8354\">84\u066a <small>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0641\u0626\u0629<\/small><\/span>\r\n      <\/header>\r\n      <div class=\"svcs\"><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0635\u0631\u0641 \u0645\u0633\u062a\u062d\u0642\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0631\u062f\u064a\u0646\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0635\u0631\u0641 \u0645\u0633\u062a\u062d\u0642\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0631\u062f\u064a\u0646<\/span><span class=\"side\"><span class=\"cnt\">89 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#dc6803\" data-pct=\"71\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"71\" style=\"background:linear-gradient(270deg,#f79009,#dc6803)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0635\u0631\u0641 \u0645\u0648\u0627\u062f\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0635\u0631\u0641 \u0645\u0648\u0627\u062f<\/span><span class=\"side\"><span class=\"cnt\">131 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"85\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"85\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u0625\u0631\u062c\u0627\u0639 \u0645\u0648\u0627\u062f\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u0625\u0631\u062c\u0627\u0639 \u0645\u0648\u0627\u062f<\/span><span class=\"side\"><span class=\"cnt\">142 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"87\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"87\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u062a\u0643\u0644\u064a\u0641 \u0628\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0635\u064a\u0641\u064a\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u062a\u0643\u0644\u064a\u0641 \u0628\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0635\u064a\u0641\u064a<\/span><span class=\"side\"><span class=\"cnt\">112 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"84\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"84\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0637\u0644\u0628 \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0624\u0642\u062a \u0644\u0630\u0648\u064a \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0635\u062d\u064a\u0629\/\u0627\u0644\u0625\u0639\u0627\u0642\u0629\"><div class=\"top\"><span class=\"nm\">\u0637\u0644\u0628 \u062a\u0635\u0631\u064a\u062d \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0624\u0642\u062a \u0644\u0630\u0648\u064a \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0635\u062d\u064a\u0629\/\u0627\u0644\u0625\u0639\u0627\u0642\u0629<\/span><span class=\"side\"><span class=\"cnt\">44 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"95\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"95\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><\/div>\r\n    <\/section><section class=\"cat-card\" data-cat=\"c4\">\r\n      <header class=\"cat-head\">\r\n        <h2>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629<\/h2>\r\n        <span class=\"chip\">6 \u062e\u062f\u0645\u0627\u062a<\/span>\r\n        <span class=\"avg\" style=\"color:#1b8354\">81\u066a <small>\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0641\u0626\u0629<\/small><\/span>\r\n      <\/header>\r\n      <div class=\"svcs\"><div class=\"svc\" data-name=\"\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0639\u0646 \u0645\u0639\u0627\u0645\u0644\u0629\"><div class=\"top\"><span class=\"nm\">\u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0639\u0646 \u0645\u0639\u0627\u0645\u0644\u0629<\/span><span class=\"side\"><span class=\"cnt\">862 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"84\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"84\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0642\u062a\u0631\u0627\u062d \u0645\u0628\u0627\u062f\u0631\u0629\"><div class=\"top\"><span class=\"nm\">\u0627\u0642\u062a\u0631\u0627\u062d \u0645\u0628\u0627\u062f\u0631\u0629<\/span><span class=\"side\"><span class=\"cnt\">47 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#dc6803\" data-pct=\"68\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"68\" style=\"background:linear-gradient(270deg,#f79009,#dc6803)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u062e\u062f\u0645\u0629 \u0645\u0648\u0639\u062f\"><div class=\"top\"><span class=\"nm\">\u062e\u062f\u0645\u0629 \u0645\u0648\u0639\u062f<\/span><span class=\"side\"><span class=\"cnt\">318 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"90\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"90\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u062e\u062f\u0645\u0629 \u062d\u062c\u0632 \u0645\u0631\u0641\u0642\"><div class=\"top\"><span class=\"nm\">\u062e\u062f\u0645\u0629 \u062d\u062c\u0632 \u0645\u0631\u0641\u0642<\/span><span class=\"side\"><span class=\"cnt\">273 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"85\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"85\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u062a\u0633\u062c\u064a\u0644 \u0639\u0645\u064a\u0644 \u062c\u062f\u064a\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\"><div class=\"top\"><span class=\"nm\">\u062a\u0633\u062c\u064a\u0644 \u0639\u0645\u064a\u0644 \u062c\u062f\u064a\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/span><span class=\"side\"><span class=\"cnt\">154 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#1b8354\" data-pct=\"83\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"83\" style=\"background:linear-gradient(270deg,#25935f,#1b8354)\"><\/i><\/div><\/div><div class=\"svc\" data-name=\"\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 (\u0646\u0641\u0627\u0630)\"><div class=\"top\"><span class=\"nm\">\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 (\u0646\u0641\u0627\u0630)<\/span><span class=\"side\"><span class=\"cnt\">219 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span><b style=\"color:#dc6803\" data-pct=\"74\">0\u066a<\/b><\/span><\/div><div class=\"track\"><i data-w=\"74\" style=\"background:linear-gradient(270deg,#f79009,#dc6803)\"><\/i><\/div><\/div><\/div>\r\n    <\/section>\r\n  <p class=\"noresults\" id=\"noRes\">\u0644\u0627 \u062a\u0648\u062c\u062f \u062e\u062f\u0645\u0629 \u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0628\u062d\u062b\u0643<\/p>\r\n<\/div>\r\n<\/main>\r\n\r\n<script>\r\n(function () {\r\n  var instant = \/noanim\/.test(location.search) ||\r\n    (window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches);\r\n\r\n  function animateCount(el) {\r\n    var target = parseInt(el.getAttribute('data-count'), 10);\r\n    var suffix = el.getAttribute('data-suffix') || '';\r\n    if (instant) { el.textContent = target.toLocaleString('en-US') + suffix; return; }\r\n    var t0 = null, DUR = 1300;\r\n    function step(t) {\r\n      if (!t0) t0 = t;\r\n      var k = Math.min((t - t0) \/ DUR, 1);\r\n      k = 1 - Math.pow(1 - k, 3);\r\n      el.textContent = Math.round(target * k).toLocaleString('en-US') + suffix;\r\n      if (k < 1) requestAnimationFrame(step);\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  function reveal(card) {\r\n    card.classList.add('vis');\r\n    card.querySelectorAll('.track i').forEach(function (bar) {\r\n      bar.style.width = bar.getAttribute('data-w') + '%';\r\n    });\r\n    card.querySelectorAll('b[data-pct]').forEach(function (b) {\r\n      var target = parseInt(b.getAttribute('data-pct'), 10);\r\n      if (instant) { b.textContent = target + '\u066a'; return; }\r\n      var t0 = null, DUR = 1100;\r\n      function step(t) {\r\n        if (!t0) t0 = t;\r\n        var k = Math.min((t - t0) \/ DUR, 1);\r\n        k = 1 - Math.pow(1 - k, 3);\r\n        b.textContent = Math.round(target * k) + '\u066a';\r\n        if (k < 1) requestAnimationFrame(step);\r\n      }\r\n      requestAnimationFrame(step);\r\n    });\r\n  }\r\n\r\n  document.querySelectorAll('[data-count]').forEach(animateCount);\r\n\r\n  var ringBar = document.querySelector('.ring .bar');\r\n  if (ringBar) {\r\n    var C = 452.4, pct = parseInt(ringBar.getAttribute('data-pct'), 10);\r\n    var off = C * (1 - pct \/ 100);\r\n    if (instant) { ringBar.style.transition = 'none'; }\r\n    requestAnimationFrame(function () { ringBar.style.strokeDashoffset = off; });\r\n  }\r\n\r\n  var cardsEls = Array.prototype.slice.call(document.querySelectorAll('.cat-card'));\r\n  if (instant || !('IntersectionObserver' in window)) {\r\n    cardsEls.forEach(reveal);\r\n  } else {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) { reveal(e.target); io.unobserve(e.target); }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    cardsEls.forEach(function (c) { io.observe(c); });\r\n  }\r\n\r\n  var activeCat = 'all';\r\n  var q = document.getElementById('q');\r\n  var noRes = document.getElementById('noRes');\r\n\r\n  function applyFilters() {\r\n    var term = (q.value || '').trim();\r\n    var any = false;\r\n    cardsEls.forEach(function (card) {\r\n      var catOk = activeCat === 'all' || card.getAttribute('data-cat') === activeCat;\r\n      var visible = 0;\r\n      card.querySelectorAll('.svc').forEach(function (svc) {\r\n        var ok = catOk && (!term || svc.getAttribute('data-name').indexOf(term) !== -1);\r\n        svc.classList.toggle('hidden', !ok);\r\n        if (ok) visible++;\r\n      });\r\n      card.classList.toggle('hidden', !catOk || visible === 0);\r\n      if (catOk && visible > 0) any = true;\r\n    });\r\n    noRes.classList.toggle('show', !any);\r\n  }\r\n\r\n  q.addEventListener('input', applyFilters);\r\n\r\n  document.querySelectorAll('.fchip').forEach(function (chip) {\r\n    chip.addEventListener('click', function () {\r\n      document.querySelectorAll('.fchip').forEach(function (c) { c.classList.remove('on'); });\r\n      chip.classList.add('on');\r\n      activeCat = chip.getAttribute('data-cat');\r\n      applyFilters();\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#1585;&#1590;&#1575; &#1575;&#1604;&#1605;&#1587;&#1578;&#1601;&#1610;&#1583;&#1610;&#1606; &#1593;&#1606; &#1575;&#1604;&#1582;&#1583;&#1605;&#1575;&#1578; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610;&#1577; | &#1580;&#1575;&#1605;&#1593;&#1577; &#1575;&#1604;&#1602;&#1589;&#1610;&#1605; &#1585;&#1590;&#1575; &#1575;&#1604;&#1605;&#1587;&#1578;&#1601;&#1610;&#1583;&#1610;&#1606; &#1593;&#1606; &#1575;&#1604;&#1582;&#1583;&#1605;&#1575;&#1578; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610;&#1577; &#1578;&#1615;&#1580;&#1605;&#1593; &#1575;&#1604;&#1578;&#1602;&#1610;&#1610;&#1605;&#1575;&#1578; &#1570;&#1604;&#1610;&#1611;&#1575; &#1601;&#1608;&#1585; &#1573;&#1606;&#1580;&#1575;&#1586; &#1603;&#1604; &#1591;&#1604;&#1576; &#1593;&#1576;&#1585; &#1575;&#1604;&#1576;&#1608;&#1575;&#1576;&#1577; &#1575;&#1604;&#1573;&#1604;&#1603;&#1578;&#1585;&#1608;&#1606;&#1610;&#1577; &#1608;&#1578;&#1591;&#1576;&#1610;&#1602; MyQU &#1608;&#1602;&#1606;&#1608;&#1575;&#1578; &#1605;&#1585;&#1603;&#1586; &#1575;&#1604;&#1575;&#1578;&#1589;&#1575;&#1604; &#1575;&#1604;&#1588;&#1575;&#1605;&#1604;&#1548; &#1608;&#1578;&#1615;&#1581;&#1583;&#1614;&#1617;&#1579; &#1575;&#1604;&#1605;&#1572;&#1588;&#1585;&#1575;&#1578; &#1604;&#1581;&#1592;&#1610;&#1611;&#1575; 0&#1642;&#1575;&#1604;&#1585;&#1590;&#1575; &#1575;&#1604;&#1593;&#1575;&#1605; 0&#1578;&#1602;&#1610;&#1610;&#1605;&#1611;&#1575; &#1605;&#1587;&#1578;&#1604;&#1605;&#1611;&#1575; &#1570;&#1604;&#1610;&#1611;&#1575; 0&#1582;&#1583;&#1605;&#1577; &#1585;&#1602;&#1605;&#1610;&#1577; &#1605;&#1585;&#1576;&#1608;&#1591;&#1577; &#1576;&#1606;&#1592;&#1575;&#1605; &#1575;&#1604;&#1602;&#1610;&#1575;&#1587; 0&#1605;&#1604;&#1575;&#1581;&#1592;&#1577; &#1608;&#1605;&#1588;&#1575;&#1585;&#1603;&#1577; &#1605;&#1593;&#1575;&#1604;&#1580;&#1577; &#1593;&#1576;&#1585; &#1606;&#1592;&#1575;&#1605; &#1587;&#1575;&#1593;&#1583; &#1606;&#1587;&#1576;&#1577; &#1575;&#1604;&#1585;&#1590;&#1575; &#1581;&#1587;&#1576; &#1601;&#1574;&#1575;&#1578; &#1575;&#1604;&#1582;&#1583;&#1605;&#1575;&#1578; &#1603;&#1604; &#1575;&#1604;&#1601;&#1574;&#1575;&#1578;&#1575;&#1604;&#1582;&#1583;&#1605;&#1575;&#1578; [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":34051,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"departments-pages-type":[239],"class_list":["post-76953","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\/76953","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/comments?post=76953"}],"version-history":[{"count":19,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/76953\/revisions"}],"predecessor-version":[{"id":76975,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/76953\/revisions\/76975"}],"up":[{"embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/pages\/34051"}],"wp:attachment":[{"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/media?parent=76953"}],"wp:term":[{"taxonomy":"departments-pages-type","embeddable":true,"href":"https:\/\/www.qu.edu.sa\/en\/wp-json\/wp\/v2\/departments-pages-type?post=76953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}