{"id":2550,"date":"2026-09-28T10:43:29","date_gmt":"2026-09-28T10:43:29","guid":{"rendered":"https:\/\/oasismakrame.com\/faq\/"},"modified":"2026-10-08T15:46:51","modified_gmt":"2026-10-08T15:46:51","slug":"faq","status":"publish","type":"page","link":"https:\/\/oasismakrame.com\/ar\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2550\" class=\"elementor elementor-2550 elementor-33\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d929ff1 e-con-full e-flex e-con e-parent\" data-id=\"d929ff1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c934b13 e-con-full e-flex e-con e-child\" data-id=\"c934b13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4325fdc e-con-full e-flex e-con e-child\" data-id=\"4325fdc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7caee36 elementor-widget elementor-widget-html\" data-id=\"7caee36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 \u0627\u0644\u0645\u0633\u064a\u0631\u064a -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=El+Messiri:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<!-- =========================================================\r\n     OASIS \u2014 FAQ SECTION (ARABIC)\r\n========================================================= -->\r\n<section class=\"oasis-faq\" dir=\"rtl\">\r\n  <div class=\"faq-inner\">\r\n\r\n    <!-- ============ COLUMN (SIDE) ============ -->\r\n    <aside class=\"faq-side\">\r\n\r\n      <span class=\"faq-eyebrow\">\r\n        <span class=\"faq-line\"><\/span> \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629\r\n      <\/span>\r\n\r\n      <h2 class=\"faq-title\">\r\n        \u0643\u0644 \u0627\u0644\u0644\u064a \u0639\u0627\u064a\u0632<br>\r\n        <em>\u062a\u0639\u0631\u0641\u0647.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"faq-lead\">\r\n        \u0647\u0646\u0627 \u0647\u062a\u0644\u0627\u0642\u064a \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0644\u0649 \u0643\u0644 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0639\u0646 \u0642\u0637\u0639\u0646\u0627 \u0627\u0644\u064a\u062f\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0648\u0627\u0644\u0634\u062d\u0646.\r\n      <\/p>\r\n\r\n      <div class=\"faq-contact\">\r\n        <p class=\"faq-contact-label\">\u0644\u0633\u0647 \u0639\u0646\u062f\u0643 \u0633\u0624\u0627\u0644\u061f<\/p>\r\n        <a href=\"\/ar\/contact\/\" class=\"faq-contact-btn\">\r\n          \u0643\u0644\u0645\u0646\u0627 <span>\u2190<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/aside>\r\n\r\n\r\n    <!-- ============ COLUMN (ACCORDION) ============ -->\r\n    <div class=\"faq-list\">\r\n\r\n      <!-- Item 1 -->\r\n      <div class=\"faq-item is-open\">\r\n        <button class=\"faq-trigger\" type=\"button\">\r\n          <span class=\"faq-num\">\u0660\u0661<\/span>\r\n          <span class=\"faq-question\">\u0643\u0644 \u0627\u0644\u0642\u0637\u0639 \u0628\u062a\u0627\u0639\u062a\u0643\u0645 \u0645\u0635\u0646\u0648\u0639\u0629 \u0628\u0625\u064a\u062f\u061f<\/span>\r\n          <span class=\"faq-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            <p>\u0623\u064a\u0648\u0647 \u2014 \u0643\u0644 \u0642\u0637\u0639\u0629 \u0628\u062a\u062e\u0631\u062c \u0645\u0646 \u0625\u064a\u062f \u062d\u0631\u0641\u064a\u064a\u0646\u0627 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629. \u0628\u0646\u0634\u062a\u063a\u0644 \u0623\u0633\u0627\u0633\u064b\u0627 \u0628\u062e\u064a\u0648\u0637 \u0642\u0637\u0646 \u0641\u0627\u062e\u0631\u0629 \u0648\u062e\u0627\u0645\u0627\u062a \u0637\u0628\u064a\u0639\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629\u060c \u0648\u062f\u0647 \u0627\u0644\u0644\u064a \u0628\u064a\u062f\u064a \u0643\u0644 \u0642\u0637\u0639\u0629 \u0637\u0627\u0628\u0639\u0647\u0627 \u0627\u0644\u062e\u0627\u0635 \u0627\u0644\u0644\u064a \u0645\u0641\u064a\u0634 \u0632\u064a\u0647\u0627.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-trigger\" type=\"button\">\r\n          <span class=\"faq-num\">\u0660\u0662<\/span>\r\n          <span class=\"faq-question\">\u064a\u0646\u0641\u0639 \u0623\u0637\u0644\u0628 \u0645\u0642\u0627\u0633 \u0623\u0648 \u0644\u0648\u0646 \u0645\u062e\u0635\u0635\u061f<\/span>\r\n          <span class=\"faq-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            <p>\u0623\u0643\u064a\u062f. \u0645\u0639\u0638\u0645 \u0642\u0637\u0639\u0646\u0627 \u064a\u0646\u0641\u0639 \u062a\u062a\u0638\u0628\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0642\u0627\u0633 \u0648\u0627\u0644\u0644\u0648\u0646 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0644\u064a \u064a\u0646\u0627\u0633\u0628 \u0645\u0643\u0627\u0646\u0643. \u0627\u0628\u0639\u062a\u0644\u0646\u0627 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\u060c \u0648\u0647\u0646\u0631\u062c\u0639\u0644\u0643 \u0628\u0627\u0644\u0633\u0639\u0631 \u0648\u0645\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-trigger\" type=\"button\">\r\n          <span class=\"faq-num\">\u0660\u0663<\/span>\r\n          <span class=\"faq-question\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u0627\u062e\u062f \u0642\u062f \u0625\u064a\u0647\u061f<\/span>\r\n          <span class=\"faq-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            <p>\u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0639\u0627\u062f\u064a\u0629 \u0628\u062a\u0627\u062e\u062f \u0645\u0646 \u0663 \u0644\u0640 \u0667 \u0623\u064a\u0627\u0645 \u0639\u0645\u0644. \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0648\u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0645\u0645\u0643\u0646 \u062a\u0627\u062e\u062f \u0645\u0646 \u0662 \u0644\u0640 \u0664 \u0623\u0633\u0627\u0628\u064a\u0639 \u062d\u0633\u0628 \u0627\u0644\u062d\u062c\u0645 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644. \u062f\u0627\u064a\u0645\u064b\u0627 \u0628\u0646\u0623\u0643\u062f\u0644\u0643 \u0627\u0644\u0645\u062f\u0629 \u0642\u0628\u0644 \u0645\u0627 \u0646\u0628\u062f\u0623.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-trigger\" type=\"button\">\r\n          <span class=\"faq-num\">\u0660\u0664<\/span>\r\n          <span class=\"faq-question\">\u0628\u062a\u0634\u062d\u0646\u0648\u0627 \u062e\u0627\u0631\u062c \u0645\u0635\u0631\u061f<\/span>\r\n          <span class=\"faq-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            <p>\u0623\u064a\u0648\u0647\u060c \u0628\u0646\u0634\u062d\u0646 \u0644\u0643\u0644 \u062d\u062a\u0629 \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645. \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u062d\u0646 \u0648\u0645\u062f\u0629 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0628\u062a\u062e\u062a\u0644\u0641 \u062d\u0633\u0628 \u0627\u0644\u0628\u0644\u062f \u2014 \u0647\u062a\u0634\u0648\u0641 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0639\u0646\u062f \u0627\u0644\u0634\u0631\u0627\u0621\u060c \u0648\u0647\u0646\u0641\u0636\u0644 \u0645\u0639\u0627\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 5 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-trigger\" type=\"button\">\r\n          <span class=\"faq-num\">\u0660\u0665<\/span>\r\n          <span class=\"faq-question\">\u0628\u062a\u0634\u062a\u063a\u0644\u0648\u0627 \u0645\u0639 \u0645\u0637\u0627\u0639\u0645 \u0648\u0641\u0646\u0627\u062f\u0642\u061f<\/span>\r\n          <span class=\"faq-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            <p>\u0623\u064a\u0648\u0647 \u2014 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u062c\u0632\u0621 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0634\u063a\u0644\u0646\u0627. \u0628\u0646\u0648\u0631\u0651\u062f \u0644\u0645\u0637\u0627\u0639\u0645 \u0648\u0641\u0646\u0627\u062f\u0642 \u0648\u0645\u0646\u062a\u062c\u0639\u0627\u062a \u0648\u0643\u0627\u0641\u064a\u0647\u0627\u062a \u0642\u0637\u0639 \u0645\u0643\u0631\u0645\u064a\u0629 \u0648\u0642\u0645\u0627\u0634\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0628\u0627\u0644\u0643\u0645\u064a\u0627\u062a. \u0643\u0644\u0645\u0646\u0627 \u0648\u0647\u0646\u0628\u0639\u062a\u0644\u0643 \u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 6 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-trigger\" type=\"button\">\r\n          <span class=\"faq-num\">\u0660\u0666<\/span>\r\n          <span class=\"faq-question\">\u0625\u0632\u0627\u064a \u0623\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0642\u0637\u0639\u0629\u061f<\/span>\r\n          <span class=\"faq-icon\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"faq-content\">\r\n          <div class=\"faq-content-inner\">\r\n            <p>\u0645\u0639\u0638\u0645 \u0642\u0637\u0639\u0646\u0627 \u064a\u0646\u0641\u0639 \u062a\u062a\u0646\u0636\u0641 \u0628\u0641\u0631\u0634\u0629 \u0646\u0627\u0639\u0645\u0629 \u0623\u0648 \u0645\u0643\u0646\u0633\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0639\u0644\u0649 \u0623\u0642\u0644 \u0633\u0631\u0639\u0629. \u0644\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0623\u0639\u0645\u0642\u060c \u0646\u0638\u0651\u0641 \u0645\u0643\u0627\u0646 \u0627\u0644\u0628\u0642\u0639\u0629 \u0628\u0633 \u0628\u0645\u064a\u0629 \u0628\u0627\u0631\u062f\u0629 \u0648\u0635\u0627\u0628\u0648\u0646 \u0644\u0637\u064a\u0641. \u062a\u062c\u0646\u0651\u0628 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0642\u0648\u064a\u0629 \u0648\u0627\u0644\u0634\u0645\u0633 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0634\u0627\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u062a\u0641\u0636\u0644 \u0632\u064a \u0645\u0627 \u0647\u064a.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   OASIS \u2014 FAQ (ARABIC)\r\n========================================================= *\/\r\n\r\n:root {\r\n  --faq-cream:   #F5EFE4;\r\n  --faq-cream-2: #EDE3D2;\r\n  --faq-coffee:  #3A2A1C;\r\n  --faq-terra:   #C4683A;\r\n  --faq-olive:   #7A8B5A;\r\n  --faq-line:    #DDD0BB;\r\n  --faq-text:    #6B5847;\r\n}\r\n\r\n.oasis-faq {\r\n  background: var(--faq-cream);\r\n  padding: 20px 20px;\r\n  font-family: 'El Messiri', 'Cairo', -apple-system, sans-serif;\r\n  width: 100%;\r\n  direction: rtl;\r\n  border-radius: 20px;\r\n}\r\n\r\n.oasis-faq * {\r\n  box-sizing: border-box;\r\n  font-family: 'El Messiri', 'Cairo', sans-serif;\r\n}\r\n\r\n.faq-inner {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.4fr;\r\n  gap: 100px;\r\n  align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDE COLUMN\r\n========================================================= *\/\r\n.faq-side {\r\n  position: sticky;\r\n  top: 60px;\r\n  text-align: right;\r\n}\r\n\r\n.faq-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  font-size: 13px;\r\n  letter-spacing: 0;\r\n  color: var(--faq-olive);\r\n  font-weight: 600;\r\n  margin-bottom: 30px;\r\n  opacity: 0.9;\r\n}\r\n\r\n.faq-line {\r\n  display: block;\r\n  width: 42px;\r\n  height: 1px;\r\n  background: var(--faq-olive);\r\n  opacity: 0.5;\r\n}\r\n\r\n.faq-title {\r\n  font-family: 'El Messiri', Georgia, serif;\r\n  font-size: clamp(36px, 4.5vw, 62px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  letter-spacing: 0;\r\n  color: var(--faq-coffee);\r\n  margin: 0 0 22px;\r\n}\r\n\r\n.faq-title em {\r\n  font-style: italic;\r\n  color: var(--faq-terra);\r\n}\r\n\r\n.faq-lead {\r\n  font-size: 15px;\r\n  line-height: 2;\r\n  color: var(--faq-text);\r\n  margin: 0 0 50px;\r\n  max-width: 380px;\r\n  opacity: 0.85;\r\n}\r\n\r\n\/* Contact box *\/\r\n.faq-contact {\r\n  padding: 25px 30px;\r\n  background: var(--faq-cream-2);\r\n  border-radius: 16px;\r\n  max-width: 320px;\r\n}\r\n\r\n.faq-contact-label {\r\n  font-size: 14px;\r\n  color: var(--faq-text);\r\n  margin: 0 0 14px;\r\n  opacity: 0.75;\r\n}\r\n\r\n.faq-contact-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  letter-spacing: 0;\r\n  color: var(--faq-coffee);\r\n  text-decoration: none;\r\n  padding-bottom: 4px;\r\n  border-bottom: 1.5px solid var(--faq-coffee);\r\n  transition: color 0.3s ease, border-color 0.3s ease;\r\n}\r\n\r\n.faq-contact-btn:hover {\r\n  color: var(--faq-terra);\r\n  border-color: var(--faq-terra);\r\n}\r\n\r\n.faq-contact-btn span {\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.faq-contact-btn:hover span {\r\n  transform: translateX(-5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCORDION COLUMN\r\n========================================================= *\/\r\n.faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.faq-item {\r\n  border-bottom: 1px solid var(--faq-line);\r\n  transition: background 0.4s ease;\r\n}\r\n\r\n.faq-item:first-child {\r\n  border-top: 1px solid var(--faq-line);\r\n}\r\n\r\n\/* Trigger *\/\r\n.faq-trigger {\r\n  width: 100%;\r\n  display: grid;\r\n  grid-template-columns: 60px 1fr 40px;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 30px 0;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  text-align: right;\r\n  font-family: inherit;\r\n  transition: padding 0.4s ease;\r\n}\r\n\r\n.faq-item:hover .faq-trigger {\r\n  padding-right: 12px;\r\n}\r\n\r\n\/* Number *\/\r\n.faq-num {\r\n  font-family: 'El Messiri', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0;\r\n  color: var(--faq-terra);\r\n  opacity: 0.7;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.faq-item.is-open .faq-num,\r\n.faq-item:hover .faq-num {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Question *\/\r\n.faq-question {\r\n  font-family: 'El Messiri', Georgia, serif;\r\n  font-size: clamp(18px, 1.8vw, 24px);\r\n  font-weight: 600;\r\n  color: var(--faq-coffee);\r\n  line-height: 1.5;\r\n  letter-spacing: 0;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.faq-item.is-open .faq-question {\r\n  color: var(--faq-terra);\r\n}\r\n\r\n\/* Plus \/ Minus Icon *\/\r\n.faq-icon {\r\n  position: relative;\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  background: transparent;\r\n  border: 1.5px solid var(--faq-line);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  justify-self: end;\r\n  transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s ease;\r\n}\r\n\r\n.faq-icon span {\r\n  position: absolute;\r\n  background: var(--faq-coffee);\r\n  border-radius: 2px;\r\n  transition: background 0.3s ease, transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.faq-icon span:nth-child(1) {\r\n  width: 14px;\r\n  height: 1.5px;\r\n}\r\n\r\n.faq-icon span:nth-child(2) {\r\n  width: 1.5px;\r\n  height: 14px;\r\n}\r\n\r\n.faq-item.is-open .faq-icon {\r\n  background: var(--faq-terra);\r\n  border-color: var(--faq-terra);\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.faq-item.is-open .faq-icon span {\r\n  background: #fff;\r\n}\r\n\r\n.faq-item.is-open .faq-icon span:nth-child(2) {\r\n  transform: scaleY(0);\r\n}\r\n\r\n\/* Content *\/\r\n.faq-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.5s cubic-bezier(0.7, 0, 0.2, 1);\r\n}\r\n\r\n.faq-content-inner {\r\n  padding: 0 60px 30px 60px;\r\n  opacity: 0;\r\n  transform: translateY(-8px);\r\n  transition: opacity 0.5s ease 0.15s, transform 0.5s ease 0.15s;\r\n}\r\n\r\n.faq-item.is-open .faq-content {\r\n  max-height: 400px;\r\n}\r\n\r\n.faq-item.is-open .faq-content-inner {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.faq-content-inner p {\r\n  font-size: 15.5px;\r\n  line-height: 2;\r\n  color: var(--faq-text);\r\n  margin: 0;\r\n  opacity: 0.88;\r\n  max-width: 620px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n@media (max-width: 992px) {\r\n  .oasis-faq { padding: 20px 20px; }\r\n\r\n  .faq-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n\r\n  .faq-side {\r\n    position: relative;\r\n    top: 0;\r\n  }\r\n\r\n  .faq-lead { max-width: 100%; }\r\n  .faq-contact { max-width: 100%; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .oasis-faq { padding: 20px 20px; }\r\n\r\n  .faq-eyebrow { font-size: 11px; margin-bottom: 22px; }\r\n  .faq-title { letter-spacing: 0; }\r\n  .faq-lead { font-size: 14px; margin-bottom: 35px; }\r\n  .faq-contact { padding: 20px 22px; }\r\n\r\n  .faq-trigger {\r\n    grid-template-columns: 45px 1fr 32px;\r\n    gap: 12px;\r\n    padding: 22px 0;\r\n  }\r\n\r\n  .faq-item:hover .faq-trigger { padding-right: 0; }\r\n\r\n  .faq-num { font-size: 13px; }\r\n  .faq-question { font-size: 17px; line-height: 1.45; }\r\n\r\n  .faq-icon {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  .faq-icon span:nth-child(1) { width: 12px; }\r\n  .faq-icon span:nth-child(2) { height: 12px; }\r\n\r\n  .faq-content-inner {\r\n    padding: 0 45px 22px 0;\r\n  }\r\n\r\n  .faq-content-inner p { font-size: 14px; line-height: 1.9; }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n\/* =========================================================\r\n   FAQ \u2014 Accordion\r\n========================================================= *\/\r\n(function() {\r\n  const items = document.querySelectorAll('.faq-item');\r\n\r\n  items.forEach((item) => {\r\n    const trigger = item.querySelector('.faq-trigger');\r\n    if (!trigger) return;\r\n\r\n    trigger.addEventListener('click', () => {\r\n      const isOpen = item.classList.contains('is-open');\r\n\r\n      \/\/ \u0627\u0642\u0641\u0644 \u0643\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0627\u0646\u064a\u0629\r\n      items.forEach((el) => el.classList.remove('is-open'));\r\n\r\n      \/\/ \u0627\u0641\u062a\u062d \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0644\u0648 \u0643\u0627\u0646 \u0645\u0642\u0641\u0648\u0644\r\n      if (!isOpen) {\r\n        item.classList.add('is-open');\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u0643\u0644 \u0627\u0644\u0644\u064a \u0639\u0627\u064a\u0632 \u062a\u0639\u0631\u0641\u0647. \u0647\u0646\u0627 \u0647\u062a\u0644\u0627\u0642\u064a \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0644\u0649 \u0643\u0644 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0639\u0646 \u0642\u0637\u0639\u0646\u0627 \u0627\u0644\u064a\u062f\u0648\u064a\u0629\u060c \u0648\u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0648\u0627\u0644\u0634\u062d\u0646. \u0644\u0633\u0647 \u0639\u0646\u062f\u0643<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2550","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/comments?post=2550"}],"version-history":[{"count":3,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2550\/revisions"}],"predecessor-version":[{"id":2633,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2550\/revisions\/2633"}],"wp:attachment":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/media?parent=2550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}