{"id":175,"date":"2026-03-10T16:07:59","date_gmt":"2026-03-10T15:07:59","guid":{"rendered":"https:\/\/roaafarsha.com\/?page_id=175"},"modified":"2026-03-24T11:07:56","modified_gmt":"2026-03-24T10:07:56","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/roaafarsha.com\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"About Us"},"content":{"rendered":"
\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 About Us Hero - Roaa Farsha<\/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 \/* \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@300;400;600;700&display=swap');\r\n\r\n .rf-hero-wrapper {\r\n \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0645\u062d\u0635\u0648\u0631 \u0647\u0646\u0627 \u0641\u0642\u0637 *\/\r\n --hero-olive: #848c5c;\r\n --hero-olive-dark: #6b7346;\r\n --hero-gold: #d4b483;\r\n --hero-white: #ffffff;\r\n --hero-dark: #0f110a;\r\n --hero-font-ar: 'IBM Plex Sans Arabic', sans-serif;\r\n --hero-font-en: 'Inter', sans-serif;\r\n\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 750px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n background-color: var(--hero-dark);\r\n \/* \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0644\u063a\u0629 *\/\r\n font-family: var(--hero-font-ar);\r\n text-align: center;\r\n }\r\n\r\n \/* \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062e\u0637 \u0639\u0646\u062f \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0644\u063a\u0629 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\n .rf-hero-wrapper:lang(en) {\r\n font-family: var(--hero-font-en);\r\n }\r\n\r\n \/* \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0645\u0639 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0632\u0648\u0645 *\/\r\n .rf-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/roaafarsha.com\/wp-content\/uploads\/2026\/03\/usbepzn1za251.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: rfSlowPanning 30s infinite alternate ease-in-out;\r\n }\r\n\r\n @keyframes rfSlowPanning {\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 .rf-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at center, transparent 10%, var(--hero-dark) 90%),\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 .rf-hero-container {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1000px;\r\n width: 100%;\r\n padding: 0 30px;\r\n color: var(--hero-white);\r\n }\r\n\r\n .rf-hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(212, 180, 131, 0.1);\r\n border: 1px solid rgba(212, 180, 131, 0.25);\r\n color: var(--hero-gold);\r\n padding: 8px 22px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n margin-bottom: 25px;\r\n backdrop-filter: blur(8px);\r\n animation: rfFadeInDown 1s ease-out;\r\n }\r\n\r\n .rf-hero-title {\r\n font-size: clamp(32px, 5vw, 56px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n color: var(--hero-white);\r\n animation: rfFadeInUp 1s ease-out 0.2s both;\r\n }\r\n\r\n .rf-hero-title span {\r\n color: var(--hero-gold);\r\n }\r\n\r\n .rf-hero-description {\r\n font-size: clamp(16px, 1.8vw, 19px);\r\n line-height: 1.7;\r\n max-width: 750px;\r\n margin: 0 auto 40px;\r\n color: rgba(255, 255, 255, 0.85);\r\n font-weight: 300;\r\n animation: rfFadeInUp 1s ease-out 0.4s both;\r\n }\r\n\r\n .rf-hero-actions {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n margin-bottom: 60px;\r\n animation: rfFadeInUp 1s ease-out 0.6s both;\r\n }\r\n\r\n .rf-btn {\r\n padding: 16px 40px;\r\n border-radius: 14px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n }\r\n\r\n \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u0647\u0645 \u062a\u0646\u0642\u0644\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631 *\/\r\n .rf-hero-wrapper:lang(en) .fa-arrow-down {\r\n transform: rotate(0deg);\r\n }\r\n\r\n .rf-btn-primary {\r\n background-color: var(--hero-olive);\r\n color: var(--hero-white);\r\n border: 1px solid var(--hero-olive);\r\n }\r\n\r\n .rf-btn-primary:hover {\r\n background-color: transparent;\r\n color: var(--hero-olive);\r\n border-color: var(--hero-olive);\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(132, 140, 92, 0.3);\r\n }\r\n\r\n .rf-btn-secondary {\r\n background-color: transparent;\r\n color: var(--hero-white);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .rf-btn-secondary:hover {\r\n background-color: var(--hero-gold);\r\n color: var(--hero-dark);\r\n border-color: var(--hero-gold);\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(212, 180, 131, 0.2);\r\n }\r\n\r\n \/* \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0645\u0631\u0646\u0629 *\/\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: 750px;\r\n margin: 0 auto;\r\n padding: 25px;\r\n background: rgba(255, 255, 255, 0.025);\r\n border-radius: 20px;\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(12px);\r\n animation: rfFadeInUp 1s ease-out 0.8s 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 \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0641\u0627\u0635\u0644 \u064a\u0633\u062a\u062e\u062f\u0645 inset-inline-start \u0644\u064a\u0643\u0648\u0646 \u0645\u0631\u0646\u0627\u064b *\/\r\n .rf-stat-box:not(:first-child)::after {\r\n content: '';\r\n position: absolute;\r\n inset-inline-start: -10px;\r\n top: 25%;\r\n height: 50%;\r\n width: 1px;\r\n background: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .rf-stat-number {\r\n display: block;\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: var(--hero-gold);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .rf-stat-label {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n \/* Animations \u0645\u0639 \u0628\u0627\u062f\u0626\u0629 rf \u0644\u0639\u062f\u0645 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/\r\n @keyframes rfFadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes rfFadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\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: 120px 0 80px 0; }\r\n .rf-hero-actions { flex-direction: column; width: 100%; max-width: 300px; margin: 0 auto 40px; }\r\n .rf-hero-stats { grid-template-columns: 1fr; gap: 30px; }\r\n .rf-stat-box:not(:first-child)::after { display: none; }\r\n .rf-btn { justify-content: center; width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"rf-hero-wrapper\" dir=\"auto\">\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-info-circle\"><\/i>\r\n <span>Learn about Ruaa Al-Farsha<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"rf-hero-title translation-block\">We tell the Earth's story through <span>human experiences<\/span><\/h1>\r\n\r\n <p class=\"rf-hero-description\">\r\n At Ruaa Al Farsha, we devote our efforts to highlighting the authentic identity of our region through sustainable community tourism, combining the passion for adventure and the depth of cultural history in every step we take with you.\r\n <\/p>\r\n\r\n <div class=\"rf-hero-actions\">\r\n <a href=\"#our-story\" class=\"rf-btn rf-btn-primary\">\r\n <span>Discover our story<\/span>\r\n <i class=\"fas fa-arrow-down\"><\/i>\r\n <\/a>\r\n <a href=\"#vision\" class=\"rf-btn rf-btn-secondary\">\r\n <span>Our vision and values<\/span>\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"rf-hero-stats\">\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">2026<\/span>\r\n <span class=\"rf-stat-label\">Year of establishment<\/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\">Local cadres<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">25+<\/span>\r\n <span class=\"rf-stat-label\">Community partnership<\/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<div class=\"elementor-element elementor-element-56bac93 elementor-widget elementor-widget-html\" data-id=\"56bac93\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"our-story\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\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>\u0639\u0646 \u0627\u0644\u0641\u0631\u0634\u0629 - \u0631\u0624\u0649 \u0627\u0644\u0641\u0631\u0634\u0629<\/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 \/* --- Variables Control (Enhanced Palette) --- *\/\r\n :root {\r\n --af-primary: #848c5c;\r\n --af-primary-soft: rgba(132, 140, 92, 0.1);\r\n --af-accent: #d4b483;\r\n --af-dark: #1a1a1a;\r\n --af-gray: #4b5563;\r\n --af-light: #fdfdfb;\r\n --af-white: #ffffff;\r\n\r\n \/* Typography Scale *\/\r\n --af-h2-size: clamp(28px, 4.5vw, 48px);\r\n --af-p-size: clamp(17px, 1.2vw, 17px);\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: var(--af-white);\r\n color: var(--af-dark);\r\n overflow-x: hidden;\r\n }\r\n\r\n .af-premium-section {\r\n padding: clamp(60px, 8vw, 120px) 0;\r\n position: relative;\r\n background-color: var(--af-light);\r\n overflow: hidden;\r\n }\r\n\r\n \/* Abstract Decorative Background *\/\r\n .af-bg-decorator {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: radial-gradient(var(--af-primary-soft) 1px, transparent 1px);\r\n background-size: 30px 30px;\r\n opacity: 0.5;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .af-container {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 clamp(16px, 3vw, 30px);\r\n display: grid;\r\n grid-template-columns: repeat(12, 1fr);\r\n gap: clamp(22px, 4vw, 50px);\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* --- Advanced Image Composition --- *\/\r\n .af-visual-composition {\r\n grid-column: span 6;\r\n position: relative;\r\n height: clamp(340px, 48vw, 600px); \/* \u2705 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a *\/\r\n }\r\n\r\n .af-img-frame-lg {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 80%;\r\n height: 85%;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 40px 80px rgba(0,0,0,0.1);\r\n z-index: 2;\r\n background: #eee;\r\n }\r\n\r\n .af-img-frame-sm {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 50%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 10px solid var(--af-white);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n z-index: 3;\r\n background: #eee;\r\n }\r\n\r\n .af-visual-composition img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);\r\n }\r\n\r\n .af-visual-composition:hover .af-img-frame-lg img {\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* Decorative Element *\/\r\n .af-accent-shape {\r\n position: absolute;\r\n top: -20px;\r\n right: -20px;\r\n width: 150px;\r\n height: 150px;\r\n background: var(--af-accent);\r\n opacity: 0.2;\r\n border-radius: 50%;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- Content Block --- *\/\r\n .af-content-block {\r\n grid-column: span 6;\r\n }\r\n\r\n .af-badge-modern {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--af-white);\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--af-primary);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n margin-bottom: 25px;\r\n }\r\n\r\n .af-badge-modern i {\r\n color: var(--af-accent);\r\n }\r\n\r\n .af-title {\r\n font-size: var(--af-h2-size);\r\n line-height: 1.1;\r\n font-weight: 900;\r\n color: var(--af-dark);\r\n margin-bottom: 28px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .af-para-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 22px;\r\n }\r\n\r\n .af-para {\r\n font-size: var(--af-p-size);\r\n line-height: 1.9;\r\n color: var(--af-gray);\r\n margin: 0;\r\n text-align: justify;\r\n }\r\n\r\n \/* Enhanced Quote\/Highlight *\/\r\n .af-quote-box {\r\n position: relative;\r\n padding: 22px 24px;\r\n background: var(--af-white);\r\n border-radius: 8px;\r\n border-right: 5px solid var(--af-primary);\r\n margin-top: 10px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.03);\r\n }\r\n\r\n .af-quote-box p {\r\n margin: 0;\r\n color: var(--af-dark);\r\n font-weight: 600;\r\n font-style: normal;\r\n }\r\n\r\n \/* --- Button Design --- *\/\r\n .af-cta-wrapper {\r\n margin-top: 40px;\r\n }\r\n\r\n .af-btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: var(--af-primary);\r\n color: var(--af-white) !important;\r\n padding: 16px 40px;\r\n border-radius: 15px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 16px;\r\n transition: all 0.4s ease;\r\n max-width: 100%;\r\n }\r\n\r\n .af-btn-primary:hover {\r\n background: var(--af-dark);\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(132, 140, 92, 0.3);\r\n }\r\n\r\n .af-btn-primary i {\r\n font-size: 20px;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .af-btn-primary:hover i {\r\n transform: translateX(-8px);\r\n }\r\n\r\n \/* --- Media Queries --- *\/\r\n\r\n \/* \u2705 \u0628\u062f\u0644 991: \u0646\u062e\u0644\u064a\u0647\u0627 \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0628\u062f\u0631\u064a \u0634\u0648\u064a\u0629 \u0639\u0634\u0627\u0646 \u0645\u0627 \u064a\u062d\u0635\u0644\u0634 \u062a\u0632\u0627\u062d\u0645 *\/\r\n @media (max-width: 1050px) {\r\n .af-visual-composition, .af-content-block {\r\n grid-column: span 12;\r\n }\r\n .af-visual-composition {\r\n order: 2;\r\n margin-top: 28px;\r\n }\r\n .af-content-block {\r\n order: 1;\r\n text-align: center;\r\n }\r\n .af-badge-modern {\r\n justify-content: center;\r\n }\r\n .af-quote-box {\r\n border-right: none;\r\n border-bottom: 5px solid var(--af-primary);\r\n text-align: start;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .af-img-frame-sm { display: none; }\r\n .af-img-frame-lg {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 22px;\r\n }\r\n .af-accent-shape{ width:110px; height:110px; }\r\n .af-para{ text-align: start; } \/* \u2705 \u0642\u0631\u0627\u0621\u0629 \u0623\u0641\u0636\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n .af-btn-primary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"af-premium-section\">\r\n <div class=\"af-bg-decorator\"><\/div>\r\n\r\n <div class=\"af-container\">\r\n\r\n <div class=\"af-visual-composition\">\r\n <div class=\"af-accent-shape\"><\/div>\r\n\r\n <div class=\"af-img-frame-lg\">\r\n <img decoding=\"async\" src=\"https:\/\/roaafarsha.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-14-at-4.20.42-PM.jpeg\" alt=\"\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0641\u0631\u0634\u0629 \u0627\u0644\u0633\u0627\u062d\u0631\u0629\">\r\n <\/div>\r\n\r\n <div class=\"af-img-frame-sm\">\r\n <img decoding=\"async\" src=\"https:\/\/roaafarsha.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-14-at-4.20.29-PM.jpeg\" alt=\"\u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0645\u062d\u0644\u064a\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"af-content-block\">\r\n <div class=\"af-badge-modern\">\r\n <i class=\"fa-solid fa-compass\"><\/i>\r\n <span>A destination of authenticity and beauty<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"af-title\">About Farsha<\/h2>\r\n\r\n <div class=\"af-para-group\">\r\n <p class=\"af-para\">\r\n Al-Farsha Governorate is located in the south of the Asir region, and is considered a gateway to Tihama Qahtan, where the picturesque mountainous nature blends with ancient heritage villages that reflect the depth of history and culture in this region. Al-Farsha is characterized by its natural diversity of mountains, valleys, and farms, making it a distinctive destination for those looking for an authentic tourist experience away from the hustle and bustle of cities.\r\n <\/p>\r\n\r\n <p class=\"af-para\">\r\n Al-Farsha has been known since ancient times for the generosity of its people and the cohesiveness of its community, where the Tihamian customs and traditions are still present in daily life, from authentic Arab hospitality and pouring coffee, to popular foods and traditional crafts that have been passed down through generations.\r\n <\/p>\r\n\r\n <div class=\"af-quote-box\">\r\n <p class=\"af-para\">\r\n Through Ruaa Al-Farsha platform, we seek to provide a different tourism experience, based on symbiotic tourism, which allows the visitor to learn about the culture of the region, live with its people for a short time, and discover the beauty of nature and local heritage in an authentic, human way that reflects the spirit of the place.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \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<div class=\"elementor-element elementor-element-ef0948a elementor-widget elementor-widget-html\" data-id=\"ef0948a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0623\u062d\u062f\u062b \u0625\u0635\u062f\u0627\u0631 \u0645\u0646 Font Awesome \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631 \u0643\u0627\u0641\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;600;700&display=swap');\r\n\r\n :root {\r\n \/* --- Colors Control --- *\/\r\n --pc-brand-olive: #848c5c;\r\n --pc-brand-olive-dark: #6b7346;\r\n --pc-brand-olive-light: #9ba473;\r\n --pc-bg-soft-olive: #f4f5f0;\r\n --pc-bg-pure-white: #ffffff;\r\n --pc-text-deep: #1a1a1b;\r\n --pc-text-muted: #4b5563;\r\n --pc-text-on-brand: #ffffff;\r\n --pc-accent-gold: #c5a059;\r\n --pc-border-light: #eef0e8;\r\n --pc-shadow-soft: rgba(0, 0, 0, 0.04);\r\n --pc-shadow-brand: rgba(132, 140, 92, 0.15);\r\n \r\n \/* --- Typography Control --- *\/\r\n --pc-fs-h2: clamp(28px, 5vw, 44px);\r\n --pc-fs-h3: clamp(22px, 4vw, 26px);\r\n --pc-fs-h4: 20px;\r\n --pc-fs-body: 18px;\r\n --pc-fs-small: 15px;\r\n --pc-fs-badge: 14px;\r\n }\r\n\r\n .pc-section {\r\n padding: clamp(60px, 10vw, 120px) 0;\r\n background-color: var(--pc-bg-pure-white);\r\n font-family: var(--pc-font-family);\r\n color: var(--pc-text-deep);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0639\u0646\u0627\u0635\u0631 \u062f\u064a\u0643\u0648\u0631\u064a\u0629 \u0645\u062a\u062c\u0627\u0648\u0628\u0629 *\/\r\n .pc-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: clamp(200px, 30vw, 400px);\r\n height: clamp(200px, 30vw, 400px);\r\n background: radial-gradient(circle, var(--pc-bg-soft-olive) 0%, transparent 70%);\r\n z-index: 0;\r\n opacity: 0.6;\r\n }\r\n\r\n .pc-container {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* --- Header Styling --- *\/\r\n .pc-header {\r\n text-align: center;\r\n max-width: 850px;\r\n margin: 0 auto clamp(50px, 8vw, 90px) auto;\r\n }\r\n\r\n .pc-badge {\r\n color: var(--pc-brand-olive);\r\n background: var(--pc-bg-soft-olive);\r\n padding: 10px 24px;\r\n border-radius: 100px;\r\n font-size: var(--pc-fs-badge);\r\n font-weight: 700;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(132, 140, 92, 0.1);\r\n }\r\n\r\n .pc-title {\r\n font-size: var(--pc-fs-h2);\r\n font-weight: 800;\r\n line-height: 1.25;\r\n margin-bottom: 20px;\r\n color: var(--pc-text-deep);\r\n }\r\n\r\n .pc-intro {\r\n font-size: var(--pc-fs-body);\r\n color: var(--pc-text-muted);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- Main Grid Layout --- *\/\r\n .pc-main-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .pc-main-grid {\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 50px;\r\n }\r\n }\r\n\r\n \/* --- Left Side: Duration Card --- *\/\r\n .pc-card-duration {\r\n background: linear-gradient(145deg, var(--pc-brand-olive), var(--pc-brand-olive-dark));\r\n color: var(--pc-text-on-brand);\r\n padding: clamp(30px, 5vw, 60px) clamp(25px, 4vw, 45px);\r\n border-radius: 35px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 35px 70px var(--pc-shadow-brand);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .pc-card-bg-icon {\r\n position: absolute;\r\n bottom: -30px;\r\n left: -30px;\r\n font-size: clamp(120px, 20vw, 200px);\r\n color: rgba(255, 255, 255, 0.03);\r\n transform: rotate(-15deg);\r\n pointer-events: none;\r\n }\r\n\r\n .pc-card-title {\r\n font-size: var(--pc-fs-h3);\r\n margin-bottom: 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n font-weight: 700;\r\n color: var(--pc-text-on-brand);\r\n }\r\n\r\n .pc-list-duration {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .pc-item-duration {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n padding: 15px 0;\r\n font-size: clamp(16px, 2vw, 19px);\r\n font-weight: 500;\r\n transition: all 0.4s ease;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .pc-item-duration:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .pc-item-duration i {\r\n font-size: clamp(20px, 3vw, 24px);\r\n color: rgba(255, 255, 255, 0.8);\r\n width: 35px;\r\n text-align: center;\r\n }\r\n\r\n .pc-info-box {\r\n margin-top: 30px;\r\n padding: 20px 0;\r\n font-size: var(--pc-fs-small);\r\n line-height: 1.6;\r\n display: flex;\r\n gap: 12px;\r\n color: rgba(255, 255, 255, 0.7);\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* --- Right Side: Details Grid --- *\/\r\n .pc-grid-details {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .pc-grid-details {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n .pc-detail-box {\r\n background: var(--pc-bg-pure-white);\r\n padding: clamp(25px, 4vw, 35px);\r\n border-radius: 28px;\r\n transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n border: 1px solid var(--pc-border-light);\r\n box-shadow: 0 10px 30px var(--pc-shadow-soft);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .pc-detail-box:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--pc-brand-olive-light);\r\n box-shadow: 0 20px 40px var(--pc-shadow-brand);\r\n }\r\n\r\n .pc-icon-wrapper {\r\n width: 55px;\r\n height: 55px;\r\n background: var(--pc-bg-soft-olive);\r\n color: var(--pc-brand-olive);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n font-size: 24px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .pc-detail-content h4 {\r\n font-size: var(--pc-fs-h4);\r\n font-weight: 700;\r\n margin: 0 0 8px 0;\r\n color: var(--pc-text-deep);\r\n }\r\n\r\n .pc-detail-content p {\r\n font-size: var(--pc-fs-small);\r\n color: var(--pc-text-muted);\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n \/* --- Bottom Note --- *\/\r\n .pc-unique-experience {\r\n grid-column: 1;\r\n background: var(--pc-bg-soft-olive);\r\n border-right: 5px solid var(--pc-brand-olive);\r\n padding: 25px 30px;\r\n margin-top: 15px;\r\n border-radius: 0 20px 20px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n font-weight: 600;\r\n color: var(--pc-brand-olive-dark);\r\n font-size: clamp(14px, 2vw, 16px);\r\n }\r\n\r\n @media (min-width: 640px) {\r\n .pc-unique-experience {\r\n grid-column: span 2;\r\n }\r\n }\r\n\r\n .pc-unique-experience i {\r\n font-size: 24px;\r\n color: var(--pc-accent-gold);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* --- Touch Optimization --- *\/\r\n @media (hover: none) {\r\n .pc-detail-box:hover { transform: none; }\r\n .pc-item-duration:hover { transform: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"pc-section\">\r\n <div class=\"pc-container\">\r\n \r\n <!-- Header -->\r\n <header class=\"pc-header\">\r\n <div class=\"pc-badge\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\r\n The concept of community tourism\r\n <\/div>\r\n <h2 class=\"pc-title\">\u0639\u0650\u0634 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 <br> \u0641\u064a \u0642\u0644\u0628 \u0645\u0646\u0627\u0632\u0644 \u0639\u0627\u0626\u0644\u0627\u062a \u0627\u0644\u0641\u0631\u0634\u0629<\/h2>\r\n <p class=\"pc-intro\">\r\n Farsha Visions opens a real window for you into the culture of the local community, where accommodation is not limited to overnight stays, but extends to being a human experience rich in participation, learning, and building authentic social bonds.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"pc-main-grid\">\r\n <!-- Left: Duration Card -->\r\n <div class=\"pc-card-duration\">\r\n <i class=\"fa-solid fa-clock pc-card-bg-icon\"><\/i>\r\n <h3 class=\"pc-card-title\">\r\n <i class=\"fa-solid fa-calendar-check\" style=\"color: white;\"><\/i>\r\n Length of stay\r\n <\/h3>\r\n <ul class=\"pc-list-duration\">\r\n <li class=\"pc-item-duration\">\r\n <i class=\"fa-solid fa-sun\"><\/i>\r\n <span>1 day (immersive experience)<\/span>\r\n <\/li>\r\n <li class=\"pc-item-duration\">\r\n <i class=\"fa-solid fa-cloud-moon\"><\/i>\r\n <span>Several days (full symbiosis)<\/span>\r\n <\/li>\r\n <li class=\"pc-item-duration\">\r\n <i class=\"fa-solid fa-infinity\"><\/i>\r\n <span>Extended periods (subject to availability)<\/span>\r\n <\/li>\r\n <li class=\"pc-item-duration\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <span>Immediate coordination (for emergency cases)<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"pc-info-box\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <span>We coordinate with families in advance to ensure a safe and comfortable experience for all our guests.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right: Details Side -->\r\n <div class=\"pc-grid-details\">\r\n <div class=\"pc-detail-box\">\r\n <div class=\"pc-icon-wrapper\"><i class=\"fa-solid fa-utensils\"><\/i><\/div>\r\n <div class=\"pc-detail-content\">\r\n <h4>Share meals<\/h4>\r\n <p>Savor the flavor of the land and authenticity from the family kitchen that prepares traditional meals with love and hospitality.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pc-detail-box\">\r\n <div class=\"pc-icon-wrapper\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n <div class=\"pc-detail-content\">\r\n <h4>Family sessions<\/h4>\r\n <p>Be part of spontaneous evening conversations, discover ancestral tales and details of local traditions.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pc-detail-box\">\r\n <div class=\"pc-icon-wrapper\"><i class=\"fa-solid fa-people-roof\"><\/i><\/div>\r\n <div class=\"pc-detail-content\">\r\n <h4>Home activities<\/h4>\r\n <p>Participate in the details of daily life and social activities that characterize the people of the region.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pc-detail-box\">\r\n <div class=\"pc-icon-wrapper\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n <div class=\"pc-detail-content\">\r\n <h4>Explore nature<\/h4>\r\n <p>Embark on exploratory trips to the region\u2019s landmarks accompanied by its people who know every corner and story.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Unique Footer Note -->\r\n <div class=\"pc-unique-experience\">\r\n <i class=\"fa-solid fa-star-and-crescent\"><\/i>\r\n <span>Each family in Al Farsha has its own unique character, making every stay a special human story.<\/span>\r\n <\/div>\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<div class=\"elementor-element elementor-element-cfab050 elementor-widget elementor-widget-html\" data-id=\"cfab050\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html> <head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;800&family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- Full Visual Control --- *\/\r\n :root {\r\n \/* Colors *\/\r\n --fh-overlay-color: rgba(132, 140, 92, 0.5); \/* \u0627\u0644\u0632\u064a\u062a\u0648\u0646\u064a \u0628\u062a\u0631\u0643\u064a\u0632 \u0634\u0641\u0627\u0641 *\/\r\n --fh-accent-white: #ffffff;\r\n --fh-card-bg: rgba(255, 255, 255, 0.1);\r\n --fh-card-border: rgba(255, 255, 255, 0.2);\r\n --fh-icon-bg: #ffffff;\r\n --fh-icon-color: #848c5c;\r\n \r\n \/* Typography *\/\r\n --fh-font-main: 'Cairo', 'Inter', sans-serif; \/* \u062e\u0637\u0648\u0637 \u062a\u062f\u0639\u0645 \u0627\u0644\u0644\u063a\u062a\u064a\u0646 *\/\r\n --fh-size-badge: 13px;\r\n --fh-size-title: clamp(28px, 5vw, 38px);\r\n --fh-size-body: 15px;\r\n --fh-size-number: 45px;\r\n \r\n \/* Layout *\/\r\n --fh-card-min-height: 160px;\r\n }\r\n\r\n .fh-sleek-section {\r\n padding: 80px 0;\r\n background-image: 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 background-attachment: fixed;\r\n font-family: var(--fh-font-main);\r\n color: var(--fh-accent-white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0627\u0644\u0632\u064a\u062a\u0648\u0646\u064a \u0623\u0648\u0641\u0631\u0644\u0627\u064a *\/\r\n .fh-sleek-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--fh-overlay-color);\r\n z-index: 1;\r\n }\r\n\r\n .fh-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 25px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* \u0627\u0644\u0647\u064a\u062f\u0631 \u0627\u0644\u0645\u0648\u062d\u062f - \u0627\u0633\u062a\u062e\u062f\u0627\u0645 start \u0644\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629 *\/\r\n .fh-header {\r\n margin-bottom: 40px;\r\n text-align: start; \r\n }\r\n\r\n .fh-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(255, 255, 255, 0.15);\r\n padding: 6px 18px;\r\n border-radius: 50px;\r\n font-size: var(--fh-size-badge);\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fh-title {\r\n font-size: var(--fh-size-title);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin: 0;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062a\u0646\u0627\u0638\u0631\u0629 *\/\r\n .fh-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .fh-card {\r\n position: relative;\r\n padding: 25px;\r\n background: var(--fh-card-bg);\r\n border: 1px solid var(--fh-card-border);\r\n border-radius: 20px;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n min-height: var(--fh-card-min-height);\r\n box-sizing: border-box;\r\n justify-content: center;\r\n text-align: start; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n }\r\n\r\n .fh-card:hover {\r\n transform: translateY(-5px);\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .fh-icon-wrapper {\r\n width: 44px;\r\n height: 44px;\r\n background: var(--fh-icon-bg);\r\n border-radius: 12px;\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 .fh-icon-wrapper i {\r\n color: var(--fh-icon-color);\r\n font-size: 18px;\r\n }\r\n\r\n .fh-card-content {\r\n font-size: var(--fh-size-body);\r\n font-weight: 600;\r\n line-height: 1.5;\r\n margin: 0;\r\n color: #ffffff;\r\n }\r\n\r\n \/* \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u062e\u0644\u0641\u064a - \u0627\u0633\u062a\u062e\u062f\u0627\u0645 inset-inline-end \u0644\u064a\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 *\/\r\n .fh-number {\r\n position: absolute;\r\n top: 15px;\r\n inset-inline-end: 20px; \/* \u064a\u0633\u0627\u0631 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u060c \u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: rgba(255, 255, 255, 0.2);\r\n font-family: 'Inter', sans-serif;\r\n pointer-events: none;\r\n }\r\n\r\n \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n @media (max-width: 1024px) {\r\n .fh-grid { grid-template-columns: repeat(2, 1fr); }\r\n .fh-sleek-section { padding: 60px 0; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .fh-header { text-align: center; } \/* \u0627\u0644\u0633\u0646\u062a\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u063a\u062a\u064a\u0646 *\/\r\n .fh-grid { grid-template-columns: 1fr; }\r\n .fh-card { min-height: auto; padding: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fh-sleek-section\">\r\n <div class=\"fh-container\">\r\n \r\n <div class=\"fh-header\">\r\n <div class=\"fh-badge\">\r\n <i class=\"fas fa-gem\"><\/i> Ruaa Al-Farsha\r\n <\/div>\r\n <h2 class=\"fh-title\">\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0641\u0631\u0634\u0629\u061f<br>\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u064a \u062a\u0635\u0646\u0639 \u0627\u0644\u0641\u0627\u0631\u0642<\/h2>\r\n <\/div>\r\n\r\n <div class=\"fh-grid\">\r\n \r\n <div class=\"fh-card\">\r\n <span class=\"fh-number\">01<\/span>\r\n <div class=\"fh-icon-wrapper\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <\/div>\r\n <p class=\"fh-card-content\">Complete and exclusive focus on the Farsha area to ensure the highest reliable local quality standards.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fh-card\">\r\n <span class=\"fh-number\">02<\/span>\r\n <div class=\"fh-icon-wrapper\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <p class=\"fh-card-content\">An unconventional community tourism experience that redefines the concept of cultural engagement between visitors and residents.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fh-card\">\r\n <span class=\"fh-number\">03<\/span>\r\n <div class=\"fh-icon-wrapper\">\r\n <i class=\"fas fa-wallet\"><\/i>\r\n <\/div>\r\n <p class=\"fh-card-content\">A secure and fully regulated electronic booking and payment system to provide a hassle-free experience to our customers.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fh-card\">\r\n <span class=\"fh-number\">04<\/span>\r\n <div class=\"fh-icon-wrapper\">\r\n <i class=\"fas fa-headset\"><\/i>\r\n <\/div>\r\n <p class=\"fh-card-content\">Live technical and field support is available to you throughout your stay to ensure a smooth experience at every step.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fh-card\">\r\n <span class=\"fh-number\">05<\/span>\r\n <div class=\"fh-icon-wrapper\">\r\n <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <p class=\"fh-card-content\">A fair distribution of the financial return ensures the sustainability of the local community and directly supports families in the region.<\/p>\r\n <\/div>\r\n\r\n <div class=\"fh-card\">\r\n <span class=\"fh-number\">06<\/span>\r\n <div class=\"fh-icon-wrapper\">\r\n <i class=\"fas fa-key\"><\/i>\r\n <\/div>\r\n <p class=\"fh-card-content\">The secret lies in our attention to the smallest details. We offer you a unique experience that you will not find in any other tourist place.<\/p>\r\n <\/div>\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<div class=\"elementor-element elementor-element-06dbeb3 elementor-widget elementor-widget-html\" data-id=\"06dbeb3\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"vision\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\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>\u0631\u0624\u064a\u062a\u0646\u0627 \u0648\u0642\u064a\u0645\u0646\u0627 - \u0631\u0624\u0649 \u0627\u0644\u0641\u0631\u0634\u0629<\/title>\r\n <!-- Font Awesome -->\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 \/* Color Palette *\/\r\n --ua-brand-olive: #848c5c;\r\n --ua-brand-olive-dark: #6b7346;\r\n --ua-brand-gold: #d4b483;\r\n --ua-brand-gold-light: #e6d5b8;\r\n --ua-bg-light: #fefefc;\r\n --ua-surface: #ffffff;\r\n --ua-text-primary: #1a1c14;\r\n --ua-text-secondary: #555555;\r\n --ua-border-color: #f0f0e8;\r\n \r\n \/* Typography *\/\r\n\r\n \/* Enhanced Aesthetics *\/\r\n --ua-radius-lg: 45px;\r\n --ua-radius-md: 30px;\r\n --ua-shadow-soft: 0 20px 50px rgba(132, 140, 92, 0.05);\r\n --ua-transition-smooth: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\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 body {\r\n font-family: var(--ua-font-family);\r\n background-color: var(--ua-bg-light);\r\n color: var(--ua-text-primary);\r\n line-height: 1.8;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n .ua-section-wrapper {\r\n padding: 120px 24px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n \r\n font-family: saudi;\r\n }\r\n\r\n \/* --- Header --- *\/\r\n .ua-header-block {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .ua-badge-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 28px;\r\n background: linear-gradient(90deg, rgba(132, 140, 92, 0.1), rgba(212, 180, 131, 0.1));\r\n color: var(--ua-brand-olive-dark);\r\n border-radius: 100px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(132, 140, 92, 0.1);\r\n }\r\n\r\n .ua-title-lg {\r\n font-size: clamp(32px, 5vw, 48px);\r\n color: var(--ua-text-primary);\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n \/* --- Values (Single Row on Desktop, Grid on Mobile) --- *\/\r\n .ua-values-scroller {\r\n margin-bottom: 120px;\r\n padding: 20px 5px;\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scrollbar-width: none; \/* Firefox *\/\r\n }\r\n\r\n .ua-values-scroller::-webkit-scrollbar {\r\n display: none; \/* Chrome\/Safari *\/\r\n }\r\n\r\n .ua-value-item {\r\n flex: 1;\r\n min-width: 240px;\r\n background: var(--ua-surface);\r\n border: 1px solid var(--ua-border-color);\r\n padding: 50px 30px;\r\n border-radius: var(--ua-radius-lg);\r\n text-align: center;\r\n transition: var(--ua-transition-smooth);\r\n position: relative;\r\n box-shadow: var(--ua-shadow-soft);\r\n }\r\n\r\n .ua-value-item:hover {\r\n transform: translateY(-15px);\r\n border-color: var(--ua-brand-gold);\r\n background: linear-gradient(180deg, #fff 0%, #fafafa 100%);\r\n box-shadow: 0 30px 60px rgba(132, 140, 92, 0.12);\r\n }\r\n\r\n .ua-value-icon-box {\r\n width: 85px;\r\n height: 85px;\r\n background: #f9f9f5;\r\n color: var(--ua-brand-olive);\r\n border-radius: 35% 65% 65% 35% \/ 35% 35% 65% 65%; \/* Organic shape *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 32px;\r\n margin: 0 auto 30px;\r\n transition: var(--ua-transition-smooth);\r\n border: 1px solid rgba(132, 140, 92, 0.05);\r\n }\r\n\r\n .ua-value-item:hover .ua-value-icon-box {\r\n background: var(--ua-brand-olive);\r\n color: white;\r\n border-radius: 50%;\r\n transform: scale(1.1);\r\n }\r\n\r\n .ua-value-heading {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: var(--ua-text-primary);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .ua-value-text {\r\n font-size: 15px;\r\n color: var(--ua-text-secondary);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* --- Strategic Pillars --- *\/\r\n .ua-pillars-layout {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 40px;\r\n }\r\n\r\n .ua-pillar-card {\r\n background: var(--ua-surface);\r\n border: 1px solid var(--ua-border-color);\r\n border-radius: var(--ua-radius-lg);\r\n padding: 60px;\r\n transition: var(--ua-transition-smooth);\r\n position: relative;\r\n box-shadow: var(--ua-shadow-soft);\r\n }\r\n\r\n .ua-pillar-card:hover {\r\n box-shadow: 0 40px 80px rgba(0, 0, 0, 0.04);\r\n border-color: var(--ua-brand-gold-light);\r\n }\r\n\r\n .ua-pillar-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n width: 60px;\r\n height: 60px;\r\n background: radial-gradient(circle, rgba(212, 180, 131, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .ua-pillar-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ua-pillar-icon {\r\n font-size: 30px;\r\n background: linear-gradient(135deg, var(--ua-brand-olive), var(--ua-brand-gold));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .ua-pillar-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: var(--ua-text-primary);\r\n }\r\n\r\n .ua-pillar-body {\r\n font-size: 18px;\r\n color: var(--ua-text-secondary);\r\n margin-bottom: 40px;\r\n text-align: justify;\r\n }\r\n\r\n \/* --- Vision 2030 --- *\/\r\n .ua-vision-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n .ua-vision-chip {\r\n background: #fff;\r\n color: var(--ua-text-primary);\r\n padding: 12px 24px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n border: 1px solid var(--ua-border-color);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: var(--ua-transition-smooth);\r\n }\r\n\r\n .ua-vision-chip i {\r\n color: var(--ua-brand-gold);\r\n }\r\n\r\n .ua-vision-chip:hover {\r\n background: var(--ua-brand-olive);\r\n color: white;\r\n border-color: var(--ua-brand-olive);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .ua-quote-footer {\r\n margin-top: 40px;\r\n padding: 25px;\r\n background: #fbfbf8;\r\n border-radius: var(--ua-radius-md);\r\n font-style: italic;\r\n color: var(--ua-brand-olive-dark);\r\n font-size: 16px;\r\n border-right: 4px solid var(--ua-brand-gold);\r\n }\r\n\r\n \/* --- Responsive --- *\/\r\n @media (max-width: 1100px) {\r\n .ua-pillars-layout { grid-template-columns: 1fr; }\r\n .ua-value-item { min-width: 280px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ua-values-scroller {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n overflow-x: visible;\r\n gap: 15px;\r\n }\r\n .ua-value-item {\r\n min-width: 0;\r\n padding: 30px 15px;\r\n border-radius: var(--ua-radius-md);\r\n }\r\n .ua-value-icon-box {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 24px;\r\n margin-bottom: 15px;\r\n }\r\n .ua-value-heading {\r\n font-size: 18px;\r\n }\r\n .ua-value-text {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .ua-section-wrapper { padding: 80px 15px; }\r\n .ua-pillar-card { padding: 40px 25px; }\r\n .ua-title-lg { font-size: 30px; }\r\n .ua-pillar-title { font-size: 26px; }\r\n }\r\n\r\n \/* Adjust for very small screens if needed *\/\r\n @media (max-width: 380px) {\r\n .ua-values-scroller {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<main class=\"ua-section-wrapper\">\r\n \r\n <!-- Header -->\r\n <header class=\"ua-header-block\">\r\n <span class=\"ua-badge-label\">\r\n <i class=\"fas fa-star\"><\/i>\r\n Our identity and values\r\n <\/span>\r\n <h1 class=\"ua-title-lg\">The essence that distinguishes us<\/h1>\r\n <\/header>\r\n\r\n <!-- Values (Grid on Mobile, Single Row on Desktop) -->\r\n <div class=\"ua-values-scroller\">\r\n <!-- Value 1 -->\r\n <article class=\"ua-value-item\">\r\n <div class=\"ua-value-icon-box\"><i class=\"fas fa-mosque\"><\/i><\/div>\r\n <h3 class=\"ua-value-heading\">Originality<\/h3>\r\n <p class=\"ua-value-text\">We cherish our roots and maintain an honest cultural identity.<\/p>\r\n <\/article>\r\n \r\n <!-- Value 2 -->\r\n <article class=\"ua-value-item\">\r\n <div class=\"ua-value-icon-box\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\r\n <h3 class=\"ua-value-heading\">Respect<\/h3>\r\n <p class=\"ua-value-text\">The privacy of families and our traditions is a red line that we adhere to.<\/p>\r\n <\/article>\r\n \r\n <!-- Value 3 -->\r\n <article class=\"ua-value-item\">\r\n <div class=\"ua-value-icon-box\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n <h3 class=\"ua-value-heading\">Transparency<\/h3>\r\n <p class=\"ua-value-text\">Complete clarity in dealing and real documentation of every experience.<\/p>\r\n <\/article>\r\n \r\n <!-- Value 4 -->\r\n <article class=\"ua-value-item\">\r\n <div class=\"ua-value-icon-box\"><i class=\"fas fa-user-shield\"><\/i><\/div>\r\n <h3 class=\"ua-value-heading\">Security<\/h3>\r\n <p class=\"ua-value-text\">A reliable environment that ensures the comfort of both the guest and the host.<\/p>\r\n <\/article>\r\n \r\n <!-- Value 5 -->\r\n <article class=\"ua-value-item\">\r\n <div class=\"ua-value-icon-box\"><i class=\"fas fa-infinity\"><\/i><\/div>\r\n <h3 class=\"ua-value-heading\">Sustainability<\/h3>\r\n <p class=\"ua-value-text\">Economic development that supports the local community for generations to come.<\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <!-- Vision & Mission -->\r\n <div class=\"ua-pillars-layout\">\r\n \r\n <!-- Vision Card -->\r\n <section class=\"ua-pillar-card\">\r\n <header class=\"ua-pillar-header\">\r\n <i class=\"fas fa-sun ua-pillar-icon\"><\/i>\r\n <h2 class=\"ua-pillar-title\">Vision<\/h2>\r\n <\/header>\r\n <p class=\"ua-pillar-body\">\r\n For Al-Farsha to become a global icon for community tourism, inspiring the world on how to transform authentic local heritage into luxurious and sustainable tourism experiences that serve the nation and the citizen.\r\n <\/p>\r\n \r\n <div class=\"ua-vision-list\">\r\n <span class=\"ua-vision-chip\"><i class=\"fas fa-check\"><\/i> 2030 targets<\/span>\r\n <span class=\"ua-vision-chip\"><i class=\"fas fa-check\"><\/i> Empowering families<\/span>\r\n <span class=\"ua-vision-chip\"><i class=\"fas fa-check\"><\/i> Quality of life<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mission Card -->\r\n <section class=\"ua-pillar-card\">\r\n <header class=\"ua-pillar-header\">\r\n <i class=\"fas fa-feather-alt ua-pillar-icon\"><\/i>\r\n <h2 class=\"ua-pillar-title\">Goal<\/h2>\r\n <\/header>\r\n <p class=\"ua-pillar-body\">\r\n Creating cultural bridges that connect visitors to the heart of our society, by providing safe and organized tourism worthy of Saudi hospitality, while fully preserving the privacy and values \u200b\u200bof our people.\r\n <\/p>\r\n <footer class=\"ua-quote-footer\">\r\n \u201cWe're not just offering a journey, we're giving you a story to tell for generations about the magic of the mattress.\u201d\r\n <\/footer>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d9e637 elementor-widget elementor-widget-html\" data-id=\"0d9e637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\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>\u0641\u0631\u0635\u0629 \u0627\u0644\u0627\u0633\u062a\u0636\u0627\u0641\u0629 - \u0631\u0624\u0649 \u0627\u0644\u0641\u0631\u0634\u0629<\/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 \/* \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n\r\n \/* \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0643\u0644\u0627\u0633\u0627\u062a \u0641\u0642\u0637 *\/\r\n .rf-opportunity-section {\r\n --rf-dark-bg: #0f110a; \r\n --rf-accent-gold: #d4b483;\r\n --rf-accent-olive: #848c5c;\r\n --rf-text-bright: #fefefc;\r\n --rf-text-dim: #a0a0a0;\r\n --rf-glass: rgba(255, 255, 255, 0.02);\r\n --rf-glass-border: rgba(255, 255, 255, 0.06);\r\n --rf-font-en: 'Inter', sans-serif;\r\n --rf-radius: 30px;\r\n\r\n \/* \u062f\u0639\u0645 \u0627\u0644\u062e\u0637\u0648\u0637 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0644\u063a\u0629 *\/\r\n font-family:saudi;\r\n background-color: var(--rf-dark-bg);\r\n color: var(--rf-text-bright);\r\n line-height: 1.7;\r\n \/* \u062a\u0645 \u062d\u0630\u0641 direction: rtl \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a *\/\r\n }\r\n\r\n \/* \u0644\u0636\u0645\u0627\u0646 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062e\u0637 \u0639\u0646\u062f \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0644\u063a\u0629 \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\n .rf-opportunity-section:lang(en) {\r\n font-family: var(--rf-font-en);\r\n }\r\n\r\n .rf-opportunity-wrapper {\r\n padding: 120px 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Introduction Block --- *\/\r\n .rf-intro-block {\r\n text-align: center;\r\n max-width: 900px;\r\n margin: 0 auto 100px;\r\n }\r\n\r\n .rf-intro-tag {\r\n color: var(--rf-accent-gold);\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 3px;\r\n display: inline-block;\r\n margin-bottom: 25px;\r\n border-bottom: 1px solid var(--rf-accent-gold);\r\n padding-bottom: 5px;\r\n }\r\n\r\n .rf-intro-title {\r\n font-size: clamp(32px, 5vw, 48px);\r\n font-weight: 800;\r\n margin: 0 0 30px 0;\r\n line-height: 1.2;\r\n color: var(--rf-text-bright);\r\n }\r\n\r\n .rf-intro-desc {\r\n font-size: 20px;\r\n color: var(--rf-text-dim);\r\n font-weight: 300;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Security Header --- *\/\r\n .rf-security-header {\r\n text-align: center; \r\n margin-bottom: 60px;\r\n }\r\n\r\n .rf-security-title {\r\n color: var(--rf-accent-gold); \r\n font-size: 26px; \r\n font-weight: 800; \r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .rf-security-subtitle {\r\n color: var(--rf-text-dim); \r\n font-size: 18px;\r\n margin: 0;\r\n }\r\n\r\n \/* --- Security & Organization Grid --- *\/\r\n .rf-features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .rf-feature-card {\r\n background: var(--rf-glass);\r\n border: 1px solid var(--rf-glass-border);\r\n padding: 50px 35px;\r\n border-radius: var(--rf-radius);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0627\u0630\u0627\u0629 \u0627\u0644\u0645\u0646\u0637\u0642\u064a\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 left\/right *\/\r\n align-items: flex-start;\r\n text-align: start;\r\n }\r\n\r\n .rf-feature-card:hover {\r\n background: rgba(212, 180, 131, 0.03);\r\n border-color: var(--rf-accent-gold);\r\n transform: translateY(-12px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n }\r\n\r\n .rf-icon-circle {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(212, 180, 131, 0.1), rgba(132, 140, 92, 0.1));\r\n color: var(--rf-accent-gold);\r\n border-radius: 22px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n border: 1px solid rgba(212, 180, 131, 0.2);\r\n }\r\n\r\n .rf-feature-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin: 0 0 15px 0;\r\n color: var(--rf-text-bright);\r\n }\r\n\r\n .rf-feature-text {\r\n font-size: 16px;\r\n color: var(--rf-text-dim);\r\n font-weight: 300;\r\n margin: 0;\r\n }\r\n\r\n \/* --- Final Call \/ \u0627\u0644\u062f\u0639\u0648\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 --- *\/\r\n .rf-final-call {\r\n background: linear-gradient(145deg, #16180f 0%, #0a0c07 100%);\r\n border-radius: var(--rf-radius);\r\n padding: 80px 40px;\r\n text-align: center;\r\n border: 1px solid var(--rf-glass-border);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .rf-final-call::before {\r\n content: '\u201c';\r\n position: absolute;\r\n top: -20px;\r\n \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u062d\u062c\u064a\u0645 \u0627\u0644\u0645\u0646\u0637\u0642\u064a \u0644\u0644\u0645\u0648\u0636\u0639 *\/\r\n inset-inline-end: 40px;\r\n font-size: 180px;\r\n color: var(--rf-accent-gold);\r\n opacity: 0.05;\r\n font-family: serif;\r\n }\r\n\r\n .rf-final-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin: 0 0 20px 0;\r\n color: var(--rf-accent-gold);\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .rf-final-text {\r\n font-size: clamp(24px, 4vw, 38px);\r\n font-weight: 800;\r\n color: var(--rf-text-bright);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* --- Responsive --- *\/\r\n @media (max-width: 1024px) {\r\n .rf-features-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .rf-opportunity-wrapper { padding: 80px 20px; }\r\n .rf-intro-block { margin-bottom: 60px; }\r\n .rf-features-grid { grid-template-columns: 1fr; gap: 20px; }\r\n .rf-feature-card { padding: 40px 30px; align-items: center; text-align: center; }\r\n .rf-icon-circle { margin-inline: auto; }\r\n .rf-final-call { padding: 60px 24px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body style=\"margin: 0; padding: 0;\">\r\n\r\n<div class=\"rf-opportunity-section\" dir=\"auto\">\r\n <section class=\"rf-opportunity-wrapper\">\r\n \r\n <div class=\"rf-intro-block\">\r\n <span class=\"rf-intro-tag\">Distinctive hosting opportunity<\/span>\r\n <h2 class=\"rf-intro-title\">Ruaa Al Farsha gives you the opportunity to transform hospitality into an organized experience that brings you additional income<\/h2>\r\n <p class=\"rf-intro-desc\">We are committed to the strictest standards to ensure that your absolute privacy is maintained and your authentic lifestyle is respected.<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-security-header\">\r\n <h3 class=\"rf-security-title\">Safety and tight regulation<\/h3>\r\n <p class=\"rf-security-subtitle\">A professional work environment that guarantees the rights of the host and guest<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-features-grid\">\r\n <div class=\"rf-feature-card\">\r\n <div class=\"rf-icon-circle\"><i class=\"fa-solid fa-address-card\"><\/i><\/div>\r\n <h4 class=\"rf-feature-title\">Documenting guest data<\/h4>\r\n <p class=\"rf-feature-text\">Each guest's identity is formally reviewed and verified before any reservation is permitted to complete.<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-feature-card\">\r\n <div class=\"rf-icon-circle\"><i class=\"fa-solid fa-certificate\"><\/i><\/div>\r\n <h4 class=\"rf-feature-title\">Documenting family data<\/h4>\r\n <p class=\"rf-feature-text\">We work to ensure the security of host families through an integrated tracking and documentation system.<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-feature-card\">\r\n <div class=\"rf-icon-circle\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\r\n <h4 class=\"rf-feature-title\">Flexible booking policies<\/h4>\r\n <p class=\"rf-feature-text\">Clear cancellation and reservation policies save your time and financial dues without complications.<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-feature-card\">\r\n <div class=\"rf-icon-circle\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n <h4 class=\"rf-feature-title\">Live technical support<\/h4>\r\n <p class=\"rf-feature-text\">A dedicated support team for hosts is available around the clock to answer any questions.<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-feature-card\">\r\n <div class=\"rf-icon-circle\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <h4 class=\"rf-feature-title\">Transparent evaluation system<\/h4>\r\n <p class=\"rf-feature-text\">Mutual evaluations ensure the quality of the experience and maintain the level of our high-quality society.<\/p>\r\n <\/div>\r\n\r\n <div class=\"rf-feature-card\" style=\"background: linear-gradient(135deg, rgba(132, 140, 92, 0.2), transparent); border-style: solid; border-color: rgba(132, 140, 92, 0.3);\">\r\n <div class=\"rf-icon-circle\" style=\"background: var(--rf-accent-olive); color: white;\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\r\n <h4 class=\"rf-feature-title\" style=\"color: var(--rf-accent-gold);\">Complete privacy<\/h4>\r\n <p class=\"rf-feature-text\">Your data and records are protected with the highest standards of encryption and strict confidentiality.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rf-final-call\">\r\n <h5 class=\"rf-final-title\">Our message to you<\/h5>\r\n <p class=\"rf-final-text\">The mattress is not a passing place...but rather an experience lived in all its eternal details.<\/p>\r\n <\/div>\r\n\r\n <\/section>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About Us Hero – Roaa Farsha \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0631\u0624\u0649 \u0627\u0644\u0641\u0631\u0634\u0629 \u0646\u062d\u0646 \u0646\u0631\u0648\u064a \u0642\u0635\u0629 \u0627\u0644\u0623\u0631\u0636 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0641\u064a \u0631\u0624\u0649 […]<\/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-175","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/175","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=175"}],"version-history":[{"count":52,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":642,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/175\/revisions\/642"}],"wp:attachment":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}