{"id":17789,"date":"2026-08-07T00:51:16","date_gmt":"2026-08-06T21:51:16","guid":{"rendered":"https:\/\/bershqsan.sa\/?page_id=17789"},"modified":"2026-08-07T00:52:03","modified_gmt":"2026-08-06T21:52:03","slug":"%d8%b4%d8%b1%d9%83%d8%a7%d8%a1-%d8%a7%d9%84%d9%86%d8%ac%d8%a7%d8%ad-%d8%a7%d9%84%d8%a3%d9%81%d8%b1%d8%a7%d8%af","status":"publish","type":"page","link":"https:\/\/bershqsan.sa\/?page_id=17789","title":{"rendered":"\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0623\u0641\u0631\u0627\u062f:"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n\n \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d | \u0627\u0644\u0623\u0641\u0631\u0627\u062f<\/title>\n\n <!-- Google Font -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <!-- Font Awesome -->\n <link rel=\"stylesheet\"\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n <style>\n\n :root {\n --primary: #0e6b58;\n --primary-dark: #094b3e;\n --primary-light: #eaf7f3;\n --secondary: #c89b52;\n --secondary-light: #fbf4e8;\n\n --text-dark: #1d2a26;\n --text-muted: #6b7773;\n\n --white: #ffffff;\n --background: #f7faf9;\n --border: #e3ece9;\n\n --shadow: 0 15px 40px rgba(16, 72, 59, 0.09);\n }\n\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n\n body {\n font-family: \"Tajawal\", sans-serif;\n\n background:\n radial-gradient(\n circle at top right,\n rgba(14, 107, 88, 0.07),\n transparent 35%\n ),\n radial-gradient(\n circle at bottom left,\n rgba(200, 155, 82, 0.08),\n transparent 30%\n ),\n var(--background);\n\n color: var(--text-dark);\n min-height: 100vh;\n line-height: 1.8;\n }\n\n\n \/* ==============================\n SECTION\n ============================== *\/\n\n .partners-section {\n padding: 80px 20px;\n }\n\n\n .container {\n width: min(1100px, 100%);\n margin: 0 auto;\n }\n\n\n \/* ==============================\n HEADER\n ============================== *\/\n\n .section-header {\n max-width: 760px;\n margin: 0 auto 55px;\n text-align: center;\n }\n\n\n .section-label {\n\n display: inline-flex;\n align-items: center;\n gap: 9px;\n\n padding: 8px 19px;\n\n border-radius: 50px;\n\n background: var(--primary-light);\n color: var(--primary);\n\n font-size: 14px;\n font-weight: 700;\n\n margin-bottom: 18px;\n }\n\n\n .section-label i {\n font-size: 15px;\n }\n\n\n .section-header h1 {\n\n font-size: clamp(30px, 4vw, 48px);\n\n font-weight: 800;\n\n line-height: 1.35;\n\n color: var(--primary-dark);\n\n margin-bottom: 15px;\n }\n\n\n .section-header h1 span {\n color: var(--secondary);\n }\n\n\n .section-header p {\n\n max-width: 670px;\n\n margin: 0 auto;\n\n color: var(--text-muted);\n\n font-size: 17px;\n\n line-height: 2;\n }\n\n\n .title-line {\n\n width: 85px;\n height: 4px;\n\n margin: 22px auto 0;\n\n border-radius: 50px;\n\n background: linear-gradient(\n 90deg,\n var(--primary),\n var(--secondary)\n );\n }\n\n\n \/* ==============================\n GRID\n ============================== *\/\n\n .partners-grid {\n\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n gap: 22px;\n }\n\n\n \/* ==============================\n CARD\n ============================== *\/\n\n .partner-card {\n\n position: relative;\n\n min-height: 205px;\n\n padding: 30px 22px;\n\n background: var(--white);\n\n border: 1px solid var(--border);\n\n border-radius: 24px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n text-align: center;\n\n overflow: hidden;\n\n transition:\n transform 0.3s ease,\n box-shadow 0.3s ease,\n border-color 0.3s ease;\n }\n\n\n \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a *\/\n\n .partner-card::before {\n\n content: \"\";\n\n position: absolute;\n\n top: 0;\n right: 0;\n\n width: 100%;\n height: 4px;\n\n background: linear-gradient(\n 90deg,\n var(--primary),\n var(--secondary)\n );\n\n transform: scaleX(0);\n\n transform-origin: right;\n\n transition: transform 0.3s ease;\n }\n\n\n \/* \u062f\u0627\u0626\u0631\u0629 \u062e\u0644\u0641\u064a\u0629 \u062c\u0645\u0627\u0644\u064a\u0629 *\/\n\n .partner-card::after {\n\n content: \"\";\n\n position: absolute;\n\n width: 120px;\n height: 120px;\n\n left: -60px;\n bottom: -70px;\n\n border-radius: 50%;\n\n background: rgba(14, 107, 88, 0.035);\n\n transition: all 0.35s ease;\n }\n\n\n .partner-card:hover {\n\n transform: translateY(-7px);\n\n box-shadow: var(--shadow);\n\n border-color: rgba(14, 107, 88, 0.2);\n }\n\n\n .partner-card:hover::before {\n transform: scaleX(1);\n }\n\n\n .partner-card:hover::after {\n\n width: 170px;\n height: 170px;\n\n background: rgba(14, 107, 88, 0.055);\n }\n\n\n \/* ==============================\n ICON\n ============================== *\/\n\n .partner-icon {\n\n position: relative;\n z-index: 2;\n\n width: 72px;\n height: 72px;\n\n border-radius: 22px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n margin-bottom: 20px;\n\n font-size: 27px;\n\n color: var(--primary);\n\n background: linear-gradient(\n 135deg,\n var(--primary-light),\n #ffffff\n );\n\n border: 1px solid rgba(14, 107, 88, 0.09);\n\n transition:\n transform 0.3s ease,\n color 0.3s ease,\n background 0.3s ease;\n }\n\n\n .partner-card:hover .partner-icon {\n\n transform: scale(1.06);\n\n color: var(--white);\n\n background: linear-gradient(\n 135deg,\n var(--primary-dark),\n var(--primary)\n );\n }\n\n\n \/* ==============================\n NAME\n ============================== *\/\n\n .partner-name {\n\n position: relative;\n z-index: 2;\n\n color: var(--text-dark);\n\n font-size: 17px;\n font-weight: 700;\n\n line-height: 1.7;\n }\n\n\n \/* ==============================\n TYPE\n ============================== *\/\n\n .partner-type {\n\n position: relative;\n z-index: 2;\n\n margin-top: 8px;\n\n color: var(--secondary);\n\n font-size: 13px;\n font-weight: 600;\n }\n\n\n \/* ==============================\n BOTTOM MESSAGE\n ============================== *\/\n\n .bottom-message {\n\n margin-top: 50px;\n\n padding: 35px;\n\n border-radius: 27px;\n\n background: linear-gradient(\n 135deg,\n var(--primary-dark),\n var(--primary)\n );\n\n color: var(--white);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n text-align: center;\n\n box-shadow:\n 0 20px 45px rgba(9, 75, 62, 0.16);\n }\n\n\n .message-icon {\n\n width: 62px;\n height: 62px;\n\n flex: 0 0 62px;\n\n margin-left: 20px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 19px;\n\n background: rgba(255, 255, 255, 0.12);\n\n font-size: 25px;\n }\n\n\n .bottom-message h2 {\n\n font-size: 21px;\n font-weight: 800;\n\n margin-bottom: 5px;\n }\n\n\n .bottom-message p {\n\n color: rgba(255, 255, 255, 0.82);\n\n font-size: 15px;\n\n line-height: 1.9;\n }\n\n\n \/* ==============================\n RESPONSIVE\n ============================== *\/\n\n @media (max-width: 900px) {\n\n .partners-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n }\n\n\n @media (max-width: 600px) {\n\n .partners-section {\n padding: 55px 16px;\n }\n\n\n .section-header {\n margin-bottom: 38px;\n }\n\n\n .section-header h1 {\n font-size: 30px;\n }\n\n\n .section-header p {\n font-size: 15px;\n }\n\n\n .partners-grid {\n grid-template-columns: 1fr;\n gap: 14px;\n }\n\n\n .partner-card {\n\n min-height: 125px;\n\n padding: 20px;\n\n flex-direction: row;\n\n justify-content: flex-start;\n\n text-align: right;\n }\n\n\n .partner-icon {\n\n width: 60px;\n height: 60px;\n\n flex: 0 0 60px;\n\n margin: 0 0 0 17px;\n\n border-radius: 18px;\n\n font-size: 22px;\n }\n\n\n .partner-name {\n font-size: 16px;\n }\n\n\n .partner-type {\n font-size: 12px;\n margin-top: 3px;\n }\n\n\n .bottom-message {\n\n padding: 28px 20px;\n\n flex-direction: column;\n }\n\n\n .message-icon {\n\n margin: 0 0 15px;\n }\n\n }\n\n <\/style>\n<\/head>\n\n\n<body>\n\n\n<section class=\"partners-section\">\n\n\n <div class=\"container\">\n\n\n <!-- ============================\n HEADER\n ============================= -->\n\n <div class=\"section-header\">\n\n\n <div class=\"section-label\">\n\n <i class=\"fa-solid fa-handshake\"><\/i>\n\n \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\n\n <\/div>\n\n\n <h1>\n\n \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\n\n <span>\u0627\u0644\u0623\u0641\u0631\u0627\u062f<\/span>\n\n <\/h1>\n\n\n <p>\n\n \u0646\u0641\u062e\u0631 \u0648\u0646\u0639\u062a\u0632 \u0628\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u062f\u0627\u0639\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0643\u0627\u0646 \u0644\u0639\u0637\u0627\u0626\u0647\u0645\n \u0648\u0645\u0633\u0627\u0647\u0645\u0627\u062a\u0647\u0645 \u0623\u062b\u0631 \u0641\u064a \u062f\u0639\u0645 \u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0623\u0647\u062f\u0627\u0641\n \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a.\n\n <\/p>\n\n\n <div class=\"title-line\"><\/div>\n\n\n <\/div>\n\n\n\n <!-- ============================\n PARTNERS\n ============================= -->\n\n <div class=\"partners-grid\">\n\n\n <!-- 1 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user-doctor\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u062f. \u0641\u0648\u0632\u064a\u0629 \u0628\u0646\u062a \u0625\u0628\u0631\u0627\u0647\u064a\u0645 \u0627\u0644\u062c\u0641\u0627\u0644\u064a\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 2 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u0627\u0644\u0634\u064a\u062e \u0645\u062d\u0645\u062f \u0627\u0644\u062c\u0639\u064a\u062f\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 3 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u0639\u0648\u0636 \u0633\u0639\u064a\u062f \u0627\u0644\u062c\u0639\u064a\u062f\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 4 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u062e\u0627\u0644\u062f \u0639\u0648\u0636 \u0627\u0644\u062c\u0639\u064a\u062f\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 5 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u0645\u062d\u0645\u062f \u0646\u062c\u0645\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 6 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u0627\u0644\u0634\u064a\u062e \u0639\u0644\u064a \u0639\u0648\u0636 \u0627\u0644\u062c\u0639\u064a\u062f\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 7 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u062a\u0631\u0643\u064a \u0642\u0637\u0646\u0627\u0646 \u0627\u0644\u062c\u0639\u064a\u062f\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 8 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-mosque\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u0648\u0642\u0641 \u062e\u0644\u0641 \u0635\u0648\u064a\u0644\u062d\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n <!-- 9 -->\n\n <div class=\"partner-card\">\n\n <div class=\"partner-icon\">\n <i class=\"fa-solid fa-user-tie\"><\/i>\n <\/div>\n\n <div>\n\n <div class=\"partner-name\">\n \u0627\u0644\u0634\u064a\u062e \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0646\u062c\u0645\n <\/div>\n\n <div class=\"partner-type\">\n \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n <\/div>\n\n\n\n <!-- ============================\n BOTTOM MESSAGE\n ============================= -->\n\n <div class=\"bottom-message\">\n\n\n <div class=\"message-icon\">\n\n <i class=\"fa-solid fa-heart\"><\/i>\n\n <\/div>\n\n\n <div>\n\n <h2>\n \u0639\u0637\u0627\u0621 \u0646\u0639\u062a\u0632 \u0628\u0647\n <\/h2>\n\n\n <p>\n\n \u0646\u062a\u0642\u062f\u0645 \u0628\u062e\u0627\u0644\u0635 \u0627\u0644\u0634\u0643\u0631 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0644\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\n \u0645\u0646 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0639\u0644\u0649 \u062f\u0639\u0645\u0647\u0645 \u0648\u0645\u0633\u0627\u0647\u0645\u0627\u062a\u0647\u0645\u060c\n \u0633\u0627\u0626\u0644\u064a\u0646 \u0627\u0644\u0644\u0647 \u0623\u0646 \u064a\u062c\u0639\u0644 \u0645\u0627 \u064a\u0642\u062f\u0645\u0648\u0646\u0647 \u0641\u064a \u0645\u0648\u0627\u0632\u064a\u0646 \u062d\u0633\u0646\u0627\u062a\u0647\u0645.\n\n <\/p>\n\n <\/div>\n\n\n <\/div>\n\n\n <\/div>\n\n\n<\/section>\n\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d | \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0646\u0641\u062e\u0631 \u0648\u0646\u0639\u062a\u0632 \u0628\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u062f\u0627\u0639\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u0643\u0627\u0646 \u0644\u0639\u0637\u0627\u0626\u0647\u0645 \u0648\u0645\u0633\u0627\u0647\u0645\u0627\u062a\u0647\u0645 \u0623\u062b\u0631 \u0641\u064a \u062f\u0639\u0645 \u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a. \u062f. \u0641\u0648\u0632\u064a\u0629 \u0628\u0646\u062a \u0625\u0628\u0631\u0627\u0647\u064a\u0645 \u0627\u0644\u062c\u0641\u0627\u0644\u064a \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d \u0627\u0644\u0634\u064a\u062e \u0645\u062d\u0645\u062f \u0627\u0644\u062c\u0639\u064a\u062f \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d \u0639\u0648\u0636 \u0633\u0639\u064a\u062f \u0627\u0644\u062c\u0639\u064a\u062f \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d \u062e\u0627\u0644\u062f \u0639\u0648\u0636 \u0627\u0644\u062c\u0639\u064a\u062f \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d \u0645\u062d\u0645\u062f \u0646\u062c\u0645 \u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d \u0627\u0644\u0634\u064a\u062e \u0639\u0644\u064a […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17789","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bershqsan.sa\/index.php?rest_route=\/wp\/v2\/pages\/17789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bershqsan.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bershqsan.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bershqsan.sa\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bershqsan.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17789"}],"version-history":[{"count":5,"href":"https:\/\/bershqsan.sa\/index.php?rest_route=\/wp\/v2\/pages\/17789\/revisions"}],"predecessor-version":[{"id":17794,"href":"https:\/\/bershqsan.sa\/index.php?rest_route=\/wp\/v2\/pages\/17789\/revisions\/17794"}],"wp:attachment":[{"href":"https:\/\/bershqsan.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}