{"id":28,"date":"2019-12-03T12:09:12","date_gmt":"2019-12-03T12:09:12","guid":{"rendered":"https:\/\/space.xtemos.com\/demo\/sylvia\/?page_id=7"},"modified":"2026-08-08T18:31:23","modified_gmt":"2026-08-08T15:01:23","slug":"home","status":"publish","type":"page","link":"https:\/\/residentology.ir\/","title":{"rendered":"Home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-940eaab e-flex e-con-boxed e-con e-parent\" data-id=\"940eaab\" 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-2f99b30 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2f99b30\" 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=\"fa\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;500;700;900&display=swap');\r\n\r\n* {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nbody {\r\n  font-family: 'Vazirmatn', sans-serif;\r\n  background: #ffffff;\r\n  direction: rtl;\r\n  overflow-x: hidden;\r\n  color: #0f172a;\r\n}\r\n\r\n\/* ===== \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0633\u0628\u0632 \u06a9\u0645\u200c\u0631\u0646\u06af ===== *\/\r\n.page {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  padding: 40px 20px 30px;\r\n  background: #f0fdf4;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ===== \u0628\u062e\u0634 \u0647\u06cc\u0631\u0648 (\u062f\u0627\u062e\u0644\u06cc) ===== *\/\r\n.hero {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 40px;\r\n  align-items: center;\r\n  padding: 20px 0 0;\r\n}\r\n\r\n.hero-text {\r\n  flex: 1 1 400px;\r\n  min-width: 280px;\r\n}\r\n\r\n.hero-image {\r\n  flex: 1 1 300px;\r\n  min-width: 200px;\r\n  text-align: center;\r\n}\r\n\r\n.hero-image img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  border-radius: 20px;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hero-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(20, 184, 166, 0.08);\r\n  border: 1px solid rgba(20, 184, 166, 0.25);\r\n  border-radius: 20px;\r\n  padding: 6px 16px;\r\n  margin-bottom: 24px;\r\n  transition: 0.2s;\r\n}\r\n\r\n.tag-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #14B8A6;\r\n  animation: blink 2s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.3; }\r\n}\r\n\r\n.tag-text {\r\n  color: #0f766e;\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.hero-h1 {\r\n  font-size: clamp(2rem, 6vw, 3.2rem);\r\n  font-weight: 900;\r\n  line-height: 1.35;\r\n  color: #0f172a;\r\n  margin-bottom: 20px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.hero-h1 .accent {\r\n  color: #14B8A6;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.hero-h1 .accent::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 2px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: #14B8A6;\r\n  border-radius: 2px;\r\n  opacity: 0.4;\r\n}\r\n\r\n.hero-h1 .dim {\r\n  color: #64748b;\r\n}\r\n\r\n.hero-sub {\r\n  font-size: 1rem;\r\n  color: #475569;\r\n  line-height: 1.9;\r\n  max-width: 520px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.hero-btns {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.btn-main {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: #14B8A6;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 30px;\r\n  padding: 14px 26px;\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  font-family: 'Vazirmatn', sans-serif;\r\n  transition: all 0.25s;\r\n  box-shadow: 0 4px 14px rgba(20, 184, 166, 0.3);\r\n}\r\n\r\n.btn-main:hover {\r\n  background: #0f9e8e;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px rgba(20, 184, 166, 0.4);\r\n}\r\n\r\n.btn-main svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 2.5;\r\n}\r\n\r\n.btn-ghost {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: #ffffff;\r\n  color: #334155;\r\n  border: 1.5px solid #e2e8f0;\r\n  border-radius: 30px;\r\n  padding: 14px 26px;\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  font-family: 'Vazirmatn', sans-serif;\r\n  transition: all 0.25s;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\r\n}\r\n\r\n.btn-ghost:hover {\r\n  background: #f8fafc;\r\n  border-color: #cbd5e1;\r\n  color: #0f172a;\r\n}\r\n\r\n.btn-ghost svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 2.5;\r\n}\r\n\r\n\/* ===== \u0622\u0645\u0627\u0631 ===== *\/\r\n.stats {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.stat {\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 16px;\r\n  padding: 14px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  min-width: 110px;\r\n  box-shadow: 0 1px 3px rgba(0,0,0,0.04);\r\n  transition: all 0.25s;\r\n}\r\n\r\n.stat:hover {\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.06);\r\n  border-color: #cbd5e1;\r\n}\r\n\r\n.stat-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.stat-icon.blue { background: #eff6ff; }\r\n.stat-icon.teal { background: #f0fdfa; }\r\n.stat-icon.gold { background: #fffbeb; }\r\n\r\n.stat-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: none;\r\n  stroke-width: 2;\r\n}\r\n.stat-icon.blue svg { stroke: #3b82f6; }\r\n.stat-icon.teal svg { stroke: #14B8A6; }\r\n.stat-icon.gold svg { stroke: #f59e0b; }\r\n\r\n.stat-val {\r\n  font-size: 1.1rem;\r\n  font-weight: 900;\r\n  color: #0f172a;\r\n  line-height: 1.2;\r\n}\r\n\r\n.stat-lbl {\r\n  font-size: 0.7rem;\r\n  color: #64748b;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* ===== \u0628\u062e\u0634 \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0634\u062a\u0647 \u0647\u0648\u0634\u0645\u0646\u062f ===== *\/\r\n.trust {\r\n  max-width: 1240px;\r\n  margin: 20px auto 30px;\r\n  background: #ecfdf5;\r\n  border: 1px solid #bbf7d0;\r\n  border-radius: 20px;\r\n  padding: 20px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  box-shadow: 0 1px 4px rgba(0,0,0,0.02);\r\n}\r\n\r\n.trust-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  background: #14B8A6;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.trust-icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke: #fff;\r\n  fill: none;\r\n  stroke-width: 2;\r\n}\r\n\r\n.trust-body { flex: 1; min-width: 0; }\r\n\r\n.trust-title {\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  color: #0f766e;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.trust-sub {\r\n  font-size: 0.8rem;\r\n  color: #475569;\r\n}\r\n\r\n.trust-btn {\r\n  background: #14B8A6;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 24px;\r\n  padding: 10px 22px;\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  font-family: 'Vazirmatn', sans-serif;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n  transition: 0.2s;\r\n  box-shadow: 0 4px 12px rgba(20,184,166,0.3);\r\n}\r\n\r\n.trust-btn:hover {\r\n  background: #0f9e8e;\r\n  box-shadow: 0 6px 16px rgba(20,184,166,0.4);\r\n}\r\n\r\n\/* ===== \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627\u06cc\u06cc ===== *\/\r\n@media (max-width: 768px) {\r\n  .page {\r\n    padding: 30px 16px 20px;\r\n  }\r\n  .hero {\r\n    flex-direction: column;\r\n    padding: 10px 0 0;\r\n  }\r\n  .hero-image {\r\n    order: -1;\r\n  }\r\n  .stats {\r\n    flex-direction: column;\r\n  }\r\n  .trust {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 18px 16px;\r\n    margin: 16px 8px 20px;\r\n  }\r\n  .trust-btn {\r\n    align-self: center;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ===== \u0628\u062e\u0634 \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0633\u0628\u0632 \u06a9\u0645\u200c\u0631\u0646\u06af ===== -->\r\n<div class=\"page\">\r\n\r\n  <div class=\"hero\">\r\n    <!-- \u0645\u062a\u0646 \u0647\u06cc\u0631\u0648 -->\r\n    <div class=\"hero-text\">\r\n      <div class=\"hero-tag\">\r\n        <span class=\"tag-dot\"><\/span>\r\n        <span class=\"tag-text\">\u0628\u06cc\u0634 \u0627\u0632 \u06f5\u06f0\u06f0 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc \u0645\u0648\u0641\u0642<\/span>\r\n      <\/div>\r\n      <h1 class=\"hero-h1\">\r\n        \u0642\u0628\u0648\u0644\u06cc \u062f\u0631 \u0622\u0632\u0645\u0648\u0646<br>\r\n        <span class=\"accent\">\u062a\u062e\u0635\u0635\u06cc \u067e\u0632\u0634\u06a9\u06cc<\/span><br>\r\n        <span class=\"dim\">\u0628\u0627 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/span>\r\n      <\/h1>\r\n      <p class=\"hero-sub\">\u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639 \u0631\u0632\u06cc\u062f\u0646\u062a\u06cc\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0627 \u0631\u062a\u0628\u0647\u200c\u0647\u0627\u06cc \u0628\u0631\u062a\u0631 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u0645\u0648\u0641\u0642\u06cc\u062a \u0634\u0645\u0627 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u062f\u0633\u062a\u06cc\u0627\u0631\u06cc.<\/p>\r\n      <div class=\"hero-btns\">\r\n        <a href=\"https:\/\/residentology.ir\/?page_id=2438\" class=\"btn-main\" style=\"text-decoration: none;\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n          \u0631\u0632\u0631\u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \r\n        <\/a>\r\n        <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"btn-ghost\" style=\"text-decoration: none;\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\r\n          \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"stats\">\r\n        <div class=\"stat\">\r\n          <div class=\"stat-icon blue\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/><\/svg>\r\n          <\/div>\r\n          <div><div class=\"stat-val\">\u06f2\u06f0\u06f0+<\/div><div class=\"stat-lbl\">\u06a9\u062a\u0627\u0628 \u062a\u062e\u0635\u0635\u06cc<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stat\">\r\n          <div class=\"stat-icon teal\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\r\n          <\/div>\r\n          <div><div class=\"stat-val\">\u06f5\u06f0\u06f0<\/div><div class=\"stat-lbl\">\u062f\u0627\u0646\u0634\u062c\u0648\u06cc \u0645\u0648\u0641\u0642<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"stat\">\r\n          <div class=\"stat-icon gold\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\"\/><\/svg>\r\n          <\/div>\r\n          <div><div class=\"stat-val\">\u06f3<\/div><div class=\"stat-lbl\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u062a\u0635\u0648\u06cc\u0631 -->\r\n    <div class=\"hero-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/06\/c15cd8a2-6b53-4f6d-b9d6-89fe3f3de573.png\" alt=\"\u062a\u0635\u0648\u06cc\u0631 \u062a\u062e\u0635\u0635 \u067e\u0632\u0634\u06a9\u06cc\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0628\u062e\u0634 \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0634\u062a\u0647 \u0647\u0648\u0634\u0645\u0646\u062f -->\r\n  <div class=\"trust\">\r\n    <div class=\"trust-icon\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"trust-body\">\r\n      <div class=\"trust-title\"> \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0634\u062a\u0647 \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n      <div class=\"trust-sub\">\u0622\u0646\u0627\u0644\u06cc\u0632 \u0647\u0648\u0634\u0645\u0646\u062f \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/div>\r\n    <\/div>\r\n    <a href=\"https:\/\/residentology.ir\/?page_id=2444\" class=\"trust-btn\" style=\"text-decoration: none;\">\u0634\u0631\u0648\u0639 \u062a\u0633\u062a<\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- ===== \u067e\u0627\u06cc\u0627\u0646 \u0628\u062e\u0634 ===== -->\r\n\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<div class=\"wd-negative-gap elementor-element elementor-element-ae9d072 e-flex e-con-boxed e-con e-parent\" data-id=\"ae9d072\" 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-2261fcd elementor-widget elementor-widget-html\" data-id=\"2261fcd\" 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=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u062e\u062f\u0645\u0627\u062a \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/title>\r\n    <style>\r\n        \/* ========== RESET & ROOT ========== *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        :root {\r\n            --primary: #1E3A8A;\r\n            --primary-light: #60A5FA;\r\n            --primary-dark: #152e6e;\r\n            --primary-soft: #eef2f9;\r\n            --primary-ghost: #f6f8fc;\r\n            --background: #f1f5f9;\r\n            --surface: #F3F4F6;\r\n            --accent: #14B8A6;\r\n            --accent-dark: #0f9e8e;\r\n            --accent-soft: #e0f7f5;\r\n            --accent-ghost: #f2fdfb;\r\n            --text-main: #374151;\r\n            --text-sub: #6B7280;\r\n            --text-light: #9CA3AF;\r\n            --white: #FFFFFF;\r\n            --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);\r\n            --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);\r\n            --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.04);\r\n            --shadow-lg: 0 12px 28px rgba(30, 58, 138, 0.09), 0 4px 8px rgba(0, 0, 0, 0.04);\r\n            --shadow-xl: 0 20px 36px rgba(30, 58, 138, 0.12);\r\n            --shadow-accent: 0 8px 20px rgba(20, 184, 166, 0.2);\r\n            --radius-xs: 6px;\r\n            --radius-sm: 8px;\r\n            --radius-md: 14px;\r\n            --radius-lg: 20px;\r\n            --radius-xl: 24px;\r\n            --radius-full: 50px;\r\n            --font-main: 'IRANSans', 'Tahoma', 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n            --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-main);\r\n            background-color: #f1f5f9;\r\n            color: var(--text-main);\r\n            line-height: 1.7;\r\n            direction: rtl;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            padding: 20px;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===== \u0628\u062e\u0634 SERVICES \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc ===== *\/\r\n        .services {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            padding: 64px 24px 72px;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(16px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 30px 60px rgba(0, 20, 10, 0.12),\r\n                        0 10px 20px rgba(0, 0, 0, 0.04),\r\n                        inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0628\u0627\u0644\u0627\u06cc \u0633\u06a9\u0634\u0646 *\/\r\n        .services::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\r\n            border-radius: 0 0 4px 4px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .services__container {\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .services__header {\r\n            text-align: center;\r\n            margin-bottom: 48px;\r\n        }\r\n\r\n        .services__label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 0.78rem;\r\n            font-weight: 700;\r\n            color: var(--accent-dark);\r\n            background: rgba(255, 255, 255, 0.4);\r\n            backdrop-filter: blur(4px);\r\n            padding: 6px 16px;\r\n            border-radius: var(--radius-full);\r\n            margin-bottom: 16px;\r\n            letter-spacing: 0.04em;\r\n            text-transform: uppercase;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n        .services__label-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 50%;\r\n            background-color: var(--accent);\r\n        }\r\n\r\n        .services__title {\r\n            font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.02em;\r\n            text-shadow: 0 2px 8px rgba(255, 255, 255, 0.3);\r\n        }\r\n        .services__title-accent {\r\n            color: var(--accent);\r\n            position: relative;\r\n        }\r\n\r\n        .services__subtitle {\r\n            font-size: 0.95rem;\r\n            color: var(--text-sub);\r\n            max-width: 560px;\r\n            margin: 0 auto;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .services__grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n            gap: 24px;\r\n        }\r\n\r\n        \/* ===== \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc ===== *\/\r\n        .service-card {\r\n            background: rgba(255, 255, 255, 0.35);\r\n            backdrop-filter: blur(12px) saturate(160%);\r\n            -webkit-backdrop-filter: blur(12px) saturate(160%);\r\n            border-radius: var(--radius-lg);\r\n            padding: 32px 24px 28px;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\r\n            transition: all var(--transition-smooth);\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 18px;\r\n            isolation: isolate;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\r\n            border-radius: 0 0 4px 4px;\r\n            opacity: 0;\r\n            transform: translateY(-4px);\r\n            transition: all var(--transition-smooth);\r\n            z-index: 1;\r\n        }\r\n\r\n        .service-card:hover {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            border-color: rgba(255, 255, 255, 0.8);\r\n            box-shadow: 0 16px 40px rgba(0, 20, 10, 0.10);\r\n            transform: translateY(-4px);\r\n        }\r\n        .service-card:hover::after {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .service-card__icon-wrap {\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: var(--radius-md);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: all var(--transition-bounce);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n        .service-card:hover .service-card__icon-wrap {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .service-card__icon-wrap--blue { background: rgba(219, 234, 254, 0.6); color: var(--primary); }\r\n        .service-card__icon-wrap--teal { background: rgba(204, 251, 241, 0.6); color: var(--accent); }\r\n        .service-card__icon-wrap--light-blue { background: rgba(219, 234, 254, 0.4); color: var(--primary-light); }\r\n        .service-card__icon-wrap--dark-teal { background: rgba(204, 251, 241, 0.4); color: var(--accent-dark); }\r\n\r\n        .service-card__icon-wrap svg {\r\n            width: 26px;\r\n            height: 26px;\r\n        }\r\n\r\n        .service-card__title {\r\n            font-size: 1.05rem;\r\n            font-weight: 800;\r\n            color: var(--primary);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .service-card__desc {\r\n            font-size: 0.85rem;\r\n            color: var(--text-sub);\r\n            line-height: 1.85;\r\n            position: relative;\r\n            z-index: 2;\r\n            flex: 1;\r\n        }\r\n\r\n        .service-card__features {\r\n            list-style: none;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .service-card__feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 0.82rem;\r\n            color: var(--text-sub);\r\n        }\r\n        .service-card__feature-icon {\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 50%;\r\n            background: rgba(20, 184, 166, 0.15);\r\n            backdrop-filter: blur(4px);\r\n            color: var(--accent);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            font-size: 0.65rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .service-card__link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: all var(--transition-fast);\r\n            margin-top: auto;\r\n            width: fit-content;\r\n            background: rgba(255,255,255,0.2);\r\n            padding: 6px 14px;\r\n            border-radius: 30px;\r\n            backdrop-filter: blur(4px);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n        .service-card__link svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform var(--transition-fast);\r\n        }\r\n        .service-card__link:hover {\r\n            color: var(--accent);\r\n            background: rgba(255,255,255,0.4);\r\n            border-color: rgba(255,255,255,0.5);\r\n        }\r\n        .service-card__link:hover svg {\r\n            transform: translateX(-4px);\r\n            color: var(--accent);\r\n        }\r\n\r\n        \/* \u06a9\u0627\u0631\u062a \u0648\u06cc\u0698\u0647 (\u0645\u0634\u0627\u0648\u0631\u0647) *\/\r\n        .service-card--featured {\r\n            border: 2px solid rgba(20, 184, 166, 0.4);\r\n            box-shadow: 0 12px 32px rgba(20, 184, 166, 0.12);\r\n            background: rgba(255, 255, 255, 0.45);\r\n        }\r\n        .service-card--featured::before {\r\n            content: '\u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646';\r\n            position: absolute;\r\n            top: 14px;\r\n            left: 14px;\r\n            background: linear-gradient(135deg, var(--accent) 0%, #0bb8a4 100%);\r\n            color: var(--white);\r\n            font-size: 0.62rem;\r\n            font-weight: 800;\r\n            padding: 4px 12px;\r\n            border-radius: var(--radius-full);\r\n            z-index: 3;\r\n            letter-spacing: 0.02em;\r\n            box-shadow: 0 4px 10px rgba(20, 184, 166, 0.3);\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            body {\r\n                padding: 16px;\r\n            }\r\n            .services {\r\n                padding: 48px 16px 56px;\r\n                border-radius: 32px;\r\n            }\r\n            .services__grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n                gap: 18px;\r\n            }\r\n            .service-card {\r\n                padding: 24px 18px 22px;\r\n                gap: 14px;\r\n            }\r\n            .service-card__icon-wrap {\r\n                width: 48px;\r\n                height: 48px;\r\n            }\r\n            .service-card__icon-wrap svg {\r\n                width: 22px;\r\n                height: 22px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            body {\r\n                padding: 12px;\r\n            }\r\n            .services {\r\n                border-radius: 24px;\r\n                padding: 36px 12px 40px;\r\n            }\r\n            .services__grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .services__title {\r\n                font-size: 1.4rem;\r\n            }\r\n            .services__subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"services\" aria-labelledby=\"services-heading\">\r\n        <div class=\"services__container\">\r\n\r\n            <div class=\"services__header\">\r\n                <span class=\"services__label\">\r\n                    <span class=\"services__label-dot\"><\/span>\r\n                    \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0645\u0627\r\n                <\/span>\r\n                <h2 class=\"services__title\" id=\"services-heading\">\r\n                    \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0628\u0631\u0627\u06cc <span class=\"services__title-accent\">\u0642\u0628\u0648\u0644\u06cc \u062a\u0636\u0645\u06cc\u0646\u06cc<\/span> \u0634\u0645\u0627\r\n                <\/h2>\r\n                <p class=\"services__subtitle\">\r\n                    \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0622\u0645\u0648\u0632\u0634\u06cc \u0628\u0647\u200c\u0631\u0648\u0632 \u062a\u0627 \u0645\u0634\u0627\u0648\u0631\u0647\u0654 \u062a\u062e\u0635\u0635\u06cc \u0648 \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632 \u2014 \u0645\u0633\u06cc\u0631 \u0645\u0648\u0641\u0642\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0647\u0645\u0648\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"services__grid\">\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f1: \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u06a9\u062a\u0627\u0628 -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-card__icon-wrap service-card__icon-wrap--blue\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n                            <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"service-card__title\">\ud83d\udcda \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u06a9\u062a\u0627\u0628 \u062a\u062e\u0635\u0635\u06cc<\/h3>\r\n                    <p class=\"service-card__desc\">\r\n                        \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0648 \u062c\u0627\u0645\u0639\u200c\u062a\u0631\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639 \u0622\u0632\u0645\u0648\u0646 \u062f\u0633\u062a\u06cc\u0627\u0631\u06cc\u060c \u062a\u0623\u0644\u06cc\u0641 \u0627\u0633\u0627\u062a\u06cc\u062f \u0628\u0631\u062c\u0633\u062a\u0647 \u06a9\u0634\u0648\u0631 \u0628\u0627 \u062a\u062e\u0641\u06cc\u0641 \u0648\u06cc\u0698\u0647 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646.\r\n                    <\/p>\r\n                    <ul class=\"service-card__features\">\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u0628\u06cc\u0634 \u0627\u0632 \u06f2\u06f0 \u0639\u0646\u0648\u0627\u0646 \u06a9\u062a\u0627\u0628<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u0627\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639 \u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u062a\u062e\u0641\u06cc\u0641 \u06f1\u06f5\u066a \u062a\u0627 \u06f3\u06f0\u066a \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u06cc<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"service-card__link\">\r\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f2: \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc (\u063a\u06cc\u0631\u0631\u0627\u06cc\u06af\u0627\u0646) -->\r\n                <article class=\"service-card service-card--featured\">\r\n                    <div class=\"service-card__icon-wrap service-card__icon-wrap--teal\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"service-card__title\">\ud83d\udcac \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc<\/h3>\r\n                    <p class=\"service-card__desc\">\r\n                        \u062c\u0644\u0633\u0627\u062a \u062e\u0635\u0648\u0635\u06cc \u0628\u0627 \u0631\u062a\u0628\u0647\u200c\u0647\u0627\u06cc \u062a\u06a9\u200c\u0631\u0642\u0645\u06cc \u0633\u0627\u0644\u200c\u0647\u0627\u06cc \u06af\u0630\u0634\u062a\u0647\u060c \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc\u200c\u0634\u062f\u0647 \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0647\u0641\u062a\u06af\u06cc.\r\n                    <\/p>\r\n                    <ul class=\"service-card__features\">\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u0645\u0634\u0627\u0648\u0631\u0627\u0646 \u0631\u062a\u0628\u0647 \u06f1 \u062a\u0627 \u06f2\u06f0 \u06a9\u0634\u0648\u0631\u06cc<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0641\u062a\u06af\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u062c\u0644\u0633\u0627\u062a \u062e\u0635\u0648\u0635\u06cc \u0648 \u0647\u062f\u0641\u0645\u0646\u062f<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/residentology.ir\/?page_id=2438\" class=\"service-card__link\">\r\n                        \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f3: \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-card__icon-wrap service-card__icon-wrap--light-blue\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n                            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n                            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n                            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"service-card__title\">\ud83d\udcdd \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632<\/h3>\r\n                    <p class=\"service-card__desc\">\r\n                        \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0645\u0627\u0647\u0627\u0646\u0647 \u0628\u0627 \u0633\u0624\u0627\u0644\u0627\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u06a9\u0627\u0631\u0646\u0627\u0645\u0647 \u062a\u062d\u0644\u06cc\u0644\u06cc \u0648 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u0631\u0642\u0628\u0627 \u0628\u0631\u0627\u06cc \u0633\u0646\u062c\u0634 \u0648\u0627\u0642\u0639\u06cc \u0633\u0637\u062d \u0634\u0645\u0627.\r\n                    <\/p>\r\n                    <ul class=\"service-card__features\">\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u0644 \u0622\u0632\u0645\u0648\u0646 \u0627\u0635\u0644\u06cc<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u06a9\u0627\u0631\u0646\u0627\u0645\u0647 \u062f\u0631\u0635\u062f\u06cc \u0648 \u062a\u0631\u0627\u0632\u06cc<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u067e\u0627\u0633\u062e\u0646\u0627\u0645\u0647 \u062a\u0634\u0631\u06cc\u062d\u06cc \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/exam.residentology.ir\" class=\"service-card__link\">\r\n                        \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0622\u0632\u0645\u0648\u0646\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f4: \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc (\u0628\u062f\u0648\u0646 \u062c\u0644\u0633\u0627\u062a \u0622\u0646\u0644\u0627\u06cc\u0646) -->\r\n                <article class=\"service-card\">\r\n                    <div class=\"service-card__icon-wrap service-card__icon-wrap--dark-teal\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"23 7 16 12 23 17 23 7\"\/>\r\n                            <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"service-card__title\">\ud83c\udfa5 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc<\/h3>\r\n                    <p class=\"service-card__desc\">\r\n                        \u0622\u0645\u0648\u0632\u0634 \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc \u062c\u0627\u0645\u0639 \u0645\u0628\u0627\u062d\u062b \u067e\u0631\u062a\u06a9\u0631\u0627\u0631 \u062a\u0648\u0633\u0637 \u0627\u0633\u0627\u062a\u06cc\u062f \u0645\u0637\u0631\u062d\u060c \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062c\u0632\u0648\u0627\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc.\r\n                    <\/p>\r\n                    <ul class=\"service-card__features\">\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0626\u0645\u06cc \u0628\u0647 \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u062c\u0632\u0648\u0647 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0642\u0627\u0628\u0644 \u062f\u0627\u0646\u0644\u0648\u062f<\/li>\r\n                        <li class=\"service-card__feature\"><span class=\"service-card__feature-icon\">\u2713<\/span> \u0631\u0641\u0639 \u0627\u0634\u06a9\u0627\u0644 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062a\u06cc\u06a9\u062a<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/residentology.ir\/?page_id=2496\" class=\"service-card__link\">\r\n                        \u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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<div class=\"wd-negative-gap elementor-element elementor-element-aeeab20 e-flex e-con-boxed e-con e-parent\" data-id=\"aeeab20\" 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-e1d52a3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e1d52a3\" 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=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u06cc \u067e\u0631\u0641\u0631\u0648\u0634 | \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/title>\r\n    <style>\r\n        \/* ========== RESET & ROOT ========== *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        :root {\r\n            --primary: #1E3A8A;\r\n            --primary-light: #60A5FA;\r\n            --primary-dark: #152e6e;\r\n            --primary-soft: #eef2f9;\r\n            --background: #f1f5f9;\r\n            --surface: #F3F4F6;\r\n            --surface-alt: #f8fafb;\r\n            --accent: #14B8A6;\r\n            --accent-dark: #0f9e8e;\r\n            --accent-soft: #e0f7f5;\r\n            --text-main: #374151;\r\n            --text-sub: #6B7280;\r\n            --text-light: #9CA3AF;\r\n            --white: #FFFFFF;\r\n            --red: #ef4444;\r\n            --red-soft: #fef2f2;\r\n            --yellow: #f59e0b;\r\n            --yellow-soft: #fffbeb;\r\n            --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);\r\n            --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);\r\n            --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.03);\r\n            --shadow-lg: 0 14px 28px rgba(30, 58, 138, 0.09), 0 4px 8px rgba(0, 0, 0, 0.03);\r\n            --shadow-xl: 0 20px 36px rgba(30, 58, 138, 0.11);\r\n            --radius-xs: 6px;\r\n            --radius-sm: 10px;\r\n            --radius-md: 14px;\r\n            --radius-lg: 18px;\r\n            --radius-xl: 22px;\r\n            --radius-full: 50px;\r\n            --font-main: 'IRANSans', 'Tahoma', 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n            --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-main);\r\n            background-color: var(--background);\r\n            color: var(--text-main);\r\n            line-height: 1.7;\r\n            direction: rtl;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            padding: 0;\r\n            min-height: 100vh;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ========== BEST SELLERS SECTION (\u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) ========== *\/\r\n        .bestsellers {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            padding: 64px 24px 72px;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(16px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 30px 60px rgba(0, 20, 10, 0.12),\r\n                        0 10px 20px rgba(0, 0, 0, 0.04),\r\n                        inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .bestsellers::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\r\n            border-radius: 0 0 4px 4px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .bestsellers__container {\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ========== \u0647\u062f\u0631 \u0633\u06a9\u0634\u0646 ========== *\/\r\n        .bestsellers__header {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .bestsellers__header-right {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n        }\r\n\r\n        .bestsellers__label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 0.78rem;\r\n            font-weight: 700;\r\n            color: var(--accent-dark);\r\n            background: rgba(255, 255, 255, 0.4);\r\n            backdrop-filter: blur(4px);\r\n            padding: 6px 16px;\r\n            border-radius: var(--radius-full);\r\n            width: fit-content;\r\n            letter-spacing: 0.04em;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n        .bestsellers__label-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 50%;\r\n            background-color: var(--accent);\r\n        }\r\n\r\n        .bestsellers__title {\r\n            font-size: clamp(1.6rem, 4vw, 2.1rem);\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n            letter-spacing: -0.02em;\r\n            text-shadow: 0 2px 8px rgba(255, 255, 255, 0.3);\r\n        }\r\n        .bestsellers__title-accent {\r\n            color: var(--accent);\r\n        }\r\n\r\n        .bestsellers__view-all {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 0.88rem;\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            padding: 10px 20px;\r\n            border: 2px solid rgba(30, 58, 138, 0.2);\r\n            border-radius: var(--radius-full);\r\n            transition: all var(--transition-smooth);\r\n            white-space: nowrap;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n        .bestsellers__view-all svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform var(--transition-fast);\r\n        }\r\n        .bestsellers__view-all:hover {\r\n            background-color: var(--primary);\r\n            color: var(--white);\r\n            border-color: var(--primary);\r\n            box-shadow: 0 6px 18px rgba(30, 58, 138, 0.25);\r\n        }\r\n        .bestsellers__view-all:hover svg {\r\n            transform: translateX(-4px);\r\n        }\r\n\r\n        \/* ========== \u06af\u0631\u06cc\u062f \u06a9\u062a\u0627\u0628\u200c\u0647\u0627 ========== *\/\r\n        .bestsellers__grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\r\n            gap: 22px;\r\n        }\r\n\r\n        \/* ========== \u06a9\u0627\u0631\u062a \u06a9\u062a\u0627\u0628 ========== *\/\r\n        .book-card {\r\n            background: rgba(255, 255, 255, 0.35);\r\n            backdrop-filter: blur(12px) saturate(160%);\r\n            -webkit-backdrop-filter: blur(12px) saturate(160%);\r\n            border-radius: var(--radius-lg);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\r\n            overflow: hidden;\r\n            transition: all var(--transition-smooth);\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            isolation: isolate;\r\n        }\r\n        .book-card:hover {\r\n            background: rgba(255, 255, 255, 0.55);\r\n            border-color: rgba(255, 255, 255, 0.8);\r\n            box-shadow: 0 16px 40px rgba(0, 20, 10, 0.10);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ========== \u062a\u0635\u0648\u06cc\u0631 \u06a9\u062a\u0627\u0628 ========== *\/\r\n        .book-card__image-wrap {\r\n            position: relative;\r\n            background: linear-gradient(160deg, #f0f4fa 0%, #e8eef7 50%, #f3f6fb 100%);\r\n            height: 220px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* ===== \u062a\u0635\u0648\u06cc\u0631 \u0648\u0627\u0642\u0639\u06cc \u06a9\u062a\u0627\u0628 ===== *\/\r\n        .book-card__image {\r\n            width: 120px;\r\n            height: 170px;\r\n            border-radius: 8px 12px 12px 8px;\r\n            box-shadow: 8px 8px 20px rgba(30, 58, 138, 0.25);\r\n            object-fit: cover;  \/* \u0628\u0631\u0627\u06cc \u062d\u0641\u0638 \u062a\u0646\u0627\u0633\u0628 \u062a\u0635\u0648\u06cc\u0631 *\/\r\n            display: block;\r\n            background: #e8eef7; \/* \u0631\u0646\u06af \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc *\/\r\n        }\r\n\r\n        .book-card__badge {\r\n            position: absolute;\r\n            top: 12px;\r\n            right: 12px;\r\n            padding: 5px 12px;\r\n            border-radius: var(--radius-full);\r\n            font-size: 0.68rem;\r\n            font-weight: 800;\r\n            letter-spacing: 0.02em;\r\n            z-index: 2;\r\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n        }\r\n        .book-card__badge--sale {\r\n            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);\r\n            color: var(--white);\r\n        }\r\n        .book-card__badge--new {\r\n            background: linear-gradient(135deg, var(--accent) 0%, #0bb8a4 100%);\r\n            color: var(--white);\r\n        }\r\n        .book-card__badge--popular {\r\n            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n            color: var(--white);\r\n        }\r\n        .book-card__badge--special {\r\n            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\r\n            color: var(--white);\r\n        }\r\n\r\n        \/* ========== \u0645\u062d\u062a\u0648\u0627\u06cc \u06a9\u0627\u0631\u062a ========== *\/\r\n        .book-card__body {\r\n            padding: 18px 16px 16px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            flex: 1;\r\n        }\r\n\r\n        .book-card__category {\r\n            font-size: 0.7rem;\r\n            font-weight: 700;\r\n            color: var(--accent);\r\n            letter-spacing: 0.03em;\r\n        }\r\n\r\n        .book-card__title {\r\n            font-size: 0.9rem;\r\n            font-weight: 800;\r\n            color: var(--text-main);\r\n            line-height: 1.55;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            min-height: 2.8em;\r\n        }\r\n\r\n        .book-card__author {\r\n            font-size: 0.75rem;\r\n            color: var(--text-sub);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n        }\r\n        .book-card__author svg {\r\n            width: 14px;\r\n            height: 14px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .book-card__rating {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 3px;\r\n        }\r\n        .book-card__stars {\r\n            display: flex;\r\n            gap: 1px;\r\n        }\r\n        .book-card__star {\r\n            width: 15px;\r\n            height: 15px;\r\n        }\r\n        .book-card__star--filled {\r\n            color: #f59e0b;\r\n        }\r\n        .book-card__star--empty {\r\n            color: #d1d5db;\r\n        }\r\n        .book-card__rating-text {\r\n            font-size: 0.72rem;\r\n            color: var(--text-sub);\r\n            margin-right: 4px;\r\n        }\r\n\r\n        \/* ========== \u0642\u06cc\u0645\u062a \u0648 \u062f\u06a9\u0645\u0647 ========== *\/\r\n        .book-card__footer {\r\n            padding: 0 16px 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 10px;\r\n        }\r\n\r\n        .book-card__price-wrap {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2px;\r\n        }\r\n        .book-card__price-original {\r\n            font-size: 0.75rem;\r\n            color: var(--text-light);\r\n            text-decoration: line-through;\r\n            line-height: 1;\r\n        }\r\n        .book-card__price {\r\n            font-size: 1.05rem;\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n            line-height: 1;\r\n        }\r\n        .book-card__price--sale {\r\n            color: var(--red);\r\n        }\r\n        .book-card__currency {\r\n            font-size: 0.7rem;\r\n            font-weight: 500;\r\n            color: var(--text-sub);\r\n            margin-right: 2px;\r\n        }\r\n\r\n        .book-card__btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 9px 18px;\r\n            font-family: var(--font-main);\r\n            font-size: 0.78rem;\r\n            font-weight: 700;\r\n            border-radius: var(--radius-full);\r\n            background: var(--accent);\r\n            color: var(--white);\r\n            border: none;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n            transition: all var(--transition-smooth);\r\n            box-shadow: 0 4px 12px rgba(20, 184, 166, 0.25);\r\n        }\r\n        .book-card__btn svg {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n        .book-card__btn:hover {\r\n            background-color: var(--accent-dark);\r\n            box-shadow: 0 6px 18px rgba(20, 184, 166, 0.35);\r\n            transform: translateY(-1px);\r\n        }\r\n        .book-card__btn:active {\r\n            transform: scale(0.95);\r\n        }\r\n\r\n        \/* ========== \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ========== *\/\r\n        @media (max-width: 900px) {\r\n            .bestsellers {\r\n                padding: 48px 16px 56px;\r\n            }\r\n            .bestsellers__grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n                gap: 16px;\r\n            }\r\n            .book-card__image-wrap {\r\n                height: 180px;\r\n            }\r\n            .book-card__image {\r\n                width: 100px;\r\n                height: 140px;\r\n            }\r\n            .bestsellers__header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .bestsellers {\r\n                padding: 36px 12px 40px;\r\n            }\r\n            .bestsellers__grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 12px;\r\n            }\r\n            .book-card__image-wrap {\r\n                height: 150px;\r\n            }\r\n            .book-card__image {\r\n                width: 80px;\r\n                height: 115px;\r\n                font-size: 0.58rem;\r\n                padding: 8px 6px;\r\n            }\r\n            .book-card__body {\r\n                padding: 12px 10px 10px;\r\n                gap: 6px;\r\n            }\r\n            .book-card__footer {\r\n                padding: 0 10px 10px;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 8px;\r\n            }\r\n            .book-card__btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n                font-size: 0.72rem;\r\n                padding: 8px 14px;\r\n            }\r\n            .book-card__title {\r\n                font-size: 0.78rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ==================== BEST SELLERS SECTION ==================== -->\r\n    <section class=\"bestsellers\" aria-labelledby=\"bestsellers-heading\">\r\n        <div class=\"bestsellers__container\">\r\n\r\n            <!-- \u0647\u062f\u0631 \u0633\u06a9\u0634\u0646 -->\r\n            <div class=\"bestsellers__header\">\r\n                <div class=\"bestsellers__header-right\">\r\n                    <span class=\"bestsellers__label\">\r\n                        <span class=\"bestsellers__label-dot\"><\/span>\r\n                        \u0645\u0646\u0627\u0628\u0639 \u0628\u0631\u062a\u0631 \u0622\u0645\u0648\u0632\u0634\u06cc\r\n                    <\/span>\r\n                    <h2 class=\"bestsellers__title\" id=\"bestsellers-heading\">\r\n                        \ud83d\udcda \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u06cc <span class=\"bestsellers__title-accent\">\u067e\u0631\u0641\u0631\u0648\u0634<\/span> \u0631\u0632\u06cc\u062f\u0646\u062a\u06cc\r\n                    <\/h2>\r\n                <\/div>\r\n                <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"bestsellers__view-all\">\r\n                    \u0647\u0645\u0647 \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- \u06af\u0631\u06cc\u062f \u06a9\u062a\u0627\u0628\u200c\u0647\u0627 -->\r\n            <div class=\"bestsellers__grid\">\r\n\r\n                <!-- =========================================================== -->\r\n                <!-- \u06a9\u062a\u0627\u0628 \u06f1 \u2013 \u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u062f\u0631\u0645\u0627\u062a\u0648\u0644\u0648\u0698\u06cc                                 -->\r\n                <!-- =========================================================== -->\r\n                <article class=\"book-card\">\r\n                    <div class=\"book-card__image-wrap\">\r\n                        <!--\r\n                          \ud83d\udd3d \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u06a9\u062a\u0627\u0628 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                          \u0645\u062b\u0627\u0644: src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/dermatology-book.jpg\"\r\n                        -->\r\n                        <img decoding=\"async\" class=\"book-card__image\"\r\n                             src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/6019566652019641811.jpg\"\r\n                             alt=\"\u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u063a\u062f\u062f\"\r\n                             loading=\"lazy\"\r\n                        \/>\r\n                        <!--\r\n                          \ud83d\udd3c \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                          \u0628\u0631\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u06cc\u06a9 placeholder SVG \u06af\u0630\u0627\u0634\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\r\n                        -->\r\n                        <span class=\"book-card__badge book-card__badge--sale\"><\/span>\r\n                    <\/div>\r\n                    <div class=\"book-card__body\">\r\n                        <span class=\"book-card__category\">\u0641\u0648\u0642\u200c\u062a\u062e\u0635\u0635 \u062f\u0627\u062e\u0644\u06cc<\/span>\r\n                        <h3 class=\"book-card__title\"> \u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u063a\u062f\u062f<\/h3>\r\n                        <div class=\"book-card__author\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                            \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc\r\n                        <\/div>\r\n                        <div class=\"book-card__rating\">\r\n                            <div class=\"book-card__stars\">\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                            <\/div>\r\n                            <span class=\"book-card__rating-text\">(\u06f1\u06f8\u06f7 \u0646\u0638\u0631)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"book-card__footer\">\r\n                        <div class=\"book-card__price-wrap\">\r\n                            <span class=\"book-card__price-original\">\u06f3\u06f2\u06f0,\u06f0\u06f0\u06f0<\/span>\r\n                            <span class=\"book-card__price book-card__price--sale\">\u06f2\u06f5\u06f6,\u06f0\u06f0\u06f0 <span class=\"book-card__currency\">\u062a\u0648\u0645\u0627\u0646<\/span><\/span>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"book-card__btn\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\r\n                            \u062e\u0631\u06cc\u062f\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- =========================================================== -->\r\n                <!-- \u06a9\u062a\u0627\u0628 \u06f2 \u2013 \u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u0632\u0646\u0627\u0646                                      -->\r\n                <!-- =========================================================== -->\r\n                <article class=\"book-card\">\r\n                    <div class=\"book-card__image-wrap\">\r\n                        <!--\r\n                          \ud83d\udd3d \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u06a9\u062a\u0627\u0628 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                          \u0645\u062b\u0627\u0644: src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/obstetrics-book.jpg\"\r\n                        -->\r\n                        <img decoding=\"async\" class=\"book-card__image\"\r\n                             src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/6019566652019641812-e1785966246953.jpg\"\r\n                             alt=\"\u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u0632\u0646\u0627\u0646\"\r\n                             loading=\"lazy\"\r\n                        \/>\r\n                        <!--\r\n                          \ud83d\udd3c \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                        -->\r\n                        <span class=\"book-card__badge book-card__badge--new\">\u062c\u062f\u06cc\u062f<\/span>\r\n                    <\/div>\r\n                    <div class=\"book-card__body\">\r\n                        <span class=\"book-card__category\">\u0641\u0648\u0642\u200c\u062a\u062e\u0635\u0635 \u062f\u0627\u062e\u0644\u06cc<\/span>\r\n                        <h3 class=\"book-card__title\">\u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u0631\u06cc\u0647  <\/h3>\r\n                        <div class=\"book-card__author\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                            \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc\r\n                        <\/div>\r\n                        <div class=\"book-card__rating\">\r\n                            <div class=\"book-card__stars\">\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--empty\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                            <\/div>\r\n                            <span class=\"book-card__rating-text\">(\u06f1\u06f3\u06f4 \u0646\u0638\u0631)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"book-card__footer\">\r\n                        <div class=\"book-card__price-wrap\">\r\n                            <span class=\"book-card__price\">\u06f2\u06f9\u06f0,\u06f0\u06f0\u06f0 <span class=\"book-card__currency\">\u062a\u0648\u0645\u0627\u0646<\/span><\/span>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"book-card__btn\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\r\n                            \u062e\u0631\u06cc\u062f\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- =========================================================== -->\r\n                <!-- \u06a9\u062a\u0627\u0628 \u06f3 \u2013 \u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u0631\u0648\u0627\u0646                                      -->\r\n                <!-- =========================================================== -->\r\n                <article class=\"book-card\">\r\n                    <div class=\"book-card__image-wrap\">\r\n                        <!--\r\n                          \ud83d\udd3d \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u06a9\u062a\u0627\u0628 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                          \u0645\u062b\u0627\u0644: src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/psychiatry-book.jpg\"\r\n                        -->\r\n                        <img decoding=\"async\" class=\"book-card__image\"\r\n                             src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/6019566652019641810-1.jpg\"\r\n                             alt=\"\u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u0631\u0648\u0627\u0646\"\r\n                             loading=\"lazy\"\r\n                        \/>\r\n                        <!--\r\n                          \ud83d\udd3c \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                        -->\r\n                        <span class=\"book-card__badge book-card__badge--popular\">\u067e\u0631\u0641\u0631\u0648\u0634<\/span>\r\n                    <\/div>\r\n                    <div class=\"book-card__body\">\r\n                        <span class=\"book-card__category\">\u0627\u0633\u062a\u062e\u0648\u0627\u0646 \u0648 \u0633\u06cc\u0633\u062a\u0645 \u0644\u0646\u0641\u0627\u0648\u06cc<\/span>\r\n                        <h3 class=\"book-card__title\">\u062a\u0648\u0631\u0642 \u0647\u0645\u0627\u062a\u0648\u0644\u0648\u0698\u06cc<\/h3>\r\n                        <div class=\"book-card__author\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                            \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc\r\n                        <\/div>\r\n                        <div class=\"book-card__rating\">\r\n                            <div class=\"book-card__stars\">\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                            <\/div>\r\n                            <span class=\"book-card__rating-text\">(\u06f2\u06f4\u06f1 \u0646\u0638\u0631)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"book-card__footer\">\r\n                        <div class=\"book-card__price-wrap\">\r\n                            <span class=\"book-card__price\">\u06f2\u06f6\u06f0,\u06f0\u06f0\u06f0 <span class=\"book-card__currency\">\u062a\u0648\u0645\u0627\u0646<\/span><\/span>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"book-card__btn\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\r\n                            \u062e\u0631\u06cc\u062f\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- =========================================================== -->\r\n                <!-- \u06a9\u062a\u0627\u0628 \u06f4 \u2013 \u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u067e\u0627\u062a\u0648\u0644\u0648\u0698\u06cc                                  -->\r\n                <!-- =========================================================== -->\r\n                <article class=\"book-card\">\r\n                    <div class=\"book-card__image-wrap\">\r\n                        <!--\r\n                          \ud83d\udd3d \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u06a9\u062a\u0627\u0628 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                          \u0645\u062b\u0627\u0644: src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/pathology-book.jpg\"\r\n                        -->\r\n                        <img decoding=\"async\" class=\"book-card__image\"\r\n                             src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/6019566652019641808-1.jpg\"\r\n                             alt=\"\u062a\u0648\u0631\u0642 \u0633\u0631\u06cc\u0639 \u067e\u0627\u062a\u0648\u0644\u0648\u0698\u06cc\"\r\n                             loading=\"lazy\"\r\n                        \/>\r\n                        <!--\r\n                          \ud83d\udd3c \u0644\u06cc\u0646\u06a9 \u0639\u06a9\u0633 \u0631\u0627 \u062f\u0631 src \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f\r\n                        -->\r\n                        <span class=\"book-card__badge book-card__badge--special\">\u0648\u06cc\u0698\u0647 \u06f1\u06f4\u06f0\u06f4<\/span>\r\n                    <\/div>\r\n                    <div class=\"book-card__body\">\r\n                        <span class=\"book-card__category\">\u0627\u0644\u062a\u0647\u0627\u0628\u06cc \u0648 \u062e\u0648\u062f\u0627\u06cc\u0645\u0646\u06cc<\/span>\r\n                        <h3 class=\"book-card__title\">\u062a\u0648\u0631\u0642 \u0631\u0648\u0645\u0627\u062a\u0648\u0644\u0648\u0698\u06cc<\/h3>\r\n                        <div class=\"book-card__author\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                            \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc\r\n                        <\/div>\r\n                        <div class=\"book-card__rating\">\r\n                            <div class=\"book-card__stars\">\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--filled\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                                <svg class=\"book-card__star book-card__star--empty\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                            <\/div>\r\n                            <span class=\"book-card__rating-text\">(\u06f1\u06f6\u06f8 \u0646\u0638\u0631)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"book-card__footer\">\r\n                        <div class=\"book-card__price-wrap\">\r\n                            <span class=\"book-card__price\">\u06f3\u06f1\u06f0,\u06f0\u06f0\u06f0 <span class=\"book-card__currency\">\u062a\u0648\u0645\u0627\u0646<\/span><\/span>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"book-card__btn\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\"\/><\/svg>\r\n                            \u062e\u0631\u06cc\u062f\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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<div class=\"wd-negative-gap elementor-element elementor-element-278574d e-flex e-con-boxed e-con e-parent\" data-id=\"278574d\" 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-d9133c7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d9133c7\" 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=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u06a9\u0627\u0646\u0627\u0644\u200c\u0647\u0627\u06cc \u0645\u0627\u0698\u0648\u0631 \u0648 \u0645\u06cc\u0646\u0648\u0631 \u06f1\u06f4\u06f0\u06f6 | \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/title>\r\n    <style>\r\n        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n        :root {\r\n            --navy:     #1E3A8A;\r\n            --navy-mid: #2547a1;\r\n            --navy-bg:  #EFF3FD;\r\n            --teal:     #14B8A6;\r\n            --teal-dk:  #0F9E8E;\r\n            --teal-bg:  #F0FDFA;\r\n            --sl-50:    #F8FAFC;\r\n            --sl-100:   #F1F5F9;\r\n            --sl-200:   #E2E8F0;\r\n            --sl-300:   #CBD5E1;\r\n            --sl-400:   #94A3B8;\r\n            --sl-500:   #64748B;\r\n            --sl-700:   #334155;\r\n            --sl-900:   #0F172A;\r\n            --white:    #FFFFFF;\r\n            --ease:     cubic-bezier(0.4, 0, 0.2, 1);\r\n            --font:     'IRANSans', 'Tahoma', system-ui, sans-serif;\r\n            --r:        13px;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font);\r\n            background: linear-gradient(145deg, #e0f2e9 0%, #b8d9c9 100%);\r\n            color: var(--sl-700);\r\n            direction: rtl;\r\n            line-height: 1.7;\r\n            -webkit-font-smoothing: antialiased;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 24px;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 SECTION \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .sec {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 48px 28px 56px;\r\n            background: rgba(255, 255, 255, 0.30);\r\n            backdrop-filter: blur(14px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(14px) saturate(180%);\r\n            border-radius: 32px;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 20px 48px -12px rgba(30, 58, 138, 0.08),\r\n                        0 8px 20px -8px rgba(0, 0, 0, 0.04),\r\n                        inset 0 1px 2px rgba(255, 255, 255, 0.6);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.3s var(--ease);\r\n        }\r\n\r\n        \/* \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0638\u0631\u06cc\u0641 \u0628\u0627\u0644\u0627\u06cc \u0628\u062e\u0634 *\/\r\n        .sec::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--navy) 0%, var(--teal) 100%);\r\n            border-radius: 0 0 4px 4px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .sec__inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 TOP HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .header {\r\n            text-align: center;\r\n            margin-bottom: 52px;\r\n        }\r\n\r\n        .header__eyebrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 0.73rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.08em;\r\n            color: var(--teal-dk);\r\n            margin-bottom: 12px;\r\n        }\r\n        .header__eyebrow::before,\r\n        .header__eyebrow::after {\r\n            content: '';\r\n            display: block;\r\n            width: 22px;\r\n            height: 1.5px;\r\n            background: var(--teal);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .header__title {\r\n            font-size: clamp(1.6rem, 3vw, 2.3rem);\r\n            font-weight: 900;\r\n            color: var(--navy);\r\n            letter-spacing: -0.025em;\r\n            line-height: 1.2;\r\n            margin-bottom: 10px;\r\n        }\r\n        .header__title em {\r\n            font-style: normal;\r\n            color: var(--teal);\r\n        }\r\n\r\n        .header__desc {\r\n            font-size: 0.88rem;\r\n            color: var(--sl-500);\r\n            max-width: 520px;\r\n            margin: 0 auto;\r\n            line-height: 1.9;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 3-COLUMN GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .stage {\r\n            display: grid;\r\n            grid-template-columns: 1fr 280px 1fr;\r\n            gap: 24px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 SIDE COLUMN \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 GROUP LABEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .ch-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 7px;\r\n            padding: 5px 14px 5px 10px;\r\n            border-radius: 8px;\r\n            font-size: 0.75rem;\r\n            font-weight: 800;\r\n            letter-spacing: 0.04em;\r\n            border: 1.5px solid transparent;\r\n            align-self: flex-start;\r\n            background: rgba(255,255,255,0.4);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n        .ch-label svg { width: 13px; height: 13px; flex-shrink: 0; }\r\n        .ch-label--major {\r\n            background: rgba(239, 243, 253, 0.6);\r\n            color: var(--navy);\r\n            border-color: rgba(30,58,138,0.13);\r\n        }\r\n        .ch-label--minor {\r\n            background: rgba(240, 253, 250, 0.6);\r\n            color: var(--teal-dk);\r\n            border-color: rgba(20,184,166,0.18);\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .card {\r\n            background: rgba(255, 255, 255, 0.4);\r\n            backdrop-filter: blur(6px);\r\n            -webkit-backdrop-filter: blur(6px);\r\n            border: 1.5px solid rgba(255, 255, 255, 0.5);\r\n            border-radius: var(--r);\r\n            padding: 22px 20px;\r\n            flex: 1;\r\n            transition:\r\n                transform 0.22s var(--ease),\r\n                box-shadow 0.22s var(--ease),\r\n                border-color 0.22s var(--ease),\r\n                background 0.22s var(--ease);\r\n        }\r\n        .card:hover {\r\n            transform: translateY(-4px);\r\n            background: rgba(255, 255, 255, 0.6);\r\n            box-shadow: 0 10px 28px rgba(30,58,138,0.08), 0 3px 8px rgba(0,0,0,0.04);\r\n        }\r\n        .card--major:hover { border-color: rgba(30,58,138,0.22); }\r\n        .card--minor:hover { border-color: rgba(20,184,166,0.3); }\r\n\r\n        .card__icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 14px;\r\n            background: rgba(255,255,255,0.3);\r\n            backdrop-filter: blur(4px);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n        .card__icon--major { background: rgba(239, 243, 253, 0.5); color: var(--navy); }\r\n        .card__icon--minor { background: rgba(240, 253, 250, 0.5); color: var(--teal-dk); }\r\n        .card__icon svg { width: 20px; height: 20px; }\r\n\r\n        .card__title {\r\n            font-size: 0.92rem;\r\n            font-weight: 800;\r\n            color: var(--sl-900);\r\n            line-height: 1.4;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .card__text {\r\n            font-size: 0.82rem;\r\n            color: var(--sl-500);\r\n            line-height: 1.9;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 CENTER BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        .center-banner {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 16px;\r\n            position: sticky;\r\n            top: 24px;\r\n            align-self: start;\r\n        }\r\n\r\n        .center-banner__img {\r\n            width: 100%;\r\n            border-radius: 18px;\r\n            overflow: hidden;\r\n            box-shadow:\r\n                0 0 0 1px rgba(255,255,255,0.4),\r\n                0 8px 32px rgba(30,58,138,0.10),\r\n                0 2px 8px rgba(0,0,0,0.06);\r\n            border: 1px solid rgba(255,255,255,0.4);\r\n        }\r\n        .center-banner__img img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        .center-banner__cta {\r\n            width: 100%;\r\n        }\r\n\r\n        .btn {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            width: 100%;\r\n            padding: 13px 20px;\r\n            background: var(--navy);\r\n            color: var(--white);\r\n            font-family: var(--font);\r\n            font-size: 0.87rem;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            letter-spacing: 0.01em;\r\n            transition: background 0.2s, box-shadow 0.2s, transform 0.2s;\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n        }\r\n        .btn:hover {\r\n            background: var(--navy-mid);\r\n            box-shadow: 0 8px 22px rgba(30,58,138,0.28);\r\n            transform: translateY(-2px);\r\n        }\r\n        .btn:active { transform: scale(0.97); }\r\n        .btn svg { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        @media (max-width: 880px) {\r\n            body {\r\n                padding: 16px;\r\n            }\r\n            .sec {\r\n                padding: 36px 18px 40px;\r\n                border-radius: 24px;\r\n            }\r\n            .stage {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            .center-banner {\r\n                position: static;\r\n                max-width: 320px;\r\n                margin: 0 auto;\r\n            }\r\n            .col { flex-direction: row; flex-wrap: wrap; gap: 12px; }\r\n            .ch-label { width: 100%; }\r\n            .card { min-width: calc(50% - 6px); flex: 1 1 calc(50% - 6px); }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            body {\r\n                padding: 12px;\r\n            }\r\n            .sec {\r\n                padding: 28px 12px 32px;\r\n                border-radius: 18px;\r\n            }\r\n            .col { flex-direction: column; }\r\n            .card { min-width: unset; flex: none; }\r\n            .header__title { font-size: 1.45rem; }\r\n            .center-banner { max-width: 100%; }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .card, .btn { transition: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sec\" aria-labelledby=\"ch-heading\">\r\n    <div class=\"sec__inner\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"header\">\r\n            <div class=\"header__eyebrow\">\u0648\u06cc\u0698\u0647 \u062f\u0627\u0648\u0637\u0644\u0628\u0627\u0646 \u06f1\u06f4\u06f0\u06f6<\/div>\r\n            <h2 class=\"header__title\" id=\"ch-heading\">\r\n                \u06a9\u0627\u0646\u0627\u0644\u200c\u0647\u0627\u06cc <em>\u0645\u0627\u0698\u0648\u0631 \u0648 \u0645\u06cc\u0646\u0648\u0631<\/em>\r\n            <\/h2>\r\n            <p class=\"header__desc\">\r\n                \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0647\u062f\u0641\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u0645\u0627\u0647\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0627\u0646\u06cc \u2014 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647\u060c \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0637\u0627\u0644\u0628 \u0627\u0647\u0645\u06cc\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u0632 \u062d\u062c\u0645 \u0645\u0637\u0627\u0644\u0639\u0647 \u062f\u0627\u0631\u062f.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- 3-COLUMN STAGE -->\r\n        <div class=\"stage\">\r\n\r\n            <!-- \u0633\u062a\u0648\u0646 \u0645\u0627\u0698\u0648\u0631 (\u0633\u0645\u062a \u0631\u0627\u0633\u062a \u062f\u0631 RTL) -->\r\n            <div class=\"col\">\r\n                <span class=\"ch-label ch-label--major\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\r\n                        <polygon points=\"12 2 22 8.5 12 15 2 8.5 12 2\"\/>\r\n                        <polyline points=\"2 15.5 12 22 22 15.5\"\/>\r\n                        <polyline points=\"2 12 12 18.5 22 12\"\/>\r\n                    <\/svg>\r\n                    \u06a9\u0627\u0646\u0627\u0644 \u0645\u0627\u0698\u0648\u0631\r\n                <\/span>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f1 -->\r\n                <article class=\"card card--major\">\r\n                    <div class=\"card__icon card__icon--major\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\r\n                            <path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2\"\/>\r\n                            <rect x=\"9\" y=\"3\" width=\"6\" height=\"4\" rx=\"1\"\/>\r\n                            <path d=\"M9 12l2 2 4-4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card__title\">\u062a\u0633\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u062a\u062e\u0628 \u0648 \u0646\u06a9\u0627\u062a \u0637\u0631\u0627\u062d\u200c\u0645\u062d\u0648\u0631<\/h3>\r\n                    <p class=\"card__text\">\r\n                        \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u062a\u0633\u062a\u200c\u0647\u0627\u06cc \u062a\u0623\u0644\u06cc\u0641\u06cc \u0648 \u0645\u0646\u062a\u062e\u0628 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0645\u0641\u0627\u0647\u06cc\u0645 \u067e\u0631\u062a\u06a9\u0631\u0627\u0631 \u0648 \u062f\u0627\u0645\u200c\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u0637\u0631\u0627\u062d\u06cc \u0633\u0624\u0627\u0644\u061b \u0628\u0631\u0627\u06cc \u062a\u0634\u062e\u06cc\u0635 \u0646\u0642\u0627\u0637\u06cc \u06a9\u0647 \u062f\u0631 \u0645\u0631\u0648\u0631 \u0646\u0647\u0627\u06cc\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0627\u0631\u0632\u0634 \u0645\u0637\u0627\u0644\u0639\u0627\u062a\u06cc \u062f\u0627\u0631\u0646\u062f.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f2 -->\r\n                <article class=\"card card--major\">\r\n                    <div class=\"card__icon card__icon--major\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\r\n                            <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card__title\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0641\u0634\u0631\u062f\u0647 \u0628\u0627 \u062a\u0633\u062a\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/h3>\r\n                    <p class=\"card__text\">\r\n                        \u0628\u0631\u0627\u06cc \u0647\u0631 \u062f\u0631\u0633\u060c \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0645\u062d\u062f\u0648\u062f \u0648 \u0647\u062f\u0641\u0645\u0646\u062f \u0627\u0632 \u062a\u0633\u062a\u200c\u0647\u0627 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u062a\u0627 \u0645\u0631\u0648\u0631 \u0645\u0628\u0627\u062d\u062b \u0627\u0635\u0644\u06cc \u062f\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0645\u062a\u0631 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f \u0648 \u0646\u0642\u0627\u0637 \u0636\u0639\u0641 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0634\u0648\u0646\u062f.\r\n                    <\/p>\r\n                <\/article>\r\n            <\/div>\r\n\r\n            <!-- \u0633\u062a\u0648\u0646 \u0645\u0631\u06a9\u0632 \u2014 \u0628\u0646\u0631 -->\r\n            <div class=\"center-banner\">\r\n                <div class=\"center-banner__img\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/residentology.ir\/wp-content\/uploads\/2026\/08\/6035138176206619754-1.jpg\"\r\n                        alt=\"\u0637\u0631\u0627\u062d\u0627\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u06a9\u0627\u0646\u0627\u0644\u200c\u0647\u0627\u06cc VIP \u0645\u0627\u0698\u0648\u0631 \u0648 \u0645\u06cc\u0646\u0648\u0631 \u0631\u0632\u06cc\u062f\u0646\u062a\u06cc\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n                <div class=\"center-banner__cta\">\r\n                    <!-- ================================================================ -->\r\n                    <!-- \ud83d\udd3d \u0644\u06cc\u0646\u06a9 \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 href \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f                          -->\r\n                    <!-- ================================================================ -->\r\n                    <a href=\"https:\/\/residentology.ir\/?page_id=2438\" class=\"btn\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                        <\/svg>\r\n                        \u062b\u0628\u062a \u0639\u0636\u0648\u06cc\u062a\r\n                    <\/a>\r\n                    <!-- ================================================================ -->\r\n                    <!-- \ud83d\udd3c \u0644\u06cc\u0646\u06a9 \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 href \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f                          -->\r\n                    <!-- ================================================================ -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0633\u062a\u0648\u0646 \u0645\u06cc\u0646\u0648\u0631 (\u0633\u0645\u062a \u0686\u067e \u062f\u0631 RTL) -->\r\n            <div class=\"col\">\r\n                <span class=\"ch-label ch-label--minor\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\r\n                    <\/svg>\r\n                    \u06a9\u0627\u0646\u0627\u0644 \u0645\u06cc\u0646\u0648\u0631\r\n                <\/span>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f3 -->\r\n                <article class=\"card card--minor\">\r\n                    <div class=\"card__icon card__icon--minor\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card__title\">\u0645\u0633\u06cc\u0631 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0634\u062a\u0647 \u0645\u06cc\u0646\u0648\u0631<\/h3>\r\n                    <p class=\"card__text\">\r\n                        \u0645\u062d\u062a\u0648\u0627 \u0628\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0628\u0627\u062d\u062b \u0627\u0648\u0644\u0648\u06cc\u062a\u200c\u062f\u0627\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u061b \u0628\u0647\u200c\u062c\u0627\u06cc \u0645\u0637\u0627\u0644\u0639\u0647 \u062d\u062c\u06cc\u0645 \u0648 \u067e\u0631\u0627\u06a9\u0646\u062f\u0647\u060c \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0627\u0647\u0645\u06cc\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f.\r\n                    <\/p>\r\n                <\/article>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u06f4 -->\r\n                <article class=\"card card--minor\">\r\n                    <div class=\"card__icon card__icon--minor\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\">\r\n                            <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/>\r\n                            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"card__title\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0646\u0647\u0627\u06cc\u06cc\u061b \u0627\u0632 \u0645\u0637\u0627\u0644\u0639\u0647 \u0628\u0647 \u062a\u0635\u0645\u06cc\u0645<\/h3>\r\n                    <p class=\"card__text\">\r\n                        \u062f\u0631 \u0645\u0627\u0647\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0627\u0646\u06cc\u060c \u06a9\u06cc\u0641\u06cc\u062a \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0637\u0627\u0644\u0628 \u0627\u0647\u0645\u06cc\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u0632 \u0627\u0641\u0632\u0627\u06cc\u0634 \u062d\u062c\u0645 \u062f\u0627\u0631\u062f. \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u0645\u0646\u0638\u0645 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u060c \u062a\u0633\u062a\u200c\u0632\u0646\u06cc \u0648 \u062a\u062b\u0628\u06cc\u062a \u0645\u0637\u0627\u0644\u0628 \u06a9\u0644\u06cc\u062f\u06cc.\r\n                    <\/p>\r\n                <\/article>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <!-- \/stage -->\r\n\r\n    <\/div>\r\n<\/section>\r\n\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<div class=\"wd-negative-gap elementor-element elementor-element-398c5a9 e-flex e-con-boxed e-con e-parent\" data-id=\"398c5a9\" 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-d4c7ce2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d4c7ce2\" 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=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 | \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/title>\r\n    <style>\r\n        \/* ========== RESET & ROOT ========== *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        :root {\r\n            --primary: #1E3A8A;\r\n            --primary-light: #60A5FA;\r\n            --primary-dark: #152e6e;\r\n            --primary-soft: #eef2f9;\r\n            --primary-ghost: #f7f9fd;\r\n            --background: #f1f5f9;\r\n            --surface: #F3F4F6;\r\n            --surface-alt: #fafbfc;\r\n            --accent: #14B8A6;\r\n            --accent-dark: #0f9e8e;\r\n            --accent-soft: #e0f7f5;\r\n            --accent-ghost: #f4fdfb;\r\n            --text-main: #374151;\r\n            --text-sub: #6B7280;\r\n            --text-light: #9CA3AF;\r\n            --white: #FFFFFF;\r\n            --yellow: #f59e0b;\r\n            --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);\r\n            --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);\r\n            --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.03);\r\n            --shadow-lg: 0 14px 30px rgba(30, 58, 138, 0.08), 0 4px 10px rgba(0, 0, 0, 0.03);\r\n            --shadow-xl: 0 20px 40px rgba(30, 58, 138, 0.10);\r\n            --radius-xs: 6px;\r\n            --radius-sm: 10px;\r\n            --radius-md: 14px;\r\n            --radius-lg: 20px;\r\n            --radius-xl: 24px;\r\n            --radius-full: 50px;\r\n            --font-main: 'IRANSans', 'Tahoma', 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n            --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n            --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-main);\r\n            background-color: #f1f5f9;\r\n            color: var(--text-main);\r\n            line-height: 1.7;\r\n            direction: rtl;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            overflow-x: hidden; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc *\/\r\n        }\r\n\r\n        \/* ========== ABOUT SECTION (\u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) ========== *\/\r\n        .about {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            padding: 64px 24px 72px;\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(16px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 30px 60px rgba(0, 20, 10, 0.12),\r\n                        0 10px 20px rgba(0, 0, 0, 0.04),\r\n                        inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0628\u0627\u0644\u0627\u06cc \u0633\u06a9\u0634\u0646 *\/\r\n        .about::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\r\n            border-radius: 0 0 4px 4px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .about__container {\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ========== \u0647\u062f\u0631 \u0633\u06a9\u0634\u0646 ========== *\/\r\n        .about__header {\r\n            text-align: center;\r\n            margin-bottom: 48px;\r\n        }\r\n        .about__label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 0.78rem;\r\n            font-weight: 700;\r\n            color: var(--accent-dark);\r\n            background: rgba(255, 255, 255, 0.4);\r\n            backdrop-filter: blur(4px);\r\n            padding: 6px 16px;\r\n            border-radius: var(--radius-full);\r\n            margin-bottom: 16px;\r\n            letter-spacing: 0.04em;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n        .about__label-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 50%;\r\n            background-color: var(--accent);\r\n        }\r\n        .about__title {\r\n            font-size: clamp(1.6rem, 4vw, 2.1rem);\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.02em;\r\n            text-shadow: 0 2px 8px rgba(255, 255, 255, 0.3);\r\n        }\r\n        .about__title-accent {\r\n            color: var(--accent);\r\n        }\r\n        .about__subtitle {\r\n            font-size: 0.95rem;\r\n            color: var(--text-sub);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* ========== \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc (\u062f\u0648 \u0633\u062a\u0648\u0646\u0647) ========== *\/\r\n        .about__content {\r\n            display: flex;\r\n            gap: 48px;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .about__text {\r\n            flex: 1 1 500px;\r\n            min-width: 280px;\r\n        }\r\n        .about__text p {\r\n            font-size: 0.95rem;\r\n            color: var(--text-sub);\r\n            line-height: 2;\r\n            margin-bottom: 20px;\r\n        }\r\n        .about__text p:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n        .about__highlight {\r\n            color: var(--primary);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* ========== \u06a9\u0627\u0631\u062a \u0628\u0635\u0631\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc ========== *\/\r\n        .about__visual {\r\n            flex: 1 1 450px;\r\n            min-width: 280px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n        .about__visual-card {\r\n            width: 100%;\r\n            max-width: 440px;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border-radius: var(--radius-xl);\r\n            padding: 40px 32px;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 12px 32px rgba(0, 20, 10, 0.08);\r\n            color: var(--primary);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n        .about__visual-card:hover {\r\n            background: rgba(255, 255, 255, 0.45);\r\n            box-shadow: 0 16px 40px rgba(0, 20, 10, 0.12);\r\n            transform: translateY(-3px);\r\n        }\r\n        .about__visual-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -60px;\r\n            left: -60px;\r\n            width: 160px;\r\n            height: 160px;\r\n            background: rgba(30, 58, 138, 0.05);\r\n            border-radius: 50%;\r\n        }\r\n        .about__visual-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -30px;\r\n            right: -30px;\r\n            width: 100px;\r\n            height: 100px;\r\n            background: rgba(20, 184, 166, 0.10);\r\n            border-radius: 50%;\r\n        }\r\n        .about__visual-card-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n        .about__visual-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            background: rgba(30, 58, 138, 0.10);\r\n            backdrop-filter: blur(4px);\r\n            border-radius: var(--radius-md);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n        .about__visual-icon svg {\r\n            width: 32px;\r\n            height: 32px;\r\n            color: var(--primary);\r\n        }\r\n        .about__visual-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 800;\r\n            margin-bottom: 12px;\r\n            color: var(--primary);\r\n        }\r\n        .about__visual-text {\r\n            font-size: 0.9rem;\r\n            color: var(--text-sub);\r\n            line-height: 1.9;\r\n        }\r\n\r\n        \/* ========== \u0622\u0645\u0627\u0631 (\u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) ========== *\/\r\n        .about__stats {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            margin-top: 48px;\r\n            justify-content: center;\r\n        }\r\n        .about__stat-item {\r\n            flex: 1 1 200px;\r\n            min-width: 160px;\r\n            background: rgba(255, 255, 255, 0.35);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border-radius: var(--radius-lg);\r\n            padding: 24px 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);\r\n            transition: all var(--transition-smooth);\r\n        }\r\n        .about__stat-item:hover {\r\n            transform: translateY(-4px);\r\n            background: rgba(255, 255, 255, 0.55);\r\n            box-shadow: 0 16px 36px rgba(0, 20, 10, 0.08);\r\n            border-color: rgba(255, 255, 255, 0.8);\r\n        }\r\n        .about__stat-number {\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            color: var(--primary);\r\n            line-height: 1.2;\r\n            margin-bottom: 6px;\r\n        }\r\n        .about__stat-number--accent {\r\n            color: var(--accent);\r\n        }\r\n        .about__stat-label {\r\n            font-size: 0.85rem;\r\n            color: var(--text-sub);\r\n        }\r\n\r\n        \/* ========== \u0686\u0631\u0627 \u0645\u0627\u061f (\u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) ========== *\/\r\n        .about__features {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n            gap: 18px;\r\n            margin-top: 48px;\r\n        }\r\n        .about__feature {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 14px;\r\n            background: rgba(255, 255, 255, 0.35);\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n            border-radius: var(--radius-md);\r\n            padding: 20px 18px;\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n            transition: all var(--transition-smooth);\r\n        }\r\n        .about__feature:hover {\r\n            box-shadow: 0 12px 28px rgba(0, 20, 10, 0.06);\r\n            background: rgba(255, 255, 255, 0.55);\r\n            border-color: rgba(255, 255, 255, 0.8);\r\n            transform: translateY(-2px);\r\n        }\r\n        .about__feature-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: var(--radius-sm);\r\n            background: rgba(20, 184, 166, 0.15);\r\n            backdrop-filter: blur(4px);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            color: var(--accent);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n        .about__feature-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n        }\r\n        .about__feature-text {\r\n            flex: 1;\r\n        }\r\n        .about__feature-title {\r\n            font-size: 0.92rem;\r\n            font-weight: 800;\r\n            color: var(--primary);\r\n            margin-bottom: 4px;\r\n        }\r\n        .about__feature-desc {\r\n            font-size: 0.82rem;\r\n            color: var(--text-sub);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ========== CTA ========== *\/\r\n        .about__cta {\r\n            text-align: center;\r\n            margin-top: 48px;\r\n        }\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 13px 28px;\r\n            font-family: var(--font-main);\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            border-radius: var(--radius-full);\r\n            border: none;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n            transition: all var(--transition-smooth);\r\n            letter-spacing: 0.01em;\r\n            background: linear-gradient(135deg, var(--primary) 0%, #1e4fba 100%);\r\n            color: var(--white);\r\n            box-shadow: 0 6px 18px rgba(30, 58, 138, 0.3);\r\n        }\r\n        .btn:hover {\r\n            background: linear-gradient(135deg, var(--primary-dark) 0%, #1a3f8a 100%);\r\n            box-shadow: 0 8px 24px rgba(30, 58, 138, 0.4);\r\n            transform: translateY(-2px);\r\n        }\r\n        .btn:active {\r\n            transform: scale(0.96);\r\n        }\r\n        .btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n\r\n        \/* ========== \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ========== *\/\r\n        @media (max-width: 900px) {\r\n            .about {\r\n                padding: 48px 16px 56px;\r\n            }\r\n            .about__content {\r\n                gap: 32px;\r\n                flex-direction: column;\r\n            }\r\n            .about__visual-card {\r\n                padding: 32px 24px;\r\n            }\r\n            .about__stat-item {\r\n                min-width: 140px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .about {\r\n                padding: 36px 12px 40px;\r\n            }\r\n            .about__title {\r\n                font-size: 1.4rem;\r\n            }\r\n            .about__stat-item {\r\n                padding: 18px 14px;\r\n                min-width: 120px;\r\n            }\r\n            .about__stat-number {\r\n                font-size: 1.6rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ==================== ABOUT SECTION (\u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) ==================== -->\r\n    <section class=\"about\" aria-labelledby=\"about-heading\">\r\n        <div class=\"about__container\">\r\n\r\n            <!-- \u0647\u062f\u0631 \u0633\u06a9\u0634\u0646 -->\r\n            <div class=\"about__header\">\r\n                <span class=\"about__label\">\r\n                    <span class=\"about__label-dot\"><\/span>\r\n                    \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0645\u0627\r\n                <\/span>\r\n                <h2 class=\"about__title\" id=\"about-heading\">\r\n                    \u2139\ufe0f <span class=\"about__title-accent\">\u062f\u0631\u0628\u0627\u0631\u0647<\/span> \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc\r\n                <\/h2>\r\n                <p class=\"about__subtitle\">\r\n                    \u0627\u0632 \u0633\u0627\u0644 1402 \u0647\u0645\u0631\u0627\u0647 \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u067e\u0632\u0634\u06a9\u06cc \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0642\u0628\u0648\u0644\u06cc \u0622\u0632\u0645\u0648\u0646 \u062a\u062e\u0635\u0635\u06cc \u062f\u0633\u062a\u06cc\u0627\u0631\u06cc.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u0648\u0633\u062a\u0648\u0646\u0647 -->\r\n            <div class=\"about__content\">\r\n                <!-- \u0633\u062a\u0648\u0646 \u0645\u062a\u0646 -->\r\n                <div class=\"about__text\">\r\n                    <p>\r\n                        \u0645\u0648\u0633\u0633\u0647 <span class=\"about__highlight\">\u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/span> \u0628\u0627 \u0647\u062f\u0641 \u0627\u0631\u062a\u0642\u0627\u06cc \u0633\u0637\u062d \u0639\u0644\u0645\u06cc \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u067e\u0632\u0634\u06a9\u06cc \u0648 \u06a9\u0645\u06a9 \u0628\u0647 \u0645\u0648\u0641\u0642\u06cc\u062a \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u062f\u0633\u062a\u06cc\u0627\u0631\u06cc \u062a\u0623\u0633\u06cc\u0633 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0627 \u0628\u0627 \u06af\u0631\u062f\u0622\u0648\u0631\u06cc \u0628\u0631\u062a\u0631\u06cc\u0646 \u0627\u0633\u0627\u062a\u06cc\u062f \u0648 \u0645\u0634\u0627\u0648\u0631\u0627\u0646 \u06a9\u0634\u0648\u0631\u060c \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u06a9\u0627\u0645\u0644 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0622\u0645\u0648\u0632\u0634\u06cc\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0641\u0631\u062f\u06cc \u0648 \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645.\r\n                    <\/p>\r\n                    <p>\r\n                        \u062a\u06cc\u0645 \u0645\u0627 \u0645\u062a\u0634\u06a9\u0644 \u0627\u0632 <span class=\"about__highlight\">\u0631\u062a\u0628\u0647\u200c\u0647\u0627\u06cc \u062a\u06a9\u200c\u0631\u0642\u0645\u06cc \u0633\u0627\u0644\u200c\u0647\u0627\u06cc \u06af\u0630\u0634\u062a\u0647<\/span> \u0648 \u067e\u0632\u0634\u06a9\u0627\u0646 \u0645\u062a\u062e\u0635\u0635\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062e\u0648\u062f \u0627\u06cc\u0646 \u0645\u0633\u06cc\u0631 \u0631\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0637\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u0646\u062f \u0648 \u0627\u06a9\u0646\u0648\u0646 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0634\u0645\u0627 \u0647\u0633\u062a\u0646\u062f \u062a\u0627 \u062a\u062c\u0631\u0628\u0647 \u0648 \u062f\u0627\u0646\u0634 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u0646\u062f.\r\n                    <\/p>\r\n                    <p>\r\n                        \u0631\u0633\u0627\u0644\u062a \u0627\u0635\u0644\u06cc \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc <span class=\"about__highlight\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0622\u0633\u0627\u0646 \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u062f\u0642\u06cc\u0642<\/span> \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645\u06cc \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631 \u0627\u0633\u062a. \u0645\u0627 \u0645\u0639\u062a\u0642\u062f\u06cc\u0645 \u0647\u0631 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc \u0628\u0627\u0627\u0646\u06af\u06cc\u0632\u0647\u200c\u0627\u06cc \u0634\u0627\u06cc\u0633\u062a\u0647 \u0642\u0628\u0648\u0644\u06cc \u062f\u0631 \u0631\u0634\u062a\u0647 \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u062e\u0648\u062f \u0627\u0633\u062a.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- \u06a9\u0627\u0631\u062a \u0628\u0635\u0631\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc -->\r\n                <div class=\"about__visual\">\r\n                    <div class=\"about__visual-card\">\r\n                        <div class=\"about__visual-card-content\">\r\n                            <div class=\"about__visual-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"about__visual-title\">\u0645\u0627\u0645\u0648\u0631\u06cc\u062a \u0645\u0627<\/div>\r\n                            <p class=\"about__visual-text\">\r\n                                \u0647\u0645\u0648\u0627\u0631 \u06a9\u0631\u062f\u0646 \u0645\u0633\u06cc\u0631 \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0627\u0648\u0637\u0644\u0628\u0627\u0646 \u0622\u0632\u0645\u0648\u0646 \u062a\u062e\u0635\u0635\u06cc \u067e\u0632\u0634\u06a9\u06cc \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u06cc. \u0645\u0627 \u0628\u0627\u0648\u0631 \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u0645\u0648\u0641\u0642\u06cc\u062a \u0634\u0645\u0627\u060c \u0627\u0641\u062a\u062e\u0627\u0631 \u0645\u0627\u0633\u062a.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0622\u0645\u0627\u0631 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc -->\r\n            <div class=\"about__stats\">\r\n                <div class=\"about__stat-item\">\r\n                    <div class=\"about__stat-number\">\u06f3<span style=\"font-size:1.2rem;\">+<\/span><\/div>\r\n                    <div class=\"about__stat-label\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc<\/div>\r\n                <\/div>\r\n                <div class=\"about__stat-item\">\r\n                    <div class=\"about__stat-number about__stat-number--accent\">\u06f1\u06f0\u06f0<span style=\"font-size:1.2rem;\">+<\/span><\/div>\r\n                    <div class=\"about__stat-label\">\u062f\u0627\u0646\u0634\u062c\u0648\u06cc \u0645\u0648\u0641\u0642<\/div>\r\n                <\/div>\r\n                <div class=\"about__stat-item\">\r\n                    <div class=\"about__stat-number\">\u06f2\u06f0<span style=\"font-size:1.2rem;\">+<\/span><\/div>\r\n                    <div class=\"about__stat-label\">\u0639\u0646\u0648\u0627\u0646 \u06a9\u062a\u0627\u0628 \u062a\u062e\u0635\u0635\u06cc<\/div>\r\n                <\/div>\r\n                <div class=\"about__stat-item\">\r\n                    <div class=\"about__stat-number about__stat-number--accent\">100<span style=\"font-size:1rem;\">\u066a<\/span><\/div>\r\n                    <div class=\"about__stat-label\">\u0631\u0636\u0627\u06cc\u062a \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0686\u0631\u0627 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc\u061f (\u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) -->\r\n            <div class=\"about__features\">\r\n                <div class=\"about__feature\">\r\n                    <div class=\"about__feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/>\r\n                            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"about__feature-text\">\r\n                        <div class=\"about__feature-title\">\u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0647\u200c\u0631\u0648\u0632 \u0648 \u062a\u0636\u0645\u06cc\u0646\u06cc<\/div>\r\n                        <div class=\"about__feature-desc\">\u0645\u0646\u0627\u0628\u0639 \u06a9\u0627\u0645\u0644\u0627\u064b \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0622\u062e\u0631\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0622\u0632\u0645\u0648\u0646 \u062f\u0633\u062a\u06cc\u0627\u0631\u06cc.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"about__feature\">\r\n                    <div class=\"about__feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/>\r\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                            <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/>\r\n                            <path d=\"M16 3.13a4 4 0 010 7.75\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"about__feature-text\">\r\n                        <div class=\"about__feature-title\">\u0645\u0634\u0627\u0648\u0631\u0627\u0646 \u0631\u062a\u0628\u0647 \u0628\u0631\u062a\u0631<\/div>\r\n                        <div class=\"about__feature-desc\">\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0648\u0633\u0637 \u067e\u0632\u0634\u06a9\u0627\u0646\u06cc \u06a9\u0647 \u062e\u0648\u062f \u0631\u062a\u0628\u0647\u200c\u0647\u0627\u06cc \u062a\u06a9\u200c\u0631\u0642\u0645\u06cc \u06a9\u0633\u0628 \u06a9\u0631\u062f\u0647\u200c\u0627\u0646\u062f.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"about__feature\">\r\n                    <div class=\"about__feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                            <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\r\n                            <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"about__feature-text\">\r\n                        <div class=\"about__feature-title\">\u067e\u0644\u062a\u0641\u0631\u0645 \u0622\u0646\u0644\u0627\u06cc\u0646 \u062c\u0627\u0645\u0639<\/div>\r\n                        <div class=\"about__feature-desc\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0622\u0632\u0645\u0648\u0646\u200c\u0647\u0627\u060c \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u0648 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u062f\u0631\u0633\u06cc \u062f\u0631 \u06cc\u06a9 \u062c\u0627.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"about__feature\">\r\n                    <div class=\"about__feature-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\r\n                            <path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"about__feature-text\">\r\n                        <div class=\"about__feature-title\">\u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u0635\u0641\u0627\u0646\u0647<\/div>\r\n                        <div class=\"about__feature-desc\">\u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u06cc \u0648 \u0627\u0645\u06a9\u0627\u0646 \u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0642\u0633\u0627\u0637\u06cc.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u062f\u06a9\u0645\u0647 CTA \u0628\u0627 \u0644\u06cc\u0646\u06a9 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 -->\r\n            <div class=\"about__cta\">\r\n                <a href=\"https:\/\/residentology.ir\/?page_id=2450\" class=\"btn\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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                    \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\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<div class=\"wd-negative-gap elementor-element elementor-element-1bd89dc e-flex e-con-boxed e-con e-parent\" data-id=\"1bd89dc\" 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-a531d34 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a531d34\" 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=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>CTA \u0646\u0647\u0627\u06cc\u06cc | \u0645\u0648\u0633\u0633\u0647 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc<\/title>\r\n    <style>\r\n        \/* ========== RESET & ROOT ========== *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        :root {\r\n            --primary: #065f46;        \/* \u0633\u0628\u0632 \u062a\u06cc\u0631\u0647 *\/\r\n            --primary-light: #34d399;\r\n            --primary-dark: #064e3b;\r\n            --background: #ecfdf5;      \/* \u0633\u0628\u0632 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0644\u0627\u06cc\u0645 \u0628\u0631\u0627\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\r\n            --surface: #F3F4F6;\r\n            --accent: #10b981;\r\n            --accent-dark: #059669;\r\n            --accent-soft: #d1fae5;\r\n            --text-main: #374151;\r\n            --text-sub: #6B7280;\r\n            --white: #FFFFFF;\r\n            --shadow-sm: 0 2px 6px rgba(0,0,0,0.05);\r\n            --shadow-md: 0 8px 20px rgba(0,0,0,0.08);\r\n            --shadow-lg: 0 14px 30px rgba(6, 95, 70, 0.15);\r\n            --shadow-accent: 0 8px 22px rgba(16, 185, 129, 0.25);\r\n            --radius-sm: 10px;\r\n            --radius-md: 14px;\r\n            --radius-lg: 20px;\r\n            --radius-full: 50px;\r\n            --font-main: 'IRANSans', 'Tahoma', 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n            --transition-fast: 0.2s cubic-bezier(0.4,0,0.2,1);\r\n            --transition-smooth: 0.3s cubic-bezier(0.4,0,0.2,1);\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-main);\r\n            background-color: #ecfdf5;\r\n            color: var(--text-main);\r\n            line-height: 1.7;\r\n            direction: rtl;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            overflow-x: hidden; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc *\/\r\n        }\r\n\r\n        \/* ========== CTA SECTION (\u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0633\u0628\u0632) ========== *\/\r\n        .cta-final {\r\n            width: 100vw;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw;\r\n            margin-right: -50vw;\r\n            padding: 64px 24px 56px;\r\n            background: rgba(255, 255, 255, 0.30);\r\n            backdrop-filter: blur(16px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n            border: 1px solid rgba(255, 255, 255, 0.5);\r\n            box-shadow: 0 30px 60px rgba(6, 95, 70, 0.10),\r\n                        0 10px 20px rgba(0, 0, 0, 0.04),\r\n                        inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* \u0644\u0627\u06cc\u0647\u0654 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0633\u0628\u0632 *\/\r\n        .cta-final::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -80px;\r\n            right: -80px;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n        .cta-final::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -60px;\r\n            left: -60px;\r\n            width: 240px;\r\n            height: 240px;\r\n            background: radial-gradient(circle, rgba(52, 211, 153, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u062e\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc \u0628\u0627\u0644\u0627\u06cc \u0633\u06a9\u0634\u0646 *\/\r\n        .cta-final__deco-line {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #065f46 0%, #10b981 100%);\r\n            border-radius: 0 0 4px 4px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .cta-final__container {\r\n            max-width: 820px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .cta-final__title {\r\n            font-size: clamp(1.7rem, 5vw, 2.4rem);\r\n            font-weight: 900;\r\n            color: #064e3b;\r\n            line-height: 1.5;\r\n            margin-bottom: 16px;\r\n            letter-spacing: -0.01em;\r\n            text-shadow: 0 2px 8px rgba(255, 255, 255, 0.2);\r\n        }\r\n        .cta-final__title-accent {\r\n            color: #059669;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        .cta-final__title-accent::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 2px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 8px;\r\n            background-color: rgba(16, 185, 129, 0.2);\r\n            border-radius: 2px;\r\n            z-index: -1;\r\n        }\r\n\r\n        .cta-final__subtitle {\r\n            font-size: 1rem;\r\n            color: #4b5563;\r\n            line-height: 1.9;\r\n            max-width: 620px;\r\n            margin: 0 auto 36px;\r\n        }\r\n\r\n        \/* ========== \u06af\u0631\u0648\u0647 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 ========== *\/\r\n        .cta-final__actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 14px;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 14px 32px;\r\n            font-family: var(--font-main);\r\n            font-size: 0.92rem;\r\n            font-weight: 700;\r\n            border-radius: var(--radius-full);\r\n            border: none;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            white-space: nowrap;\r\n            transition: all var(--transition-smooth);\r\n            letter-spacing: 0.02em;\r\n            box-shadow: 0 6px 16px rgba(0,0,0,0.08);\r\n        }\r\n        .btn:active {\r\n            transform: scale(0.96);\r\n        }\r\n\r\n        .btn--primary-cta {\r\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n            color: var(--white);\r\n            box-shadow: 0 8px 22px rgba(16, 185, 129, 0.35);\r\n        }\r\n        .btn--primary-cta:hover {\r\n            background: linear-gradient(135deg, #059669 0%, #047857 100%);\r\n            box-shadow: 0 10px 28px rgba(16, 185, 129, 0.45);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn--outline-green {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(4px);\r\n            color: #064e3b;\r\n            border: 2px solid rgba(16, 185, 129, 0.4);\r\n        }\r\n        .btn--outline-green:hover {\r\n            background: rgba(255, 255, 255, 0.5);\r\n            border-color: #10b981;\r\n            color: #065f46;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 18px rgba(16, 185, 129, 0.15);\r\n        }\r\n\r\n        .btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n\r\n        \/* ========== \u0627\u0644\u0645\u0627\u0646 \u0627\u0639\u062a\u0645\u0627\u062f ========== *\/\r\n        .cta-final__trust {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px 28px;\r\n            color: #4b5563;\r\n            font-size: 0.82rem;\r\n        }\r\n        .cta-final__trust-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n        .cta-final__trust-icon {\r\n            width: 18px;\r\n            height: 18px;\r\n            color: #10b981;\r\n        }\r\n\r\n        \/* ========== \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ========== *\/\r\n        @media (max-width: 600px) {\r\n            .cta-final {\r\n                padding: 40px 16px 32px;\r\n            }\r\n            .cta-final__title {\r\n                font-size: 1.5rem;\r\n            }\r\n            .btn {\r\n                padding: 12px 24px;\r\n                font-size: 0.85rem;\r\n            }\r\n            .cta-final__actions {\r\n                gap: 10px;\r\n            }\r\n        }\r\n        @media (max-width: 400px) {\r\n            .cta-final {\r\n                padding: 32px 12px 28px;\r\n            }\r\n            .cta-final__trust {\r\n                gap: 8px 16px;\r\n                font-size: 0.75rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ==================== FINAL CTA SECTION (\u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 \u0628\u0627 \u062d\u0627\u0634\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc) ==================== -->\r\n    <section class=\"cta-final\" aria-labelledby=\"cta-heading\">\r\n        <div class=\"cta-final__deco-line\"><\/div>\r\n        <div class=\"cta-final__container\">\r\n\r\n            <h2 class=\"cta-final__title\" id=\"cta-heading\">\r\n                \ud83d\ude80 \u0622\u0645\u0627\u062f\u0647\u200c\u0627\u06cc \u06a9\u0647 <span class=\"cta-final__title-accent\">\u062a\u062e\u0635\u0635 \u0631\u0648\u06cc\u0627\u0647\u0627\u062a<\/span> \u0631\u0648 \u0628\u06af\u06cc\u0631\u06cc\u061f\r\n            <\/h2>\r\n            <p class=\"cta-final__subtitle\">\r\n                \u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u062e\u0648\u062f \u0631\u0627 \u0631\u0632\u0631\u0648 \u06a9\u0646 \u0648 \u0642\u062f\u0645 \u0627\u0648\u0644 \u0631\u0627 \u0628\u0647\u200c\u0633\u0645\u062a \u0642\u0628\u0648\u0644\u06cc \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u062a\u062e\u0635\u0635\u06cc \u067e\u0632\u0634\u06a9\u06cc \u0645\u062d\u06a9\u0645 \u0628\u0631\u062f\u0627\u0631. \u0645\u0627 \u062a\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u06a9\u0627\u0645\u0644 \u06a9\u0646\u0627\u0631\u062a \u0647\u0633\u062a\u06cc\u0645.\r\n            <\/p>\r\n\r\n            <div class=\"cta-final__actions\">\r\n                <a href=\"https:\/\/residentology.ir\/?page_id=2438\" class=\"btn btn--primary-cta\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n                        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n                        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n                        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n                    <\/svg>\r\n                    \u0631\u0632\u0631\u0648 \u0645\u0634\u0627\u0648\u0631\u0647\r\n                <\/a>\r\n                <a href=\"https:\/\/residentology.ir\/?post_type=product\" class=\"btn btn--outline-green\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n                        <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n                    <\/svg>\r\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"cta-final__trust\">\r\n                <div class=\"cta-final__trust-item\">\r\n                    <svg class=\"cta-final__trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/>\r\n                        <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n                    <\/svg>\r\n                    <span>\u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0648\u0644\u06cc\u0647<\/span>\r\n                <\/div>\r\n                <div class=\"cta-final__trust-item\">\r\n                    <svg class=\"cta-final__trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                        <polyline points=\"12 6 12 12 16 14\"\/>\r\n                    <\/svg>\r\n                    <span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647<\/span>\r\n                <\/div>\r\n                <div class=\"cta-final__trust-item\">\r\n                    <svg class=\"cta-final__trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/>\r\n                    <\/svg>\r\n                    <span>\u062a\u0636\u0645\u06cc\u0646 \u0628\u0627\u0632\u06af\u0634\u062a \u0648\u062c\u0647<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\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>\u0628\u06cc\u0634 \u0627\u0632 \u06f5\u06f0\u06f0 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc \u0645\u0648\u0641\u0642 \u0642\u0628\u0648\u0644\u06cc \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u062a\u062e\u0635\u0635\u06cc \u067e\u0632\u0634\u06a9\u06cc \u0628\u0627 \u0631\u0632\u06cc\u062f\u0646\u062a\u0648\u0644\u0648\u0698\u06cc \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639 \u0631\u0632\u06cc\u062f\u0646\u062a\u06cc\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u0627 \u0631\u062a\u0628\u0647\u200c\u0647\u0627\u06cc \u0628\u0631\u062a\u0631 \u0648<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/residentology.ir\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/residentology.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/residentology.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/residentology.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/residentology.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":124,"href":"https:\/\/residentology.ir\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":2597,"href":"https:\/\/residentology.ir\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/2597"}],"wp:attachment":[{"href":"https:\/\/residentology.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}