{"id":179,"date":"2026-03-10T16:08:20","date_gmt":"2026-03-10T15:08:20","guid":{"rendered":"https:\/\/roaafarsha.com\/?page_id=179"},"modified":"2026-03-23T18:36:10","modified_gmt":"2026-03-23T17:36:10","slug":"%d8%ac%d9%85%d9%8a%d8%b9-%d8%a7%d9%84%d8%b9%d9%88%d8%a7%d8%a6%d9%84","status":"publish","type":"page","link":"https:\/\/roaafarsha.com\/en\/%d8%ac%d9%85%d9%8a%d8%b9-%d8%a7%d9%84%d8%b9%d9%88%d8%a7%d8%a6%d9%84\/","title":{"rendered":"All Families"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0639\u0648\u0627\u0626\u0644 \u0631\u0624\u0649 \u0627\u0644\u0641\u0631\u0634\u0629 - Hero<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n \/* Import IBM Plex Sans Arabic *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');\r\n\r\n :root {\r\n \/* Luxury Palette *\/\r\n --hero-olive: #7b8446;\r\n --hero-olive-dark: #2a2e15;\r\n --hero-gold: #b87b41;\r\n --hero-gold-bright: #d4b483;\r\n --hero-white: #ffffff;\r\n --hero-dark: #0f110a;\r\n --hero-overlay: rgba(10, 12, 8, 0.75);\r\n \r\n \/* Font *\/\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .rf-hero-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 90vh;\r\n min-height: 700px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n font-family: var(--hero-font);\r\n background-color: var(--hero-dark);\r\n }\r\n\r\n \/* Background Image with slow zoom *\/\r\n .rf-hero-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n \/* \u2705 \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0631\u0627\u0628\u0637 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0647\u0646\u0627 *\/\r\n background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https:\/\/roaafarsha.com\/wp-content\/uploads\/2026\/03\/\u062e\u0644\u0641\u064a\u0629-\u0644\u0645\u0627\u0630\u0627-\u0627\u0644\u0641\u0631\u0634\u0629.webp');\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 1;\r\n transform: scale(1.1);\r\n animation: slowPanning 30s infinite alternate ease-in-out;\r\n }\r\n\r\n @keyframes slowPanning {\r\n from { transform: scale(1.05) translate(0, 0); }\r\n to { transform: scale(1.15) translate(-1%, -1%); }\r\n }\r\n\r\n \/* Gradient Overlay *\/\r\n .rf-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at center, transparent 20%, var(--hero-dark) 95%),\r\n linear-gradient(to bottom, rgba(0,0,0,0.4), var(--hero-dark));\r\n z-index: 2;\r\n }\r\n\r\n \/* Content Container *\/\r\n .rf-hero-container {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1100px;\r\n width: 100%;\r\n padding: 0 30px;\r\n text-align: center;\r\n color: var(--hero-white);\r\n }\r\n\r\n \/* Badge *\/\r\n .rf-hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(123, 132, 70, 0.2);\r\n border: 1px solid rgba(123, 132, 70, 0.4);\r\n color: var(--hero-gold-bright);\r\n padding: 10px 24px;\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n margin-bottom: 30px;\r\n backdrop-filter: blur(8px);\r\n animation: fadeInDown 1s ease-out;\r\n }\r\n\r\n \/* Title *\/\r\n .rf-hero-title {\r\n font-size: clamp(36px, 6vw, 64px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n color: var(--hero-white);\r\n animation: fadeInUp 1s ease-out 0.2s both;\r\n }\r\n\r\n .rf-hero-title span {\r\n color: var(--hero-gold);\r\n position: relative;\r\n }\r\n\r\n \/* Description *\/\r\n .rf-hero-description {\r\n font-size: clamp(17px, 2vw, 22px);\r\n line-height: 1.8;\r\n max-width: 850px;\r\n margin: 0 auto 50px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 400;\r\n animation: fadeInUp 1s ease-out 0.4s both;\r\n }\r\n\r\n \/* Stats Bar *\/\r\n .rf-hero-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 30px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border-radius: 24px;\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n backdrop-filter: blur(15px);\r\n animation: fadeInUp 1s ease-out 0.6s both;\r\n }\r\n\r\n .rf-stat-box {\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .rf-stat-box:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n left: -10px;\r\n top: 20%;\r\n height: 60%;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .rf-stat-number {\r\n display: block;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: var(--hero-gold);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .rf-stat-label {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.6);\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Scroll Down Indicator *\/\r\n .rf-scroll-hint {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 10;\r\n color: var(--hero-white);\r\n text-align: center;\r\n animation: bounce 2s infinite;\r\n opacity: 0.7;\r\n font-size: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\r\n 40% { transform: translateY(-10px) translateX(-50%); }\r\n 60% { transform: translateY(-5px) translateX(-50%); }\r\n }\r\n\r\n \/* Standard Animations *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .rf-hero-wrapper { height: auto; padding: 100px 0 60px 0; }\r\n .rf-hero-stats { grid-template-columns: 1fr; gap: 40px; padding: 40px 20px; }\r\n .rf-stat-box:not(:last-child)::after { display: none; }\r\n .rf-hero-title { font-size: 38px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rf-hero-wrapper\">\r\n <div class=\"rf-hero-bg\"><\/div>\r\n <div class=\"rf-hero-overlay\"><\/div>\r\n\r\n <div class=\"rf-hero-container\">\r\n \r\n <div class=\"rf-hero-badge\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n \u0645\u062c\u062a\u0645\u0639 \u0643\u0631\u0645 \u0627\u0644\u0636\u064a\u0627\u0641\u0629 \u0641\u064a \u0627\u0644\u0641\u0631\u0634\u0629\r\n <\/div>\r\n\r\n <h1 class=\"rf-hero-title\">\r\n \u062d\u0644\u0644\u062a \u0623\u0647\u0644\u0627\u064b \u0648\u0648\u0637\u0626\u062a <span>\u0633\u0647\u0644\u0627\u064b<\/span> <br> \u0641\u064a \u0628\u064a\u0648\u062a\u0646\u0627 \u0627\u0644\u0639\u0627\u0645\u0631\u0629\r\n <\/h1>\r\n\r\n <p class=\"rf-hero-description\">\r\n \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0639\u0648\u0627\u0626\u0644 \u0627\u0644\u0645\u0633\u062a\u0636\u064a\u0641\u0629 \u0627\u0644\u062a\u064a \u062a\u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628\u0647\u0627 \u0648\u0642\u0644\u0648\u0628\u0647\u0627 \u0644\u0645\u0634\u0627\u0631\u0643\u062a\u0643\u0645 \u0625\u0631\u062b \u0627\u0644\u0623\u062c\u062f\u0627\u062f\u060c \u0648\u062a\u0630\u0648\u0642 \u0637\u0639\u0645 \u0627\u0644\u0623\u0635\u0627\u0644\u0629 \u0641\u064a \u0643\u0644 \u0632\u0627\u0648\u064a\u0629 \u0645\u0646 \u0632\u0648\u0627\u064a\u0627 \u0645\u0646\u0627\u0632\u0644\u0646\u0627 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"rf-hero-stats\">\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">20+<\/span>\r\n <span class=\"rf-stat-label\">\u0639\u0627\u0626\u0644\u0629 \u0645\u0633\u062a\u0636\u064a\u0641\u0629<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">12<\/span>\r\n <span class=\"rf-stat-label\">\u062d\u064a \u0633\u0643\u0646\u064a \u062a\u0631\u0627\u062b\u064a<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">100%<\/span>\r\n <span class=\"rf-stat-label\">\u0643\u0631\u0645 \u0636\u064a\u0627\u0641\u0629 \u0645\u062d\u0644\u064a<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b12c14c elementor-widget elementor-widget-shortcode\" data-id=\"b12c14c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <style>\n :root{\n --p-olive:#848c5c;\n --p-dark:#1a1a1b;\n --p-gray:#6b7280;\n --p-border:#eee;\n --p-bg:#fcfcfc;\n --p-card:#ffffff;\n --p-soft:#f7f7f3;\n --p-shadow: 0 14px 40px rgba(0,0,0,0.08);\n --p-shadow-soft: 0 6px 24px rgba(0,0,0,0.05);\n --r: 22px;\n --t: all .25s cubic-bezier(.2,.8,.2,1);\n }\n\n .fam-filter-page{\n padding:40px 0;\n background:var(--p-bg);\n }\n\n .fam-filter-page[dir=\"rtl\"]{\n direction: rtl;\n text-align: right;\n }\n\n .fam-filter-page[dir=\"ltr\"]{\n direction: ltr;\n text-align: left;\n }\n\n .filter-container{\n max-width:1400px;\n margin:0 auto;\n padding:0 18px;\n display:grid;\n grid-template-columns: 320px 1fr;\n gap:26px;\n }\n\n .filter-sidebar{\n height:fit-content;\n position:sticky;\n top:18px;\n }\n\n .filter-toggle{\n display:none;\n justify-content:space-between;\n align-items:center;\n background:var(--p-olive);\n color:#fff;\n padding:14px 20px;\n border-radius:16px;\n font-weight:800;\n font-size:16px;\n cursor:pointer;\n box-shadow:var(--p-shadow-soft);\n margin-bottom:15px;\n transition:var(--t);\n }\n .filter-toggle:hover{\n background:var(--p-dark);\n }\n .filter-toggle i.toggle-icon{\n transition:transform 0.3s;\n }\n .filter-toggle.is-open i.toggle-icon{\n transform:rotate(180deg);\n }\n\n .filter-content{\n display:block;\n background:var(--p-card);\n border:1px solid var(--p-border);\n border-radius:var(--r);\n padding:20px;\n box-shadow: var(--p-shadow-soft);\n }\n\n .filter-group{\n padding-bottom:18px;\n margin-bottom:18px;\n border-bottom:1px solid #f2f2f2;\n }\n .filter-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}\n\n .filter-title{\n font-size:14px;\n font-weight:800;\n color:var(--p-dark);\n display:flex;\n align-items:center;\n gap:10px;\n margin-bottom:12px;\n }\n\n .chip-grid{display:flex;flex-wrap:wrap;gap:10px;}\n .chip{position:relative;}\n .chip input{position:absolute;opacity:0;pointer-events:none;}\n .chip label{\n display:flex;align-items:center;gap:8px;\n padding:10px 12px;border-radius:14px;\n border:1px solid #ececec;background:#fff;\n color:var(--p-dark);\n font-weight:800;font-size:13px;\n cursor:pointer;transition:var(--t);\n user-select:none;white-space:nowrap;\n }\n .chip label:hover{\n transform: translateY(-1px);\n border-color: rgba(132,140,92,.35);\n background: rgba(132,140,92,.08);\n }\n .chip input:checked + label{\n background: var(--p-olive);\n border-color: var(--p-olive);\n color:#fff;\n box-shadow: 0 10px 22px rgba(132,140,92,.22);\n }\n\n .feat-list{display:flex;flex-direction:column;gap:10px;}\n .feat-list label{\n display:flex;align-items:center;gap:10px;\n cursor:pointer;color:var(--p-gray);\n font-size:14px;font-weight:600;\n }\n .feat-list input{width:18px;height:18px;accent-color: var(--p-olive);}\n\n .hint{font-size:12px;color:#9aa0a6;margin-top:10px;line-height:1.6;}\n\n .results-grid{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n gap:18px;\n align-items:stretch;\n }\n\n @media (max-width: 1200px){\n .results-grid{grid-template-columns: repeat(2, 1fr);}\n }\n\n @media (max-width: 1100px){\n .filter-container{grid-template-columns: 1fr;}\n .filter-sidebar{position:relative; top:auto;}\n\n .filter-toggle{\n display:flex;\n }\n .filter-content{\n display:none;\n }\n .filter-content.is-open{\n display:block;\n animation: fadeDown 0.3s ease-out forwards;\n }\n }\n\n @keyframes fadeDown {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (max-width: 720px){\n .results-grid{grid-template-columns: 1fr;}\n }\n\n .card-v6{\n background:var(--p-card);\n border:1px solid #f0f0f0;\n border-radius:26px;\n overflow:hidden;\n box-shadow: var(--p-shadow-soft);\n transition: var(--t);\n display:flex;\n flex-direction:column;\n min-height:100%;\n }\n .card-v6:hover{transform: translateY(-6px);box-shadow: var(--p-shadow);}\n\n .card-media{position:relative;height:260px;overflow:hidden;background:#ddd;}\n .card-media img{\n width:100%;height:100%;\n object-fit:cover;\n transform: scale(1.01);\n transition: transform .6s cubic-bezier(.2,.8,.2,1);\n }\n .card-v6:hover .card-media img{transform: scale(1.06);}\n\n .card-body{\n padding:18px 18px 16px;\n display:flex;flex-direction:column;gap:12px;flex:1;\n }\n\n .title{margin:0;font-size:18px;font-weight:900;color: var(--p-dark);line-height:1.4;}\n .subtitle{margin:0;color: var(--p-gray);font-size:13px;line-height:1.7;}\n\n .meta-line{\n display:flex;flex-wrap:wrap;gap:10px 14px;\n color:#6b7280;font-size:13px;align-items:center;\n }\n .meta-line span{\n display:inline-flex;align-items:center;gap:8px;\n background: var(--p-soft);\n border:1px solid #f0f0f0;\n padding:8px 10px;border-radius:14px;\n font-weight:800;\n }\n .meta-line i{color: var(--p-olive);}\n\n .icons{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px;}\n .ic{\n width:44px;height:44px;border-radius:14px;\n display:flex;align-items:center;justify-content:center;\n background: var(--p-soft);\n border:1px solid #f0f0f0;\n color: var(--p-olive);\n transition: var(--t);\n }\n .ic.disabled{color:#c9c9c9;opacity:.7;}\n .ic:hover{transform: translateY(-2px);background: rgba(132,140,92,.10);border-color: rgba(132,140,92,.22);}\n\n .card-footer{\n padding:14px 18px 18px;\n display:flex;align-items:center;justify-content:space-between;gap:12px;\n border-top:1px solid #f3f3f3;\n }\n\n .btn-view{\n display:inline-flex;align-items:center;gap:10px;\n padding:12px 16px;border-radius:16px;\n background: var(--p-olive);\n color:#fff !important;\n text-decoration:none;font-weight:900;font-size:14px;\n transition: var(--t);\n box-shadow: 0 12px 22px rgba(132,140,92,.18);\n white-space:nowrap;\n }\n .btn-view:hover{background: var(--p-dark);transform: translateY(-2px);box-shadow: 0 16px 30px rgba(0,0,0,.14);}\n\n #fam-loader{display:none;text-align:center;padding:90px 0;color: var(--p-olive);}\n <\/style>\n\n <div class=\"fam-filter-page\" dir=\"ltr\" lang=\"en_us\">\n <div class=\"filter-container\">\n\n <aside class=\"filter-sidebar\">\n\n <div class=\"filter-toggle\" id=\"filterToggleBtn\">\n <span>\n <i class=\"fa-solid fa-filter\"><\/i>\n Filter Results <\/span>\n <i class=\"fa-solid fa-chevron-down toggle-icon\"><\/i>\n <\/div>\n\n <div class=\"filter-content\" id=\"filterContent\">\n <form id=\"fam-filter-form\">\n <input type=\"hidden\" name=\"lang\" value=\"en_us\">\n\n <div class=\"filter-group\">\n <div class=\"filter-title\">\n <i class=\"fa-solid fa-people-roof\"><\/i>\n Family Size <\/div>\n\n <div class=\"chip-grid\">\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_all\" name=\"family_size\" value=\"\" checked>\n <label for=\"fs_all\">\n <i class=\"fa-solid fa-layer-group\"><\/i>\n All <\/label>\n <\/div>\n\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_2\" name=\"family_size\" value=\"2\">\n <label for=\"fs_2\">\n <i class=\"fa-solid fa-users\"><\/i>\n 2+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_3\" name=\"family_size\" value=\"3\">\n <label for=\"fs_3\">\n <i class=\"fa-solid fa-users\"><\/i>\n 3+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_4\" name=\"family_size\" value=\"4\">\n <label for=\"fs_4\">\n <i class=\"fa-solid fa-users\"><\/i>\n 4+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_5\" name=\"family_size\" value=\"5\">\n <label for=\"fs_5\">\n <i class=\"fa-solid fa-users\"><\/i>\n 5+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_6\" name=\"family_size\" value=\"6\">\n <label for=\"fs_6\">\n <i class=\"fa-solid fa-users\"><\/i>\n 6+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_7\" name=\"family_size\" value=\"7\">\n <label for=\"fs_7\">\n <i class=\"fa-solid fa-users\"><\/i>\n 7+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_8\" name=\"family_size\" value=\"8\">\n <label for=\"fs_8\">\n <i class=\"fa-solid fa-users\"><\/i>\n 8+\n <\/label>\n <\/div>\n <div class=\"chip\">\n <input type=\"radio\" id=\"fs_10\" name=\"family_size\" value=\"10\">\n <label for=\"fs_10\">\n <i class=\"fa-solid fa-users\"><\/i>\n 10+\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"hint\">\n This filter shows families whose members count is greater than or equal to the selected number. <\/div>\n <\/div>\n\n <div class=\"filter-group\">\n <div class=\"filter-title\">\n <i class=\"fa-solid fa-shield-check\"><\/i>\n Verification Status <\/div>\n\n <div class=\"chip-grid\">\n <div class=\"chip\">\n <input type=\"radio\" id=\"ver_all\" name=\"verification\" value=\"\" checked>\n <label for=\"ver_all\">\n <i class=\"fa-solid fa-layer-group\"><\/i>\n All <\/label>\n <\/div>\n\n <div class=\"chip\">\n <input type=\"radio\" id=\"ver_ok\" name=\"verification\" value=\"approved\">\n <label for=\"ver_ok\">\n <i class=\"fa-solid fa-circle-check\"><\/i>\n Verified <\/label>\n <\/div>\n\n <div class=\"chip\">\n <input type=\"radio\" id=\"ver_pending\" name=\"verification\" value=\"pending\">\n <label for=\"ver_pending\">\n <i class=\"fa-regular fa-clock\"><\/i>\n Under Review <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"filter-group\">\n <div class=\"filter-title\">\n <i class=\"fa-solid fa-sliders\"><\/i>\n Family Preferences <\/div>\n\n <div class=\"feat-list\">\n <label>\n <input type=\"checkbox\" name=\"kid_friendly\" value=\"1\">\n Kid Friendly <\/label>\n\n <label>\n <input type=\"checkbox\" name=\"pet_friendly\" value=\"1\">\n Pet Friendly <\/label>\n\n <label>\n <input type=\"checkbox\" name=\"smoking_allowed\" value=\"1\">\n Smoking Allowed <\/label>\n <\/div>\n <\/div>\n\n <\/form>\n <\/div>\n <\/aside>\n\n <main>\n <div id=\"fam-results\" class=\"results-grid\"><\/div>\n <div id=\"fam-loader\"><i class=\"fa-solid fa-spinner fa-spin fa-3x\"><\/i><\/div>\n <\/main>\n\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const form = document.getElementById('fam-filter-form');\n const results = document.getElementById('fam-results');\n const loader = document.getElementById('fam-loader');\n\n const filterToggleBtn = document.getElementById('filterToggleBtn');\n const filterContent = document.getElementById('filterContent');\n\n if (filterToggleBtn && filterContent) {\n filterToggleBtn.addEventListener('click', () => {\n filterToggleBtn.classList.toggle('is-open');\n filterContent.classList.toggle('is-open');\n });\n }\n\n function fetchFamilies(){\n results.style.opacity = '0.35';\n loader.style.display = 'block';\n\n const params = new URLSearchParams(new FormData(form)).toString();\n\n fetch('https:\/\/roaafarsha.com\/wp-admin\/admin-ajax.php?action=filter_families_v4&' + params, {\n credentials: 'same-origin'\n })\n .then(r => r.text())\n .then(html => {\n results.innerHTML = html;\n results.style.opacity = '1';\n loader.style.display = 'none';\n })\n .catch(() => {\n results.style.opacity = '1';\n loader.style.display = 'none';\n });\n }\n\n form.querySelectorAll('input, select').forEach(el => el.addEventListener('change', fetchFamilies));\n\n fetchFamilies();\n });\n <\/script>\n <\/div>\n\t\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>\u0639\u0648\u0627\u0626\u0644 \u0631\u0624\u0649 \u0627\u0644\u0641\u0631\u0634\u0629 – Hero \u0645\u062c\u062a\u0645\u0639 \u0643\u0631\u0645 \u0627\u0644\u0636\u064a\u0627\u0641\u0629 \u0641\u064a \u0627\u0644\u0641\u0631\u0634\u0629 \u062d\u0644\u0644\u062a \u0623\u0647\u0644\u0627\u064b \u0648\u0648\u0637\u0626\u062a \u0633\u0647\u0644\u0627\u064b \u0641\u064a \u0628\u064a\u0648\u062a\u0646\u0627 \u0627\u0644\u0639\u0627\u0645\u0631\u0629 \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0639\u0648\u0627\u0626\u0644 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":13,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":608,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/179\/revisions\/608"}],"wp:attachment":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}