FAQ Hero - Roaa Farsha<\/title>\r\n \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: #848c5c;\r\n --hero-olive-dark: #6b7346;\r\n --hero-gold: #d4b483;\r\n --hero-gold-bright: #e5cfac;\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 --hero-font: 'IBM Plex Sans Arabic', sans-serif;\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: 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 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 background-image: url('https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?q=80&w=2070&auto=format&fit=crop');\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 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 \/* Content Container *\/\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 text-align: center;\r\n color: var(--hero-white);\r\n }\r\n\r\n \/* Badge - Smaller & more refined *\/\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: fadeInDown 1s ease-out;\r\n }\r\n\r\n \/* Title - Optimized for readability *\/\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: 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 - Smaller & more spacious *\/\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: fadeInUp 1s ease-out 0.4s both;\r\n }\r\n\r\n \/* Action Buttons *\/\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: fadeInUp 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 \/* Primary Button Hover Control *\/\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 \/* Secondary Button Hover Control *\/\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 \/* Stats Bar - More compact *\/\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: fadeInUp 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 .rf-stat-box:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n left: -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 \/* Standard Animations *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInDown {\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(:last-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\">\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-question-circle\"><\/i>\r\n Tourist assistance and guidance centre\r\n <\/div>\r\n\r\n <h1 class=\"rf-hero-title translation-block\">Do you have a question? We are here to <br>give you the <span>answer<\/span><\/h1>\r\n\r\n <p class=\"rf-hero-description\">\r\n We have collected for you a list of the most frequently asked questions about our services, booking methods, and flight details. Browse the answers below to find everything you need to plan your trip with ease and clarity.\r\n <\/p>\r\n\r\n <div class=\"rf-hero-actions\">\r\n <a href=\"#faq-sections\" class=\"rf-btn rf-btn-primary\">\r\n <span>Browse questions<\/span>\r\n <i class=\"fas fa-search\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/roaafarsha.com\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"rf-btn rf-btn-secondary\">\r\n <span>Contact us directly<\/span>\r\n <i class=\"fas fa-comments\"><\/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\">+50<\/span>\r\n <span class=\"rf-stat-label\">Comprehensive answer<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">24\/7<\/span>\r\n <span class=\"rf-stat-label\">Support is always available<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">\u062f\u0644\u064a\u0644<\/span>\r\n <span class=\"rf-stat-label\">Inclusive of all services<\/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-5770984 elementor-widget elementor-widget-html\" data-id=\"5770984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-5770984{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-848ec2b elementor-widget elementor-widget-html\" data-id=\"848ec2b\" 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=\"en\" dir=\"ltr\">\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>FAQ - 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 @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\r\n\r\n .en-faq-wrapper {\r\n --en-olive: #848c5c;\r\n --en-olive-light: #f4f5f0;\r\n --en-gold: #d4b483;\r\n --en-dark: #1a1c14;\r\n --en-text: #333333;\r\n --en-text-light: #666666;\r\n --en-white: #ffffff;\r\n --en-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n font-family: 'Inter', sans-serif !important;\r\n background-color: var(--en-white);\r\n color: var(--en-text);\r\n padding: 100px 20px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n direction: ltr !important;\r\n text-align: left !important;\r\n }\r\n\r\n .en-faq-header { text-align: center !important; margin-bottom: 60px; }\r\n .en-faq-subtitle {\r\n color: var(--en-olive); font-size: 14px; font-weight: 700;\r\n text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; display: block;\r\n }\r\n .en-faq-title { font-size: clamp(28px, 4vw, 42px); color: var(--en-dark) !important; font-weight: 700 !important; margin-bottom: 20px; }\r\n\r\n .en-faq-container { display: flex !important; flex-direction: column !important; gap: 15px; }\r\n\r\n .en-faq-item {\r\n border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden;\r\n transition: var(--en-transition); background: var(--en-white);\r\n }\r\n .en-faq-item:hover, .en-faq-item.active {\r\n border-color: var(--en-olive); box-shadow: 0 10px 20px rgba(132, 140, 92, 0.05);\r\n }\r\n\r\n .en-faq-trigger {\r\n width: 100%; padding: 24px 30px; background: none; border: none;\r\n display: flex !important; align-items: center !important; justify-content: space-between !important;\r\n cursor: pointer; text-align: left !important; gap: 20px;\r\n }\r\n\r\n .en-faq-question { font-size: 18px; font-weight: 600; color: var(--en-dark) !important; transition: var(--en-transition); }\r\n .en-faq-item.active .en-faq-question { color: var(--en-olive); }\r\n\r\n .en-faq-icon {\r\n width: 32px; height: 32px; border-radius: 50%;\r\n background: var(--en-olive-light); color: var(--en-olive);\r\n display: flex !important; align-items: center !important; justify-content: center !important;\r\n font-size: 14px; transition: var(--en-transition); flex-shrink: 0;\r\n }\r\n .en-faq-item.active .en-faq-icon { background: var(--en-olive); color: var(--en-white); transform: rotate(180deg); }\r\n\r\n .en-faq-content { max-height: 0; overflow: hidden; transition: var(--en-transition); background: var(--en-white); }\r\n .en-faq-answer { padding: 0 30px 24px 30px; font-size: 16px; line-height: 1.8; color: var(--en-text-light) !important; }\r\n\r\n @media (max-width: 640px) {\r\n .en-faq-wrapper { padding: 60px 15px; }\r\n .en-faq-trigger { padding: 20px; }\r\n .en-faq-question { font-size: 16px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"en-faq-wrapper\">\r\n <div class=\"en-faq-header\">\r\n <span class=\"en-faq-subtitle\">Common Questions<\/span>\r\n <h2 class=\"en-faq-title\">Everything you need to know<\/h2>\r\n <\/div>\r\n\r\n <div class=\"en-faq-container\">\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">What is \"Roaa Farsha\"?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">It is a platform that allows you to book organized cultural\/social experiences with local families to learn about their lifestyle and heritage.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">How does booking work?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Choose an experience \u2190 Select an available date \u2190 Set ticket count \u2190 Pay online \u2190 Booking is confirmed immediately.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">Is the booking confirmed after payment?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Yes, in the current system, booking is confirmed immediately after successful payment, provided the date is available and daily limits are not exceeded.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">How is payment handled?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Via an electronic payment gateway connected to WooCommerce. The platform does not store card data.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">How do I become a host family?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Register as a \"Family Manager\", then complete your family profile and add your experiences and available dates.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.querySelectorAll('.en-faq-trigger').forEach(trigger => {\r\n trigger.addEventListener('click', () => {\r\n const item = trigger.parentElement;\r\n const content = trigger.nextElementSibling;\r\n const isActive = item.classList.contains('active');\r\n document.querySelectorAll('.en-faq-item').forEach(i => {\r\n i.classList.remove('active');\r\n i.querySelector('.en-faq-content').style.maxHeight = null;\r\n });\r\n if (!isActive) {\r\n item.classList.add('active');\r\n content.style.maxHeight = content.scrollHeight + \"px\";\r\n }\r\n });\r\n });\r\n<\/script>\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>FAQ Hero – Roaa Farsha \u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629 \u0644\u062f\u064a\u0643 \u062a\u0633\u0627\u0624\u0644\u061f \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0642\u0627\u0626\u0645\u0629 \u0628\u0623\u0643\u062b\u0631 […]<\/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-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/222","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=222"}],"version-history":[{"count":13,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/222\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n FAQ Hero - Roaa Farsha<\/title>\r\n \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: #848c5c;\r\n --hero-olive-dark: #6b7346;\r\n --hero-gold: #d4b483;\r\n --hero-gold-bright: #e5cfac;\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 --hero-font: 'IBM Plex Sans Arabic', sans-serif;\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: 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 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 background-image: url('https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?q=80&w=2070&auto=format&fit=crop');\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 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 \/* Content Container *\/\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 text-align: center;\r\n color: var(--hero-white);\r\n }\r\n\r\n \/* Badge - Smaller & more refined *\/\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: fadeInDown 1s ease-out;\r\n }\r\n\r\n \/* Title - Optimized for readability *\/\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: 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 - Smaller & more spacious *\/\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: fadeInUp 1s ease-out 0.4s both;\r\n }\r\n\r\n \/* Action Buttons *\/\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: fadeInUp 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 \/* Primary Button Hover Control *\/\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 \/* Secondary Button Hover Control *\/\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 \/* Stats Bar - More compact *\/\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: fadeInUp 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 .rf-stat-box:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n left: -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 \/* Standard Animations *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInDown {\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(:last-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\">\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-question-circle\"><\/i>\r\n Tourist assistance and guidance centre\r\n <\/div>\r\n\r\n <h1 class=\"rf-hero-title translation-block\">Do you have a question? We are here to <br>give you the <span>answer<\/span><\/h1>\r\n\r\n <p class=\"rf-hero-description\">\r\n We have collected for you a list of the most frequently asked questions about our services, booking methods, and flight details. Browse the answers below to find everything you need to plan your trip with ease and clarity.\r\n <\/p>\r\n\r\n <div class=\"rf-hero-actions\">\r\n <a href=\"#faq-sections\" class=\"rf-btn rf-btn-primary\">\r\n <span>Browse questions<\/span>\r\n <i class=\"fas fa-search\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/roaafarsha.com\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"rf-btn rf-btn-secondary\">\r\n <span>Contact us directly<\/span>\r\n <i class=\"fas fa-comments\"><\/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\">+50<\/span>\r\n <span class=\"rf-stat-label\">Comprehensive answer<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">24\/7<\/span>\r\n <span class=\"rf-stat-label\">Support is always available<\/span>\r\n <\/div>\r\n <div class=\"rf-stat-box\">\r\n <span class=\"rf-stat-number\">\u062f\u0644\u064a\u0644<\/span>\r\n <span class=\"rf-stat-label\">Inclusive of all services<\/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-5770984 elementor-widget elementor-widget-html\" data-id=\"5770984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-5770984{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-848ec2b elementor-widget elementor-widget-html\" data-id=\"848ec2b\" 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=\"en\" dir=\"ltr\">\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>FAQ - 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 @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\r\n\r\n .en-faq-wrapper {\r\n --en-olive: #848c5c;\r\n --en-olive-light: #f4f5f0;\r\n --en-gold: #d4b483;\r\n --en-dark: #1a1c14;\r\n --en-text: #333333;\r\n --en-text-light: #666666;\r\n --en-white: #ffffff;\r\n --en-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n font-family: 'Inter', sans-serif !important;\r\n background-color: var(--en-white);\r\n color: var(--en-text);\r\n padding: 100px 20px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n direction: ltr !important;\r\n text-align: left !important;\r\n }\r\n\r\n .en-faq-header { text-align: center !important; margin-bottom: 60px; }\r\n .en-faq-subtitle {\r\n color: var(--en-olive); font-size: 14px; font-weight: 700;\r\n text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; display: block;\r\n }\r\n .en-faq-title { font-size: clamp(28px, 4vw, 42px); color: var(--en-dark) !important; font-weight: 700 !important; margin-bottom: 20px; }\r\n\r\n .en-faq-container { display: flex !important; flex-direction: column !important; gap: 15px; }\r\n\r\n .en-faq-item {\r\n border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden;\r\n transition: var(--en-transition); background: var(--en-white);\r\n }\r\n .en-faq-item:hover, .en-faq-item.active {\r\n border-color: var(--en-olive); box-shadow: 0 10px 20px rgba(132, 140, 92, 0.05);\r\n }\r\n\r\n .en-faq-trigger {\r\n width: 100%; padding: 24px 30px; background: none; border: none;\r\n display: flex !important; align-items: center !important; justify-content: space-between !important;\r\n cursor: pointer; text-align: left !important; gap: 20px;\r\n }\r\n\r\n .en-faq-question { font-size: 18px; font-weight: 600; color: var(--en-dark) !important; transition: var(--en-transition); }\r\n .en-faq-item.active .en-faq-question { color: var(--en-olive); }\r\n\r\n .en-faq-icon {\r\n width: 32px; height: 32px; border-radius: 50%;\r\n background: var(--en-olive-light); color: var(--en-olive);\r\n display: flex !important; align-items: center !important; justify-content: center !important;\r\n font-size: 14px; transition: var(--en-transition); flex-shrink: 0;\r\n }\r\n .en-faq-item.active .en-faq-icon { background: var(--en-olive); color: var(--en-white); transform: rotate(180deg); }\r\n\r\n .en-faq-content { max-height: 0; overflow: hidden; transition: var(--en-transition); background: var(--en-white); }\r\n .en-faq-answer { padding: 0 30px 24px 30px; font-size: 16px; line-height: 1.8; color: var(--en-text-light) !important; }\r\n\r\n @media (max-width: 640px) {\r\n .en-faq-wrapper { padding: 60px 15px; }\r\n .en-faq-trigger { padding: 20px; }\r\n .en-faq-question { font-size: 16px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"en-faq-wrapper\">\r\n <div class=\"en-faq-header\">\r\n <span class=\"en-faq-subtitle\">Common Questions<\/span>\r\n <h2 class=\"en-faq-title\">Everything you need to know<\/h2>\r\n <\/div>\r\n\r\n <div class=\"en-faq-container\">\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">What is \"Roaa Farsha\"?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">It is a platform that allows you to book organized cultural\/social experiences with local families to learn about their lifestyle and heritage.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">How does booking work?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Choose an experience \u2190 Select an available date \u2190 Set ticket count \u2190 Pay online \u2190 Booking is confirmed immediately.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">Is the booking confirmed after payment?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Yes, in the current system, booking is confirmed immediately after successful payment, provided the date is available and daily limits are not exceeded.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">How is payment handled?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Via an electronic payment gateway connected to WooCommerce. The platform does not store card data.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"en-faq-item\">\r\n <button class=\"en-faq-trigger\">\r\n <span class=\"en-faq-question\">How do I become a host family?<\/span>\r\n <span class=\"en-faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n <\/button>\r\n <div class=\"en-faq-content\">\r\n <p class=\"en-faq-answer\">Register as a \"Family Manager\", then complete your family profile and add your experiences and available dates.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.querySelectorAll('.en-faq-trigger').forEach(trigger => {\r\n trigger.addEventListener('click', () => {\r\n const item = trigger.parentElement;\r\n const content = trigger.nextElementSibling;\r\n const isActive = item.classList.contains('active');\r\n document.querySelectorAll('.en-faq-item').forEach(i => {\r\n i.classList.remove('active');\r\n i.querySelector('.en-faq-content').style.maxHeight = null;\r\n });\r\n if (!isActive) {\r\n item.classList.add('active');\r\n content.style.maxHeight = content.scrollHeight + \"px\";\r\n }\r\n });\r\n });\r\n<\/script>\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>FAQ Hero – Roaa Farsha \u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629 \u0644\u062f\u064a\u0643 \u062a\u0633\u0627\u0624\u0644\u061f \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0646\u0642\u062f\u0645 \u0644\u0643 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0642\u0627\u0626\u0645\u0629 \u0628\u0623\u0643\u062b\u0631 […]<\/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-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/222","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=222"}],"version-history":[{"count":13,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/pages\/222\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/roaafarsha.com\/en\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}