{"id":10,"date":"2026-03-16T11:37:22","date_gmt":"2026-03-16T11:37:22","guid":{"rendered":"https:\/\/raneem-lawyer.com\/?page_id=10"},"modified":"2026-04-08T09:46:01","modified_gmt":"2026-04-08T09:46:01","slug":"home","status":"publish","type":"page","link":"https:\/\/raneem-lawyer.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Iwan Al-Andalusia - Hero Intro<\/title>\r\n\r\n <style>\r\n :root{\r\n --primary:#A88A2D;\r\n --primary-dark:#8e7424;\r\n --bg:#F2F5F7;\r\n --white:#ffffff;\r\n\r\n --title-light:#F4F6F8;\r\n --text-light:#E8EDF1;\r\n --muted:rgba(255,255,255,0.82);\r\n\r\n --overlay-dark:rgba(10,12,16,0.72);\r\n --overlay-soft:rgba(10,12,16,0.48);\r\n --overlay-extra:rgba(0,0,0,0.12);\r\n\r\n --shadow:0 20px 60px rgba(0,0,0,0.22);\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 html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n body{\r\n background:var(--bg);\r\n font-family:inherit;\r\n }\r\n\r\n a{\r\n text-decoration:none;\r\n }\r\n\r\n img{\r\n max-width:100%;\r\n display:block;\r\n }\r\n\r\n \/* ========================= HERO INTRO ========================= *\/\r\n .hero-intro{\r\n position:relative;\r\n min-height:100vh;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n overflow:hidden;\r\n isolation:isolate;\r\n padding:140px 0 90px;\r\n background:#111;\r\n }\r\n\r\n \/* \u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n .hero-intro__video{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n z-index:-4;\r\n }\r\n\r\n \/* \u0637\u0628\u0642\u0629 \u062a\u063a\u0645\u064a\u0642 *\/\r\n .hero-intro__overlay{\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(180deg, var(--overlay-dark), var(--overlay-soft)),\r\n linear-gradient(90deg, rgba(0,0,0,0.18), rgba(0,0,0,0.20));\r\n z-index:-3;\r\n pointer-events:none;\r\n }\r\n\r\n \/* \u0637\u0628\u0642\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n .hero-intro::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at 20% 20%, rgba(168,138,45,0.16), transparent 28%),\r\n radial-gradient(circle at 80% 70%, rgba(168,138,45,0.12), transparent 26%),\r\n linear-gradient(180deg, rgba(0,0,0,0.10), var(--overlay-extra));\r\n z-index:-2;\r\n pointer-events:none;\r\n }\r\n\r\n\r\n \r\n\r\n .hero-intro__container{\r\n width:min(100%, 1320px);\r\n margin-inline:auto;\r\n text-align:center;\r\n position:relative;\r\n z-index:2;\r\n padding-inline:24px;\r\n animation:heroFadeScale 1.2s ease-out forwards;\r\n }\r\n\r\n .hero-intro__logo-wrap{\r\n display:flex;\r\n justify-content:center;\r\n margin-bottom:24px;\r\n opacity:0;\r\n animation:fadeUp 0.8s ease forwards;\r\n animation-delay:0.1s;\r\n }\r\n\r\n .hero-intro__logo{\r\n width:min(220px, 48vw);\r\n filter:\r\n drop-shadow(0 8px 24px rgba(0,0,0,0.25))\r\n drop-shadow(0 0 18px rgba(168,138,45,0.12));\r\n }\r\n\r\n .hero-intro__badge{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n padding:10px 18px;\r\n margin-bottom:22px;\r\n border:1px solid rgba(255,255,255,0.18);\r\n background:rgba(255,255,255,0.08);\r\n backdrop-filter:blur(10px);\r\n border-radius:999px;\r\n color:#F5F5F5;\r\n font-size:14px;\r\n font-weight:700;\r\n letter-spacing:.2px;\r\n box-shadow:var(--shadow);\r\n opacity:0;\r\n animation:fadeUp 0.8s ease forwards;\r\n animation-delay:0.2s;\r\n }\r\n\r\n .hero-intro__badge::before{\r\n content:\"\";\r\n width:8px;\r\n height:8px;\r\n border-radius:50%;\r\n background:var(--primary);\r\n box-shadow:0 0 0 6px rgba(168,138,45,0.16);\r\n flex:0 0 auto;\r\n }\r\n\r\n .hero-intro__title{\r\n width:min(80%, 1160px);\r\n margin:0 auto 22px;\r\n font-size:clamp(1.9rem, 3.1vw, 3.65rem);\r\n line-height:1.4;\r\n font-weight:800;\r\n letter-spacing:-0.02em;\r\n text-wrap:balance;\r\n color:var(--title-light);\r\n text-shadow:0 10px 30px rgba(0,0,0,0.30);\r\n opacity:0;\r\n animation:fadeUp 0.9s ease forwards;\r\n animation-delay:0.45s;\r\n }\r\n\r\n .hero-intro__title span{\r\n color:var(--primary);\r\n display:inline-block;\r\n text-shadow:0 8px 22px rgba(168,138,45,0.18);\r\n }\r\n\r\n .hero-intro__text{\r\n max-width:900px;\r\n margin:0 auto;\r\n font-size:clamp(0.98rem, 1.25vw, 1.18rem);\r\n line-height:2;\r\n color:var(--text-light);\r\n text-shadow:0 6px 18px rgba(0,0,0,0.20);\r\n opacity:0;\r\n animation:fadeUp 1s ease forwards;\r\n animation-delay:0.7s;\r\n }\r\n\r\n .hero-intro__actions{\r\n margin-top:34px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n opacity:0;\r\n animation:fadeUp 1.1s ease forwards;\r\n animation-delay:0.95s;\r\n }\r\n\r\n .hero-intro__btn{\r\n min-width:180px;\r\n padding:15px 26px;\r\n font-size:15px;\r\n font-weight:800;\r\n border-radius:14px;\r\n transition:all .3s ease;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n border:1px solid transparent;\r\n backdrop-filter:blur(8px);\r\n position:relative;\r\n overflow:hidden;\r\n text-align:center;\r\n }\r\n\r\n .hero-intro__btn--primary{\r\n background:linear-gradient(135deg, #b59634 0%, var(--primary) 55%, #8e7424 100%);\r\n color:var(--white);\r\n box-shadow:0 14px 30px rgba(168,138,45,0.26);\r\n animation:btnGlow 2.8s infinite;\r\n }\r\n\r\n .hero-intro__btn--primary:hover{\r\n color:#fff;\r\n transform:translateY(-2px) scale(1.02);\r\n box-shadow:0 18px 36px rgba(168,138,45,0.30);\r\n }\r\n\r\n .hero-intro__btn--primary::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n right:-120%;\r\n width:90%;\r\n height:100%;\r\n background:linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255,255,255,0.20),\r\n transparent\r\n );\r\n transform:skewX(-25deg);\r\n animation:shine 3.8s infinite;\r\n }\r\n\r\n .hero-intro__btn--ghost{\r\n background:rgba(255,255,255,0.08);\r\n color:var(--white);\r\n border-color:rgba(255,255,255,0.24);\r\n box-shadow:0 10px 24px rgba(0,0,0,0.12);\r\n }\r\n\r\n .hero-intro__btn--ghost:hover{\r\n background:rgba(255,255,255,0.14);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n }\r\n\r\n .hero-intro__scroll{\r\n position:absolute;\r\n left:50%;\r\n bottom:28px;\r\n transform:translateX(-50%);\r\n width:24px;\r\n height:44px;\r\n border:1.5px solid rgba(255,255,255,0.34);\r\n border-radius:999px;\r\n z-index:2;\r\n background:rgba(255,255,255,0.04);\r\n backdrop-filter:blur(4px);\r\n animation:scrollFloat 2.2s ease-in-out infinite;\r\n }\r\n\r\n .hero-intro__scroll::after{\r\n content:\"\";\r\n position:absolute;\r\n top:8px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:4px;\r\n height:10px;\r\n border-radius:999px;\r\n background:linear-gradient(180deg, var(--primary), rgba(255,255,255,0.85));\r\n animation:scrollDot 1.8s ease-in-out infinite;\r\n }\r\n\r\n \/* ========================= ANIMATIONS ========================= *\/\r\n @keyframes heroFadeScale{\r\n from{\r\n opacity:0;\r\n transform:translateY(40px) scale(0.98);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes fadeUp{\r\n from{\r\n opacity:0;\r\n transform:translateY(30px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n @keyframes btnGlow{\r\n 0%{\r\n box-shadow:0 14px 30px rgba(168,138,45,0.18);\r\n }\r\n 50%{\r\n box-shadow:0 18px 40px rgba(168,138,45,0.40);\r\n }\r\n 100%{\r\n box-shadow:0 14px 30px rgba(168,138,45,0.18);\r\n }\r\n }\r\n\r\n @keyframes shine{\r\n 0%{\r\n right:-120%;\r\n }\r\n 60%{\r\n right:130%;\r\n }\r\n 100%{\r\n right:130%;\r\n }\r\n }\r\n\r\n @keyframes scrollDot{\r\n 0%{\r\n transform:translate(-50%, 0);\r\n opacity:.3;\r\n }\r\n 50%{\r\n transform:translate(-50%, 10px);\r\n opacity:1;\r\n }\r\n 100%{\r\n transform:translate(-50%, 18px);\r\n opacity:.2;\r\n }\r\n }\r\n\r\n @keyframes scrollFloat{\r\n 0%,100%{\r\n transform:translateX(-50%) translateY(0);\r\n }\r\n 50%{\r\n transform:translateX(-50%) translateY(-5px);\r\n }\r\n }\r\n\r\n \/* ========================= RESPONSIVE ========================= *\/\r\n\r\n @media (max-width: 1200px){\r\n .hero-intro{\r\n min-height:95vh;\r\n padding:120px 24px 84px;\r\n }\r\n\r\n .hero-intro__container{\r\n max-width:1080px;\r\n }\r\n\r\n .hero-intro__title{\r\n width:min(88%, 980px);\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n }\r\n\r\n .hero-intro__text{\r\n max-width:760px;\r\n font-size:clamp(1rem, 1.7vw, 1.12rem);\r\n }\r\n }\r\n\r\n @media (max-width: 991px){\r\n .hero-intro{\r\n min-height:92vh;\r\n padding:110px 20px 90px;\r\n }\r\n\r\n .hero-intro::after{\r\n background-size:240px;\r\n opacity:.12;\r\n animation-duration:18s;\r\n }\r\n\r\n .hero-intro__logo{\r\n width:min(185px, 46vw);\r\n }\r\n\r\n .hero-intro__badge{\r\n font-size:13px;\r\n padding:9px 16px;\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-intro__title{\r\n width:min(92%, 760px);\r\n font-size:clamp(1.8rem, 4.8vw, 2.7rem);\r\n line-height:1.48;\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-intro__text{\r\n max-width:700px;\r\n font-size:1rem;\r\n line-height:1.95;\r\n }\r\n\r\n .hero-intro__actions{\r\n margin-top:28px;\r\n gap:12px;\r\n }\r\n\r\n .hero-intro__btn{\r\n min-width:160px;\r\n padding:14px 22px;\r\n font-size:14px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px){\r\n .hero-intro{\r\n min-height:88vh;\r\n padding:95px 16px 80px;\r\n }\r\n\r\n .hero-intro::before{\r\n background:\r\n radial-gradient(circle at 20% 20%, rgba(168,138,45,0.10), transparent 26%),\r\n radial-gradient(circle at 80% 70%, rgba(168,138,45,0.08), transparent 24%),\r\n linear-gradient(180deg, rgba(0,0,0,0.10), var(--overlay-extra));\r\n }\r\n\r\n .hero-intro::after{\r\n background-size:220px;\r\n opacity:.10;\r\n animation-duration:20s;\r\n }\r\n\r\n .hero-intro__logo-wrap{\r\n margin-bottom:18px;\r\n }\r\n\r\n .hero-intro__logo{\r\n width:min(150px, 42vw);\r\n }\r\n\r\n .hero-intro__badge{\r\n font-size:12px;\r\n padding:9px 14px;\r\n margin-bottom:14px;\r\n gap:8px;\r\n }\r\n\r\n .hero-intro__badge::before{\r\n width:7px;\r\n height:7px;\r\n box-shadow:0 0 0 5px rgba(168,138,45,0.14);\r\n }\r\n\r\n .hero-intro__title{\r\n width:100%;\r\n font-size:clamp(1.65rem, 7vw, 2.2rem);\r\n line-height:1.55;\r\n margin-bottom:14px;\r\n }\r\n\r\n .hero-intro__text{\r\n font-size:0.96rem;\r\n line-height:1.9;\r\n max-width:100%;\r\n }\r\n\r\n .hero-intro__actions{\r\n margin-top:24px;\r\n gap:10px;\r\n flex-direction:column;\r\n align-items:center;\r\n }\r\n\r\n .hero-intro__btn{\r\n width:100%;\r\n max-width:320px;\r\n min-width:auto;\r\n padding:14px 20px;\r\n }\r\n\r\n .hero-intro__scroll{\r\n width:22px;\r\n height:40px;\r\n bottom:16px;\r\n }\r\n\r\n .hero-intro__scroll::after{\r\n height:9px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px){\r\n .hero-intro{\r\n min-height:82vh;\r\n padding:88px 14px 70px;\r\n }\r\n\r\n .hero-intro::after{\r\n background-size:180px;\r\n opacity:.08;\r\n animation:none;\r\n }\r\n\r\n .hero-intro__logo{\r\n width:130px;\r\n }\r\n\r\n .hero-intro__badge{\r\n font-size:11px;\r\n padding:8px 12px;\r\n }\r\n\r\n .hero-intro__title{\r\n font-size:1.5rem;\r\n line-height:1.6;\r\n }\r\n\r\n .hero-intro__text{\r\n font-size:.92rem;\r\n line-height:1.85;\r\n }\r\n\r\n .hero-intro__btn{\r\n max-width:100%;\r\n font-size:13px;\r\n padding:13px 16px;\r\n border-radius:12px;\r\n }\r\n\r\n .hero-intro__scroll{\r\n display:none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <section class=\"hero-intro\">\r\n\r\n <video class=\"hero-intro__video\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/hero.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"hero-intro__overlay\"><\/div>\r\n\r\n <div class=\"hero-intro__container\">\r\n\r\n <div class=\"hero-intro__logo-wrap\">\r\n <img decoding=\"async\"\r\n class=\"hero-intro__logo\"\r\n src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/logo-copy.png\"\r\n alt=\"\u0634\u0639\u0627\u0631 \u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629\"\r\n >\r\n <\/div>\r\n\r\n <span class=\"hero-intro__badge\">\u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0625\u0644\u0647\u0627\u0645 \u0623\u0646\u062f\u0644\u0633\u064a<\/span>\r\n\r\n<h1 class=\"hero-intro__title\">\r\n \u0636\u064a\u0627\u0641\u0629 \u062a\u064f\u062f\u0627\u0631 \r\n \r\n <span>\u0628\u0634\u063a\u0641<\/span> \r\n \r\n <\/h1>\r\n\r\n <p class=\"hero-intro__text\">\r\n \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0633\u0643\u0646 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0641\u0631\u0627\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n <\/p>\r\n\r\n <div class=\"hero-intro__actions\">\r\n <a href=\"https:\/\/raneem-lawyer.com\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/\" class=\"hero-intro__btn hero-intro__btn--primary\">\u0627\u0628\u062f\u0623 \u0645\u0639\u0646\u0627<\/a>\r\n <a href=\"#services\" class=\"hero-intro__btn hero-intro__btn--ghost\"> \u0645\u0627\u0630\u0627 \u0646\u0642\u062f\u0645<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-intro__scroll\"><\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a3d7ec e-con-full e-flex e-con e-parent\" data-id=\"3a3d7ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-aeeb7a4 e-con-full e-flex e-con e-child\" data-id=\"aeeb7a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c3f42 elementor-widget elementor-widget-html\" data-id=\"a4c3f42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"iwan-about-premium\">\r\n <style>\r\n .iwan-about-premium{\r\n --primary:#9B8350;\r\n --primary-soft:rgba(155,131,80,.12);\r\n --text:#616872;\r\n --text-strong:#1c232a;\r\n --container:1200px;\r\n\r\n position: relative;\r\n overflow: clip;\r\n \r\n padding: 90px 0;\r\n font-family: \"Tahoma\", Arial, sans-serif;\r\n }\r\n\r\n .iwan-about-premium *{\r\n box-sizing: border-box;\r\n }\r\n\r\n .iwan-about-premium::after{\r\n content:\"\";\r\n position:absolute;\r\n bottom:-120px;\r\n left:-120px;\r\n width:360px;\r\n height:360px;\r\n border-radius:50%;\r\n background: radial-gradient(circle, rgba(28,35,42,.05), transparent 70%);\r\n pointer-events:none;\r\n }\r\n\r\n .iwan-about-premium .iwan-container{\r\n width: min(100% - 36px, var(--container));\r\n margin: auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .iwan-about-premium .iwan-layout{\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.01fr) minmax(300px, 500px);\r\n align-items: center;\r\n gap: clamp(22px, 4vw, 54px);\r\n }\r\n html[lang=\"en-US\"] .iwan-about-premium .iwan-layout {\r\n grid-template-columns: minmax(300px, 500px) minmax(0, 1.01fr);\r\n}\r\n\r\n .iwan-about-premium .iwan-media{\r\n position: relative;\r\n min-width: 0;\r\n }\r\n\r\n .iwan-about-premium .iwan-image{\r\n position: relative;\r\n height: 620px;\r\n overflow: hidden;\r\n background: #ddd;\r\n border-radius: 22px;\r\n box-shadow:\r\n 0 18px 50px rgba(0,0,0,.08),\r\n 0 1px 0 rgba(255,255,255,.35) inset;\r\n isolation: isolate;\r\n }\r\n\r\n .iwan-about-premium .iwan-image::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(180deg, rgba(12,12,12,.03), rgba(12,12,12,.12)),\r\n linear-gradient(0deg, rgba(155,131,80,.10), transparent 34%);\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n\r\n .iwan-about-premium .iwan-image::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:14px;\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius: 16px;\r\n z-index:2;\r\n pointer-events:none;\r\n }\r\n\r\n .iwan-about-premium .iwan-image img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n transform: scale(1.02);\r\n animation: iwanPremiumZoom 14s ease-in-out infinite alternate;\r\n will-change: transform;\r\n }\r\n\r\n @keyframes iwanPremiumZoom{\r\n from{ transform: scale(1.02); }\r\n to{ transform: scale(1.06); }\r\n }\r\n\r\n .iwan-about-premium .iwan-content{\r\n position: relative;\r\n margin-inline-start: -64px;\r\n z-index: 3;\r\n padding: 34px 30px;\r\n background: rgba(250,248,243,.86);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-radius: 22px;\r\n box-shadow: 0 16px 44px rgba(28,35,42,.07);\r\n }\r\n\r\n .iwan-about-premium .iwan-kicker{\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 14px;\r\n color: var(--primary);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .iwan-about-premium .iwan-kicker::before{\r\n content:\"\";\r\n width: 42px;\r\n height: 1px;\r\n background: rgba(155,131,80,.55);\r\n transform-origin: right;\r\n animation: iwanLineIn .9s ease both;\r\n }\r\n\r\n @keyframes iwanLineIn{\r\n from{ transform: scaleX(0); opacity:0; }\r\n to{ transform: scaleX(1); opacity:1; }\r\n }\r\n\r\n .iwan-about-premium .iwan-title{\r\n margin: 0 0 18px;\r\n color: var(--text-strong);\r\n font-size: clamp(24px, 2.1vw, 40px);\r\n line-height: 1.22;\r\n font-weight: 800;\r\n letter-spacing: -.03em;\r\n }\r\n\r\n .iwan-about-premium .iwan-title span{\r\n color: var(--primary);\r\n }\r\n\r\n .iwan-about-premium .iwan-text{\r\n margin: 0 0 14px;\r\n color: var(--text);\r\n font-size: 15px;\r\n line-height: 1.95;\r\n }\r\n\r\n .iwan-about-premium .iwan-text:last-of-type{\r\n margin-bottom: 0;\r\n }\r\n\r\n .iwan-about-premium .iwan-highlights{\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px 14px;\r\n margin-top: 22px;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(28,35,42,.08);\r\n }\r\n\r\n .iwan-about-premium .iwan-point{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:9px;\r\n color: var(--text-strong);\r\n font-size: 13px;\r\n line-height: 1.75;\r\n font-weight: 700;\r\n }\r\n\r\n .iwan-about-premium .iwan-point::before{\r\n content:\"\";\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n flex: 0 0 7px;\r\n margin-top: 8px;\r\n box-shadow: 0 0 0 7px var(--primary-soft);\r\n }\r\n\r\n .iwan-about-premium .iwan-content > *{\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: iwanFadeUp .8s ease forwards;\r\n }\r\n\r\n .iwan-about-premium .iwan-kicker{ animation-delay: .06s; }\r\n .iwan-about-premium .iwan-title{ animation-delay: .16s; }\r\n .iwan-about-premium .iwan-text:nth-of-type(1){ animation-delay: .28s; }\r\n .iwan-about-premium .iwan-text:nth-of-type(2){ animation-delay: .40s; }\r\n .iwan-about-premium .iwan-highlights{ animation-delay: .52s; }\r\n\r\n @keyframes iwanFadeUp{\r\n from{\r\n opacity:0;\r\n transform: translateY(20px);\r\n }\r\n to{\r\n opacity:1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @media (max-width: 1100px){\r\n .iwan-about-premium{\r\n padding: 72px 0;\r\n }\r\n\r\n .iwan-about-premium .iwan-layout{\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .iwan-about-premium .iwan-image{\r\n height: 500px;\r\n }\r\n\r\n .iwan-about-premium .iwan-content{\r\n margin-inline-start: 0;\r\n margin-top: -42px;\r\n width: calc(100% - 18px);\r\n padding: 28px 24px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px){\r\n .iwan-about-premium{\r\n padding: 50px 0;\r\n }\r\n\r\n .iwan-about-premium .iwan-container{\r\n width: min(100% - 18px, var(--container));\r\n }\r\n\r\n .iwan-about-premium .iwan-image{\r\n height: 340px;\r\n border-radius: 18px;\r\n }\r\n\r\n .iwan-about-premium .iwan-image::after{\r\n inset:10px;\r\n border-radius: 12px;\r\n }\r\n\r\n .iwan-about-premium .iwan-content{\r\n width: calc(100% - 6px);\r\n margin-top: -24px;\r\n padding: 20px 16px;\r\n border-radius: 18px;\r\n }\r\n\r\n .iwan-about-premium .iwan-title{\r\n font-size: 23px;\r\n line-height: 1.34;\r\n }\r\n\r\n .iwan-about-premium .iwan-text{\r\n font-size: 14px;\r\n line-height: 1.9;\r\n }\r\n\r\n .iwan-about-premium .iwan-highlights{\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .iwan-about-premium .iwan-point{\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .iwan-about-premium .iwan-image img,\r\n .iwan-about-premium .iwan-content > *,\r\n .iwan-about-premium .iwan-kicker::before{\r\n animation: none !important;\r\n transform: none !important;\r\n opacity: 1 !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"iwan-container\">\r\n <div class=\"iwan-layout\">\r\n <div class=\"iwan-media\">\r\n <div class=\"iwan-image\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/IMG_4890-scaled.jpg\" alt=\"\u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"iwan-content\">\r\n <span class=\"iwan-kicker\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n\r\n <h2 class=\"iwan-title\">\r\n \u0631\u062d\u0644\u062a\u0646\u0627 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0628\u062f\u0623\u062a \u0645\u0646\u0630 <span>2018<\/span>\r\n <\/h2>\r\n\r\n <p class=\"iwan-text\">\r\n \u0645\u0646\u0630 \u0639\u0627\u0645 2018 \u0628\u062f\u0623\u062a <strong>\u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629<\/strong> \u0631\u062d\u0644\u062a\u0647\u0627 \u062a\u0645\u0627\u0634\u064a\u0627\u064b \u0645\u0639 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 2030 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u062d\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u062e\u0644\u0642 \u0645\u0646\u0627\u062e \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u062a\u0648\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639.\r\n <\/p>\r\n\r\n <p class=\"iwan-text\">\r\n \u0627\u0633\u062a\u0637\u0627\u0639\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0646\u0630 \u0627\u0646\u0637\u0644\u0627\u0642\u062a\u0647\u0627 \u0623\u0646 \u062a\u062a\u0637\u0648\u0631 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u0648\u062d\u062f\u0627\u062a \u0641\u0646\u062f\u0642\u064a\u0629 \u0645\u0641\u0631\u0648\u0634\u0629 \u0625\u0644\u0649 \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0641\u0646\u062f\u0642\u0629 \u0648\u0627\u0644\u0633\u064a\u0627\u062d\u0629\u060c \u0644\u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u062d\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\r\n <\/p>\r\n\r\n <div class=\"iwan-highlights\">\r\n <div class=\"iwan-point\">\u0631\u062d\u0644\u0629 \u0646\u0645\u0648 \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0646\u0630 2018<\/div>\r\n <div class=\"iwan-point\">\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030<\/div>\r\n <div class=\"iwan-point\">\u062a\u062d\u0648\u0644 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0625\u0644\u0649 \u062a\u0634\u063a\u064a\u0644 \u0645\u062a\u0643\u0627\u0645\u0644<\/div>\r\n <div class=\"iwan-point\">\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u062d\u064a \u0648\u0627\u0644\u0641\u0646\u062f\u0642\u064a<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38e3650 e-flex e-con-boxed e-con e-parent\" data-id=\"38e3650\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e152440 e-flex e-con-boxed e-con e-child\" data-id=\"e152440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e69f424 elementor-widget elementor-widget-html\" data-id=\"e69f424\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n:root{\r\n --primary:#9B8350;\r\n --bg:#F3F4F6;\r\n --white:#FFFFFF;\r\n\r\n --text:#626973;\r\n --text-strong:#1F252B;\r\n --text-soft:#7B828A;\r\n --muted:#7B828A;\r\n\r\n --border:#E5E7EB;\r\n --border-strong:#D9DDE2;\r\n\r\n --radius-xl:30px;\r\n --radius-lg:24px;\r\n --radius-md:18px;\r\n\r\n --transition:all .32s ease;\r\n --shadow:0 18px 45px rgba(16,24,40,.08);\r\n --shadow-hover:0 25px 60px rgba(16,24,40,.14);\r\n}\r\n\r\n.hotel-services-arabic{\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n\/* Header *\/\r\n.section-head{\r\n text-align:center;\r\n position:relative;\r\n z-index:2;\r\n animation:fadeInDown .8s ease both;\r\n}\r\n\r\n.section-badge{\r\n display:inline-flex;\r\n padding:10px 18px;\r\n border:1px solid rgba(155,131,80,.2);\r\n border-radius:999px;\r\n color:var(--primary);\r\n font-weight:700;\r\n margin-bottom:10px;\r\n background:rgba(155,131,80,.05);\r\n backdrop-filter:blur(6px);\r\n}\r\n\r\n.section-title{\r\n font-size:32px;\r\n font-weight:800;\r\n margin:0 0 12px;\r\n color:var(--text-strong);\r\n}\r\n\r\n.section-title span{\r\n color:var(--primary);\r\n}\r\n\r\n.section-text{\r\n max-width:700px;\r\n margin:auto;\r\n color:var(--muted);\r\n line-height:1.9;\r\n}\r\n\r\n.title-line{\r\n width:120px;\r\n height:6px;\r\n background:rgba(155,131,80,.2);\r\n margin:15px auto 0;\r\n border-radius:999px;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.title-line::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n width:40%;\r\n background:rgba(155,131,80,.55);\r\n border-radius:999px;\r\n animation:titleLineMove 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes titleLineMove{\r\n 0%,100%{transform:translateX(-120%);}\r\n 50%{transform:translateX(250%);}\r\n}\r\n\r\n\/* Grid *\/\r\n.services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:20px;\r\n margin-top:30px;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.extra-services{\r\n max-height:0;\r\n opacity:0;\r\n overflow:hidden;\r\n transition:max-height .8s ease, opacity .5s ease, margin-top .5s ease;\r\n margin-top:0;\r\n}\r\n\r\n.services-toggle:checked ~ .extra-services{\r\n max-height:3000px;\r\n opacity:1;\r\n margin-top:20px;\r\n}\r\n\r\n\/* Card *\/\r\n.service-card{\r\n position:relative;\r\n border-radius:24px;\r\n overflow:hidden;\r\n border:1px solid var(--border);\r\n background:#fff;\r\n transition:\r\n transform .45s ease,\r\n box-shadow .45s ease,\r\n border-color .45s ease;\r\n box-shadow:var(--shadow);\r\n animation:fadeInDown .7s ease both;\r\n}\r\n\r\n.service-card:nth-child(1){animation-delay:.10s;}\r\n.service-card:nth-child(2){animation-delay:.25s;}\r\n.service-card:nth-child(3){animation-delay:.40s;}\r\n\r\n.service-card:hover{\r\n transform:translateY(-10px);\r\n box-shadow:var(--shadow-hover);\r\n border-color:rgba(155,131,80,.28);\r\n}\r\n\r\n.service-card::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(155,131,80,.06), transparent 35%);\r\n z-index:1;\r\n pointer-events:none;\r\n}\r\n\r\n.service-card::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top:0;\r\n width:4px;\r\n height:0;\r\n background:linear-gradient(180deg, var(--primary), rgba(155,131,80,.35));\r\n transition:height .4s ease;\r\n z-index:3;\r\n}\r\n\r\n.service-card:hover::after{\r\n height:100%;\r\n}\r\n\r\n\/* checkbox hidden *\/\r\n.services-toggle{\r\n position:absolute;\r\n opacity:0;\r\n pointer-events:none;\r\n}\r\n\r\n\/* \u0627\u062e\u0641\u0627\u0621 \u0627\u0644\u0632\u0631 \u0628\u0639\u062f \u0627\u0644\u0636\u063a\u0637 *\/\r\n.services-toggle:checked ~ .services-more{\r\n opacity:0;\r\n visibility:hidden;\r\n transform:translateY(-10px);\r\n pointer-events:none;\r\n height:0;\r\n margin:0;\r\n}\r\n\r\n\/* Button wrapper *\/\r\n.services-more{\r\n text-align:center;\r\n margin-top:35px;\r\n position:relative;\r\n z-index:2;\r\n transition:opacity .4s ease, transform .4s ease, visibility .4s ease;\r\n}\r\n\r\n\/* image *\/\r\n.service-image{\r\n height:280px;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n\r\n.service-image::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.12) 100%);\r\n z-index:1;\r\n transition:opacity .35s ease;\r\n}\r\n\r\n.service-card:hover .service-image::before{\r\n opacity:.9;\r\n}\r\n\r\n.service-image img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition:transform .7s ease, filter .5s ease;\r\n}\r\n\r\n.service-card:hover .service-image img{\r\n transform:scale(1.08);\r\n filter:saturate(1.06) contrast(1.02);\r\n}\r\n\r\n\/* body *\/\r\n.service-body{\r\n padding:10px 22px 22px;\r\n position:relative;\r\n z-index:2;\r\n transition:transform .35s ease;\r\n}\r\n\r\n.service-card:hover .service-body{\r\n transform:translateY(-4px);\r\n}\r\n\r\n.service-title{\r\n font-size:20px;\r\n font-weight:800;\r\n margin:0 0 10px;\r\n color:var(--text-strong);\r\n transition:color .3s ease, transform .3s ease;\r\n}\r\n\r\n.service-card:hover .service-title{\r\n color:var(--primary);\r\n transform:translateX(-2px);\r\n}\r\n\r\n.service-desc{\r\n font-size:15px;\r\n color:var(--text-soft);\r\n line-height:1.9;\r\n margin:0;\r\n transition:color .3s ease;\r\n}\r\n\r\n.service-card:hover .service-desc{\r\n color:#66707a;\r\n}\r\n\r\n\/* Button *\/\r\n.services-more-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:14px 28px;\r\n background:var(--primary);\r\n color:#fff;\r\n text-decoration:none;\r\n border-radius:999px;\r\n font-weight:700;\r\n font-size:15px;\r\n transition:var(--transition);\r\n box-shadow:0 14px 30px rgba(155,131,80,.18);\r\n cursor:pointer;\r\n}\r\n\r\n.services-more-btn:hover{\r\n transform:translateY(-3px);\r\n box-shadow:0 18px 35px rgba(155,131,80,.24);\r\n color:#fff;\r\n}\r\n\r\n\/* Fade In Down *\/\r\n@keyframes fadeInDown{\r\n from{\r\n opacity:0;\r\n transform:translateY(-25px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:992px){\r\n .services-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:768px){\r\n .services-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .service-image{\r\n height:240px;\r\n }\r\n\r\n .section-title{\r\n font-size:28px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hotel-services-arabic\">\r\n\r\n <div class=\"section-head\">\r\n <span class=\"section-badge\">\u0645\u0627\u0630\u0627 \u0646\u0642\u062f\u0645<\/span>\r\n\r\n <h2 class=\"section-title\">\r\n \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a <span>\u0627\u0644\u0625\u064a\u0648\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u062d\u064a<\/span>\r\n <\/h2>\r\n\r\n <p class=\"section-text\">\r\n \u062a\u0642\u062f\u0645 \u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0625\u064a\u0648\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u062d\u064a \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629 \u0627\u0644\u0645\u0641\u0631\u0648\u0634\u0629.\r\n <\/p>\r\n\r\n <div class=\"title-line\"><\/div>\r\n <\/div>\r\n\r\n <input type=\"checkbox\" id=\"services-toggle\" class=\"services-toggle\">\r\n\r\n <!-- \u0623\u0648\u0644 3 \u062e\u062f\u0645\u0627\u062a -->\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/04\/Vector-30.png\" alt=\"\u062e\u062f\u0645\u0629 \u0627\u0644\u0623\u0641\u0631\u0627\u062f\" \/>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h3 class=\"service-title\">\u062e\u062f\u0645\u0629 \u0627\u0644\u0623\u0641\u0631\u0627\u062f<\/h3>\r\n <p class=\"service-desc\">\r\n \u0646\u0648\u0641\u0631 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u062e\u064a\u0627\u0631\u0627\u062a \u0625\u0642\u0627\u0645\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0645\u060c \u0645\u0639 \u0648\u062d\u062f\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u0625\u0642\u0627\u0645\u0629 \u0633\u0647\u0644\u0629 \u0648\u0622\u0645\u0646\u0629 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u062c\u0632.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u062e\u062f\u0645\u0627\u062a-\u0627\u0644\u0627\u062f\u0627\u0631\u064a\u0629-\u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.webp\" alt=\"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\" \/>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h3 class=\"service-title\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/h3>\r\n <p class=\"service-desc\">\r\n \u0645\u0646 \u062e\u0644\u0627\u0644 \u0634\u0631\u0627\u0643\u0627\u062a\u0646\u0627 \u0645\u0639 \u0643\u0628\u0627\u0631 \u0645\u0644\u0627\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0646\u0642\u0648\u0645 \u0628\u062a\u0634\u063a\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629 \u0648\u0641\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u0634\u063a\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0644\u0644\u0648\u062d\u062f\u0627\u062a.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/\u062e\u062f\u0645\u0627\u062a-\u0627\u0644\u0627\u064a\u0648\u0627\u0621-\u0627\u0644\u0633\u064a\u0627\u062d\u064a.webp\" alt=\"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u064a\u0648\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u062d\u064a\" \/>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h3 class=\"service-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u064a\u0648\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u062d\u064a<\/h3>\r\n <p class=\"service-desc\">\r\n \u0646\u0648\u0641\u0631 \u0648\u062d\u062f\u0627\u062a \u0641\u0646\u062f\u0642\u064a\u0629 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d \u0648\u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0645\u0639 \u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u062a\u0636\u0645\u0646 \u0625\u0642\u0627\u0645\u0629 \u0645\u0631\u064a\u062d\u0629 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0632\u064a\u0627\u0631\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"services-more\">\r\n <label for=\"services-toggle\" class=\"services-more-btn\">\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/label>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 -->\r\n <div class=\"extra-services\">\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0628\u0631\u0627\u0645\u062c-\u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629.webp\" alt=\"\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629\" \/>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h3 class=\"service-title\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629<\/h3>\r\n <p class=\"service-desc\">\r\n \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0625\u0639\u062f\u0627\u062f \u0628\u0631\u0627\u0645\u062c \u0633\u064a\u0627\u062d\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062c\u0648\u0644\u0627\u062a \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u062a\u0639\u0643\u0633 \u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062a\u0628\u0631\u0632 \u0645\u0639\u0627\u0644\u0645\u0647\u0627 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u0629 \u0648\u0627\u0644\u062d\u0636\u0627\u0631\u064a\u0629 \u0644\u0644\u0632\u0648\u0627\u0631 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0648\u062e\u0627\u0631\u062c \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/\u0641\u0631\u0635-\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.webp\" alt=\"\u0641\u0631\u0635 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u062d\u064a\" \/>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h3 class=\"service-title\">\u0641\u0631\u0635 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u062d\u064a<\/h3>\r\n <p class=\"service-desc\">\r\n \u062a\u0645\u0627\u0634\u064a\u0627\u064b \u0645\u0639 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030\u060c \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0641\u0631\u0635 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0648\u0627\u0644\u0641\u0646\u062f\u0642\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0634\u0631\u0643\u0627\u062a \u0648\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0645\u062d\u0644\u064a\u064a\u0646 \u0648\u0639\u0627\u0644\u0645\u064a\u064a\u0646\u060c \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u062e\u0628\u0631\u062a\u0646\u0627 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u064a\u0627\u062d\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f9fda2 e-flex e-con-boxed e-con e-parent\" data-id=\"5f9fda2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d487bd0 e-con-full e-flex e-con e-child\" data-id=\"d487bd0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-befe24b elementor-widget elementor-widget-html\" data-id=\"befe24b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n:root{\r\n --primary:#A88A2D;\r\n --bg:#111315;\r\n --white:#ffffff;\r\n --text:#d6d9dd;\r\n --muted:#aab2bb;\r\n --card:rgba(255,255,255,.04);\r\n --border:rgba(255,255,255,.08);\r\n --shadow:0 20px 60px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* ================= SECTION ================= *\/\r\n.owner-section-home{\r\n position:relative;\r\n padding:120px 200px 100px;\r\n background:\r\n linear-gradient(rgba(10,12,14,.88), rgba(10,12,14,.88)),\r\n url(\"IMAGE_URL\") center\/cover no-repeat;\r\n overflow:hidden;\r\n}\r\n\r\n.owner-section-home::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:-10%;\r\n opacity:.12;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='340' height='340' viewBox='0 0 340 340'%3E%3Cg fill='none' stroke='%23A88A2D' stroke-width='4'%3E%3Cpath d='M170 20L210 50L260 40L280 90L320 110L310 160L340 200L310 240L320 290L280 310L260 360L210 350L170 380L130 350L80 360L60 310L20 290L30 240L0 200L30 160L20 110L60 90L80 40L130 50Z'\/%3E%3C\/g%3E%3C\/svg%3E\");\r\n background-size:260px;\r\n animation:ownerPatternMove 20s linear infinite;\r\n z-index:-1;\r\n}\r\n\r\n@keyframes ownerPatternMove{\r\n 0%{transform:translate(0,0)}\r\n 100%{transform:translate(-40px,-40px)}\r\n}\r\n\r\n\/* ================= HEAD ================= *\/\r\n.owner-section-home__head{\r\n text-align:center;\r\n max-width:850px;\r\n margin:0 auto 70px;\r\n}\r\n\r\n.owner-section-home__tag{\r\n color:var(--primary);\r\n font-weight:700;\r\n font-size:34px;\r\n margin-bottom:14px;\r\n display:inline-block;\r\n}\r\n\r\n.owner-section-home__title{\r\n font-size:clamp(28px,4vw,46px);\r\n font-weight:800;\r\n color:#f1f3f5;\r\n line-height:1.4;\r\n margin-bottom:16px;\r\n}\r\n\r\n.owner-section-home__title span{\r\n color:var(--primary);\r\n}\r\n\r\n.owner-section-home__text{\r\n color:var(--muted);\r\n line-height:2;\r\n font-size:17px;\r\n}\r\n\r\n\/* ================= CARDS ================= *\/\r\n.owner-section-home__grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:24px;\r\n margin-bottom:60px;\r\n}\r\n\r\n.owner-section-home__card{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n padding:30px 24px;\r\n text-align:center;\r\n backdrop-filter:blur(6px);\r\n transition:.4s;\r\n position:relative;\r\n border-radius:16px;\r\n}\r\n\r\n.owner-section-home__card:hover{\r\n transform:translateY(-10px);\r\n box-shadow:var(--shadow);\r\n border-color:rgba(168,138,45,.4);\r\n}\r\n\r\n.owner-section-home__card::after{\r\n content:\"\";\r\n position:absolute;\r\n bottom:0;\r\n right:0;\r\n width:0%;\r\n height:2px;\r\n background:linear-gradient(to left,var(--primary),transparent);\r\n transition:.4s;\r\n}\r\n\r\n.owner-section-home__card:hover::after{\r\n width:100%;\r\n}\r\n\r\n.owner-section-home__icon{\r\n width:65px;\r\n height:65px;\r\n margin:0 auto 18px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:var(--primary);\r\n border:1px solid rgba(168,138,45,.25);\r\n background:rgba(168,138,45,.08);\r\n font-size:22px;\r\n transition:.4s;\r\n border-radius:50%;\r\n}\r\n\r\n.owner-section-home__card:hover .owner-section-home__icon{\r\n transform:scale(1.1) rotate(5deg);\r\n}\r\n\r\n.owner-section-home__card h3{\r\n color:#fff;\r\n margin-bottom:10px;\r\n font-size:22px;\r\n}\r\n\r\n.owner-section-home__card p{\r\n color:var(--border);\r\n line-height:1.9;\r\n font-size:15px;\r\n}\r\n\r\n\/* ================= ACTIONS ================= *\/\r\n.owner-section-home__actions{\r\n display:flex;\r\n justify-content:center;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.owner-section-home__btn{\r\n min-width:190px;\r\n padding:14px 24px;\r\n border-radius:12px;\r\n font-weight:700;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n text-decoration:none;\r\n transition:.3s;\r\n text-align:center;\r\n}\r\n\r\n.owner-section-home__btn--primary{\r\n background:linear-gradient(135deg,#b59634,var(--primary));\r\n color:#fff;\r\n}\r\n\r\n.owner-section-home__btn--outline{\r\n border:1px solid rgba(255,255,255,.2);\r\n color:#fff;\r\n background:rgba(255,255,255,.05);\r\n}\r\n\r\n.owner-section-home__btn:hover{\r\n transform:translateY(-4px);\r\n box-shadow:var(--shadow);\r\n color:#fff;\r\n}\r\n\r\n\/* ================= ANIMATION ================= *\/\r\n.owner-section-home__fx{\r\n opacity:0;\r\n transform:translateY(30px);\r\n transition:.8s;\r\n}\r\n\r\n.owner-section-home__fx.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n\/* Large screens *\/\r\n@media (max-width: 1400px){\r\n .owner-section-home{\r\n padding:100px 120px 90px;\r\n }\r\n}\r\n\r\n\/* Laptop \/ tablet *\/\r\n@media (max-width: 1199px){\r\n .owner-section-home{\r\n padding:90px 60px 80px;\r\n }\r\n\r\n .owner-section-home__grid{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:20px;\r\n }\r\n\r\n .owner-section-home__head{\r\n margin:0 auto 50px;\r\n }\r\n\r\n .owner-section-home__title{\r\n font-size:clamp(26px,3.5vw,40px);\r\n }\r\n\r\n .owner-section-home__text{\r\n font-size:16px;\r\n line-height:1.9;\r\n }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 991px){\r\n .owner-section-home{\r\n padding:80px 30px 70px;\r\n }\r\n\r\n .owner-section-home__grid{\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n margin-bottom:40px;\r\n }\r\n\r\n .owner-section-home__head{\r\n max-width:100%;\r\n margin:0 auto 40px;\r\n }\r\n\r\n .owner-section-home__title{\r\n font-size:32px;\r\n line-height:1.5;\r\n }\r\n\r\n .owner-section-home__text{\r\n font-size:15px;\r\n }\r\n\r\n .owner-section-home__card{\r\n padding:24px 20px;\r\n }\r\n\r\n .owner-section-home__card h3{\r\n font-size:20px;\r\n }\r\n\r\n .owner-section-home__btn{\r\n min-width:170px;\r\n padding:13px 20px;\r\n }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px){\r\n .owner-section-home{\r\n padding:60px 20px 50px;\r\n }\r\n\r\n .owner-section-home::after{\r\n background-size:180px;\r\n opacity:.08;\r\n }\r\n\r\n .owner-section-home__head{\r\n margin:0 auto 30px;\r\n }\r\n\r\n .owner-section-home__tag{\r\n font-size:13px;\r\n margin-bottom:10px;\r\n }\r\n\r\n .owner-section-home__title{\r\n font-size:26px;\r\n line-height:1.5;\r\n margin-bottom:12px;\r\n }\r\n\r\n .owner-section-home__text{\r\n font-size:14px;\r\n line-height:1.8;\r\n }\r\n\r\n .owner-section-home__card{\r\n padding:20px 16px;\r\n }\r\n\r\n .owner-section-home__icon{\r\n width:56px;\r\n height:56px;\r\n font-size:20px;\r\n margin-bottom:14px;\r\n }\r\n\r\n .owner-section-home__card h3{\r\n font-size:18px;\r\n }\r\n\r\n .owner-section-home__card p{\r\n font-size:14px;\r\n line-height:1.8;\r\n }\r\n\r\n .owner-section-home__actions{\r\n flex-direction:column;\r\n align-items:stretch;\r\n }\r\n\r\n .owner-section-home__btn{\r\n width:100%;\r\n min-width:100%;\r\n }\r\n}\r\n\r\n\/* Small mobile *\/\r\n@media (max-width: 480px){\r\n .owner-section-home{\r\n padding:50px 15px 45px;\r\n }\r\n\r\n .owner-section-home__title{\r\n font-size:23px;\r\n }\r\n\r\n .owner-section-home__text{\r\n font-size:13px;\r\n }\r\n\r\n .owner-section-home__card{\r\n padding:18px 14px;\r\n }\r\n}\r\n <\/style>\r\n\r\n<section class=\"owner-section-home\">\r\n\r\n <!-- HEAD -->\r\n <div class=\"owner-section-home__head owner-section-home__fx\">\r\n <span class=\"owner-section-home__tag\">\u0644\u0644\u0645\u0644\u0627\u0643<\/span>\r\n\r\n <h2 class=\"owner-section-home__title\">\r\n \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a <br>\r\n <span>\u0644\u0648\u062d\u062f\u062a\u0643 \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629<\/span>\r\n <\/h2>\r\n\r\n <p class=\"owner-section-home__text\">\r\n \u0646\u0631\u0641\u0639 \u0627\u0644\u0625\u0634\u063a\u0627\u0644\u060c \u0646\u062d\u0633\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0646\u0632\u064a\u0644\u060c \u0648\u0646\u062f\u064a\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0643\u0627\u0645\u0644\u064b\u0627 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0639\u0627\u0626\u062f \u0645\u0645\u0643\u0646.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- CARDS -->\r\n <div class=\"owner-section-home__grid\">\r\n\r\n <div class=\"owner-section-home__card owner-section-home__fx\">\r\n <div class=\"owner-section-home__icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n <h3>\u0631\u0641\u0639 \u0627\u0644\u0639\u0627\u0626\u062f<\/h3>\r\n <p>\u062a\u0633\u0639\u064a\u0631 \u0648\u062a\u0633\u0648\u064a\u0642 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0631\u0641\u0639 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a.<\/p>\r\n <\/div>\r\n\r\n <div class=\"owner-section-home__card owner-section-home__fx\">\r\n <div class=\"owner-section-home__icon\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n <h3>\u062a\u0634\u063a\u064a\u0644 \u0643\u0627\u0645\u0644<\/h3>\r\n <p>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/p>\r\n <\/div>\r\n\r\n <div class=\"owner-section-home__card owner-section-home__fx\">\r\n <div class=\"owner-section-home__icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/div>\r\n <h3>\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0636\u062d\u0629<\/h3>\r\n <p>\u062a\u0642\u0627\u0631\u064a\u0631 \u062f\u0648\u0631\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0639\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u0625\u0634\u063a\u0627\u0644.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- ACTIONS -->\r\n <div class=\"owner-section-home__actions owner-section-home__fx\">\r\n <a href=\"https:\/\/raneem-lawyer.com\/investors\/\" class=\"owner-section-home__btn owner-section-home__btn--primary\">\r\n \r\n \u0627\u0637\u0644\u0628 \u0625\u062f\u0627\u0631\u0629 \u0648\u062d\u062f\u062a\u0643\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n <\/a>\r\n\r\n \r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n const items = document.querySelectorAll(\".owner-section-home__fx\");\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"show\");\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n items.forEach((item) => observer.observe(item));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-161b51d e-con-full e-flex e-con e-parent\" data-id=\"161b51d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-d589c41 e-flex e-con-boxed e-con e-child\" data-id=\"d589c41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d3495 elementor-widget elementor-widget-html\" data-id=\"e2d3495\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n:root{\r\n --primary:#9B8350;\r\n --primary-dark:#7e6a3f;\r\n --white:#ffffff;\r\n --text:#f8f8f8;\r\n --overlay:rgba(23, 27, 32, 0.48);\r\n --overlay-hover:rgba(23, 27, 32, 0.58);\r\n --radius:28px;\r\n --transition:all .35s ease;\r\n}\r\n\r\n\/* Section *\/\r\n.custom-housing-section{\r\n direction: rtl;\r\n position: relative;\r\n padding: 40px 0;\r\n}\r\n\r\n.custom-housing-section .section-wrapper{\r\n max-width: 1400px;\r\n margin: auto;\r\n}\r\n\r\n.custom-housing-section .section-head{\r\n text-align: center;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.custom-housing-section .section-badge{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 42px;\r\n padding: 0 18px;\r\n background: rgba(155,131,80,.08);\r\n border: 1px solid rgba(155,131,80,.18);\r\n color: var(--primary);\r\n border-radius: 999px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.custom-housing-section .section-title{\r\n margin: 0;\r\n font-size: clamp(22px, 2vw, 22px);\r\n font-weight: 800;\r\n color: #1f252b;\r\n line-height: 1.4;\r\n}\r\n\r\n.custom-housing-section .section-title span{\r\n color: var(--primary);\r\n}\r\n\r\n\/* Grid *\/\r\n.custom-housing-section .housing-grid{\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n\/* Card *\/\r\n.custom-housing-section .housing-card{\r\n position: relative;\r\n min-height: 500px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-end;\r\n isolation: isolate;\r\n box-shadow: 0 20px 45px rgba(0,0,0,.12);\r\n transition: var(--transition);\r\n}\r\n\r\n.custom-housing-section .housing-card:hover{\r\n transform: translateY(-8px);\r\n box-shadow: 0 28px 55px rgba(0,0,0,.16);\r\n}\r\n\r\n.custom-housing-section .housing-card img{\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform .7s ease;\r\n}\r\n\r\n.custom-housing-section .housing-card:hover img{\r\n transform: scale(1.07);\r\n}\r\n\r\n.custom-housing-section .housing-card::before{\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(to top, rgba(0,0,0,.68) 0%, rgba(0,0,0,.42) 38%, rgba(0,0,0,.18) 100%);\r\n z-index: 1;\r\n transition: var(--transition);\r\n}\r\n\r\n.custom-housing-section .housing-card:hover::before{\r\n background:\r\n linear-gradient(to top, rgba(0,0,0,.76) 0%, rgba(0,0,0,.5) 38%, rgba(0,0,0,.2) 100%);\r\n}\r\n\r\n.custom-housing-section .card-content{\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n padding: 34px;\r\n color: var(--text);\r\n}\r\n\r\n.custom-housing-section .card-icon{\r\n width: 62px;\r\n height: 62px;\r\n border-radius: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.15);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n color: var(--white);\r\n font-size: 24px;\r\n margin-bottom: 18px;\r\n border: 1px solid rgba(255,255,255,.18);\r\n}\r\n\r\n.custom-housing-section .card-title{\r\n margin: 0 0 12px;\r\n font-size: clamp(24px, 2vw, 34px);\r\n font-weight: 800;\r\n color: var(--white);\r\n line-height: 1.3;\r\n}\r\n\r\n.custom-housing-section .card-text{\r\n margin: 0 0 24px;\r\n font-size: 15px;\r\n line-height: 1.9;\r\n color: rgba(255,255,255,.92);\r\n max-width: 520px;\r\n}\r\n\r\n.custom-housing-section .card-actions{\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n}\r\n\r\n.custom-housing-section .btn-main,\r\n.custom-housing-section .btn-outline{\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 52px;\r\n padding: 0 22px;\r\n border-radius: 999px;\r\n text-decoration: none !important;\r\n font-size: 15px;\r\n font-weight: 700;\r\n transition: var(--transition);\r\n}\r\nhtml[lang=\"en-US\"] .custom-housing-section .btn-main,\r\n.custom-housing-section .btn-outline,\r\nhtml[lang^=\"en\"] .custom-housing-section .btn-main,\r\n.custom-housing-section .btn-outline{\r\n flex-direction: row-reverse;\r\n}\r\nhtml[lang=\"en-US\"] .custom-housing-section .btn-main i,\r\nhtml[lang^=\"en\"] .custom-housing-section .btn-main i\r\n{\r\n transform: rotate(180deg);\r\n}\r\n.custom-housing-section .btn-main{\r\n background: linear-gradient(135deg, #ad9258 0%, var(--primary) 100%);\r\n color: var(--white);\r\n box-shadow: 0 10px 25px rgba(155,131,80,.28);\r\n}\r\n\r\n.custom-housing-section .btn-main:hover{\r\n transform: translateY(-3px);\r\n background: linear-gradient(135deg, #b99d60 0%, var(--primary-dark) 100%);\r\n}\r\n\r\n.custom-housing-section .btn-outline{\r\n background: rgba(255,255,255,.12);\r\n color: var(--white);\r\n border: 1px solid rgba(255,255,255,.24);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n\r\n.custom-housing-section .btn-outline:hover{\r\n transform: translateY(-3px);\r\n background: rgba(255,255,255,.18);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 991px){\r\n .custom-housing-section .housing-grid{\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .custom-housing-section .housing-card{\r\n min-height: 420px;\r\n }\r\n\r\n .custom-housing-section .card-content{\r\n padding: 28px;\r\n }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px){\r\n .custom-housing-section{\r\n padding: 20px 0;\r\n }\r\n\r\n .custom-housing-section .section-head{\r\n margin-bottom: 20px;\r\n }\r\n\r\n .custom-housing-section .section-title{\r\n font-size: 26px;\r\n }\r\n\r\n .custom-housing-section .housing-grid{\r\n gap: 16px;\r\n }\r\n\r\n .custom-housing-section .housing-card{\r\n min-height: 360px;\r\n border-radius: 22px;\r\n }\r\n\r\n .custom-housing-section .card-content{\r\n padding: 22px;\r\n }\r\n\r\n .custom-housing-section .card-icon{\r\n width: 54px;\r\n height: 54px;\r\n font-size: 20px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .custom-housing-section .card-title{\r\n font-size: 22px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .custom-housing-section .card-text{\r\n font-size: 14px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .custom-housing-section .card-actions{\r\n flex-direction: column;\r\n }\r\n\r\n .custom-housing-section .btn-main,\r\n .custom-housing-section .btn-outline{\r\n width: 100%;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"custom-housing-section\">\r\n <div class=\"section-wrapper\">\r\n\r\n <div class=\"section-head\">\r\n <span class=\"section-badge\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 <\/span>\r\n <h2 class=\"section-title\">\r\n \u062a\u0642\u062f\u0645 \u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0625\u064a\u0648\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u062d\u064a \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629 \u0627\u0644\u0645\u0641\u0631\u0648\u0634\u0629 \r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"housing-grid\">\r\n\r\n <!-- Card 1 -->\r\n <div class=\"housing-card\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/IMG_1537-scaled.jpg\" alt=\"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\">\r\n\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-building\"><\/i>\r\n <\/div>\r\n\r\n <h3 class=\"card-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a<\/h3>\r\n\r\n <p class=\"card-text\">\r\n \u0646\u0642\u062f\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0639\u0642\u0627\u0631 \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0627\u0644\u0635\u064a\u0627\u0646\u0629\u060c \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u0623\u062c\u0631\u064a\u0646\u060c \r\n \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0639\u0627\u0626\u062f \u0645\u0645\u0643\u0646 \u0644\u0644\u0645\u0644\u0627\u0643.\r\n <\/p>\r\n\r\n <div class=\"card-actions\">\r\n <a href=\"https:\/\/raneem-lawyer.com\/investors\/\" class=\"btn-main\">\r\n \u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"housing-card\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/IMG_4901-scaled.jpg\" alt=\"\u0633\u0643\u0646 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\">\r\n\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fa-solid fa-city\"><\/i>\r\n <\/div>\r\n\r\n <h3 class=\"card-title\">\u0633\u0643\u0646 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/h3>\r\n\r\n <p class=\"card-text\">\r\n \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0633\u0643\u0646\u064a\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0639 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u062a\u0646\u0627\u0633\u0628 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647\u0645\u060c \r\n \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0633\u0643\u0646 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629.\r\n <\/p>\r\n\r\n <div class=\"card-actions\">\r\n <a href=\"https:\/\/raneem-lawyer.com\/%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa\/\" class=\"btn-main\">\r\n \u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section> \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6678766 e-flex e-con-boxed e-con e-parent\" data-id=\"6678766\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f578efe e-con-full e-flex e-con e-child\" data-id=\"f578efe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7b896 elementor-widget elementor-widget-html\" data-id=\"fc7b896\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n<style>\r\n:root{\r\n --primary:#A88A2D;\r\n --primary-soft:#f7f2e3;\r\n --text:#1b1f24;\r\n --muted:#6c7480;\r\n --white:#ffffff;\r\n --bg:#f6f7f9;\r\n --border:#e8ebf0;\r\n --shadow:0 18px 50px rgba(15,23,42,.08);\r\n --shadow-hover:0 24px 70px rgba(15,23,42,.12);\r\n --radius:26px;\r\n}\r\n\r\n*{\r\n box-sizing:border-box;\r\n}\r\n\r\n.brands-clean{\r\n position:relative;\r\n padding:110px 20px;\r\n background:linear-gradient(180deg,#fcfcfd 0%, #f5f7fa 100%);\r\n overflow:hidden;\r\n}\r\n\r\n.brands-clean__container{\r\n max-width:1240px;\r\n margin:auto;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\/* ================= HEAD ================= *\/\r\n.brands-clean__head{\r\n text-align:center;\r\n max-width:820px;\r\n margin:0 auto 65px;\r\n animation:fadeInDown .9s ease both;\r\n}\r\n\r\n.brands-clean__eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:12px 20px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--primary);\r\n font-size:14px;\r\n font-weight:800;\r\n margin-bottom:20px;\r\n box-shadow:0 8px 24px rgba(15,23,42,.04);\r\n}\r\n\r\n.brands-clean__title{\r\n margin:0 0 16px;\r\n font-size:clamp(26px,3vw,38px);\r\n line-height:1.3;\r\n color:var(--text);\r\n font-weight:900;\r\n}\r\n\r\n.brands-clean__title span{\r\n color:var(--primary);\r\n}\r\n\r\n.brands-clean__text{\r\n margin:0 auto;\r\n max-width:760px;\r\n color:var(--muted);\r\n line-height:2;\r\n font-size:16px;\r\n}\r\n\r\n\/* ================= GRID ================= *\/\r\n.brands-clean__grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:28px;\r\n}\r\n\r\n\/* ================= CARD ================= *\/\r\n.brands-clean__card{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n overflow:hidden;\r\n transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n animation:fadeInDown .85s ease both;\r\n}\r\n\r\n.brands-clean__card:nth-child(1){animation-delay:.1s;}\r\n.brands-clean__card:nth-child(2){animation-delay:.25s;}\r\n.brands-clean__card:nth-child(3){animation-delay:.4s;}\r\n\r\n.brands-clean__card:hover{\r\n transform:translateY(-10px);\r\n box-shadow:var(--shadow-hover);\r\n border-color:#dddfe5;\r\n}\r\n\r\n\/* ================= IMAGE ================= *\/\r\n.brands-clean__media{\r\n padding:14px 14px 0;\r\n background:#fff;\r\n}\r\n\r\n.brands-clean__logo-box{\r\n background:#fff;\r\n border-radius:20px;\r\n overflow:hidden;\r\n padding:0;\r\n border:1px solid #edf0f3;\r\n box-shadow:0 10px 30px rgba(15,23,42,.04);\r\n}\r\n\r\n.brands-clean__logo-box img{\r\n width:100%;\r\n height:150px;\r\n object-fit:contain;\r\n object-position:center;\r\n display:block;\r\n background:#fff;\r\n}\r\n\r\n\/* \u0635\u0648\u0631\u0629 \u0643\u0631\u0645 \u064a\u0627\u0631\u062f \u0641\u0642\u0637 *\/\r\n.brands-clean__logo-box img.karamyard-cover{\r\n object-fit:cover;\r\n}\r\n\r\n\/* ================= CONTENT ================= *\/\r\n.brands-clean__content{\r\n padding:28px 28px 30px;\r\n}\r\n\r\n.brands-clean__name{\r\n margin:0 0 8px;\r\n color:var(--text);\r\n font-size:26px;\r\n font-weight:900;\r\n}\r\n\r\n.brands-clean__label{\r\n display:inline-block;\r\n margin-bottom:16px;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n background:var(--primary-soft);\r\n color:var(--primary);\r\n font-size:13px;\r\n font-weight:800;\r\n}\r\n\r\n.brands-clean__desc{\r\n margin:0 0 24px;\r\n color:var(--muted);\r\n line-height:2;\r\n font-size:15px;\r\n}\r\n\r\n\/* ================= SERVICES ================= *\/\r\n.brands-clean__services{\r\n list-style:none;\r\n margin:0;\r\n padding:0;\r\n display:grid;\r\n gap:12px;\r\n}\r\n\r\n.brands-clean__services li{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:14px 16px;\r\n border-radius:16px;\r\n background:#fafbfc;\r\n border:1px solid #edf0f3;\r\n opacity:0;\r\n transform:translateY(-18px);\r\n animation:fadeInDown .7s ease forwards;\r\n transition:transform .3s ease, background .3s ease, border-color .3s ease;\r\n}\r\n\r\n.brands-clean__card:nth-child(1) .brands-clean__services li:nth-child(1){animation-delay:.40s;}\r\n.brands-clean__card:nth-child(1) .brands-clean__services li:nth-child(2){animation-delay:.50s;}\r\n.brands-clean__card:nth-child(1) .brands-clean__services li:nth-child(3){animation-delay:.60s;}\r\n.brands-clean__card:nth-child(1) .brands-clean__services li:nth-child(4){animation-delay:.70s;}\r\n.brands-clean__card:nth-child(1) .brands-clean__services li:nth-child(5){animation-delay:.80s;}\r\n\r\n.brands-clean__card:nth-child(2) .brands-clean__services li:nth-child(1){animation-delay:.55s;}\r\n.brands-clean__card:nth-child(2) .brands-clean__services li:nth-child(2){animation-delay:.65s;}\r\n.brands-clean__card:nth-child(2) .brands-clean__services li:nth-child(3){animation-delay:.75s;}\r\n.brands-clean__card:nth-child(2) .brands-clean__services li:nth-child(4){animation-delay:.85s;}\r\n.brands-clean__card:nth-child(2) .brands-clean__services li:nth-child(5){animation-delay:.95s;}\r\n\r\n.brands-clean__card:nth-child(3) .brands-clean__services li:nth-child(1){animation-delay:.70s;}\r\n.brands-clean__card:nth-child(3) .brands-clean__services li:nth-child(2){animation-delay:.80s;}\r\n.brands-clean__card:nth-child(3) .brands-clean__services li:nth-child(3){animation-delay:.90s;}\r\n.brands-clean__card:nth-child(3) .brands-clean__services li:nth-child(4){animation-delay:1s;}\r\n.brands-clean__card:nth-child(3) .brands-clean__services li:nth-child(5){animation-delay:1.1s;}\r\n\r\n.brands-clean__services li:hover{\r\n transform:translateX(-4px);\r\n background:#fff;\r\n border-color:#e3e7ed;\r\n}\r\n\r\n.brands-clean__services i{\r\n width:38px;\r\n height:38px;\r\n min-width:38px;\r\n border-radius:12px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--primary-soft);\r\n color:var(--primary);\r\n font-size:14px;\r\n}\r\n\r\n.brands-clean__services span{\r\n color:var(--text);\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n\/* ================= ANIMATION ================= *\/\r\n@keyframes fadeInDown{\r\n from{\r\n opacity:0;\r\n transform:translateY(-26px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n@media (max-width:1100px){\r\n .brands-clean__grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:768px){\r\n .brands-clean{\r\n padding:90px 16px;\r\n }\r\n\r\n .brands-clean__grid{\r\n grid-template-columns:1fr;\r\n gap:22px;\r\n }\r\n\r\n .brands-clean__media{\r\n padding:12px 12px 0;\r\n }\r\n\r\n .brands-clean__logo-box{\r\n border-radius:18px;\r\n }\r\n\r\n .brands-clean__logo-box img{\r\n height:150px;\r\n }\r\n\r\n .brands-clean__content{\r\n padding:22px 22px 24px;\r\n }\r\n\r\n .brands-clean__name{\r\n font-size:23px;\r\n }\r\n\r\n .brands-clean__title{\r\n line-height:1.4;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"brands-clean\">\r\n <div class=\"brands-clean__container\">\r\n\r\n <div class=\"brands-clean__head\">\r\n <div class=\"brands-clean__eyebrow\">\r\n <i class=\"fa-solid fa-gem\"><\/i>\r\n \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\r\n <\/div>\r\n\r\n <h2 class=\"brands-clean__title\">\r\n \u0639\u0644\u0627\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 <span>\u0628\u062a\u062c\u0631\u0628\u0629 \u0623\u0648\u0636\u062d \u0648\u0623\u0646\u0627\u0642\u0629 \u0623\u0643\u062b\u0631<\/span>\r\n <\/h2>\r\n\r\n <p class=\"brands-clean__text\">\r\n \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0625\u0642\u0627\u0645\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c\r\n \u0645\u0639 \u0639\u0631\u0636 \u0628\u0635\u0631\u064a \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627 \u0644\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u0648\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u064a\u0628\u0631\u0632 \u0647\u0648\u064a\u0629 \u0643\u0644 \u0639\u0644\u0627\u0645\u0629 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"brands-clean__grid\">\r\n\r\n <!-- Card 1 -->\r\n <article class=\"brands-clean__card\">\r\n <div class=\"brands-clean__media\">\r\n <div class=\"brands-clean__logo-box\">\r\n <img decoding=\"async\" class=\"karamyard-cover\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/04\/\u0634\u0639\u0627\u0631-\u0643\u0631\u0645\u064a\u0627\u0631\u062f-1-scaled.webp\" alt=\"\u0643\u0631\u0645 \u064a\u0627\u0631\u062f\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brands-clean__content\">\r\n <h3 class=\"brands-clean__name\">\u0643\u0631\u0645 \u064a\u0627\u0631\u062f<\/h3>\r\n <span class=\"brands-clean__label\">\u0625\u0642\u0627\u0645\u0629 \u0639\u0635\u0631\u064a\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0630\u0643\u064a\u0629<\/span>\r\n\r\n <p class=\"brands-clean__desc\">\r\n \u062a\u062c\u0631\u0628\u0629 \u0625\u0642\u0627\u0645\u0629 \u0639\u0635\u0631\u064a\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u062d\u062f\u064a\u062b \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0625\u0642\u0627\u0645\u0627\u062a \u0627\u0644\u0642\u0635\u064a\u0631\u0629 \u0648\u0627\u0644\u0637\u0648\u064a\u0644\u0629\u060c\r\n \u0645\u0639 \u0627\u0647\u062a\u0645\u0627\u0645 \u0648\u0627\u0636\u062d \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\r\n <\/p>\r\n\r\n <ul class=\"brands-clean__services\">\r\n <li><i class=\"fa-solid fa-hotel\"><\/i><span>\u0641\u0646\u062f\u0642 \u0630\u0643\u064a<\/span><\/li>\r\n <li><i class=\"fa-solid fa-headset\"><\/i><span>\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span><\/li>\r\n <li><i class=\"fa-solid fa-wifi\"><\/i><span>\u0625\u0646\u062a\u0631\u0646\u062a \u0633\u0631\u064a\u0639<\/span><\/li>\r\n <li><i class=\"fa-solid fa-location-dot\"><\/i><span>\u0645\u0648\u0627\u0642\u0639 \u0645\u0645\u064a\u0632\u0629<\/span><\/li>\r\n <li><i class=\"fa-solid fa-broom\"><\/i><span>\u062e\u062f\u0645\u0627\u062a \u0646\u0638\u0627\u0641\u0629<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 2 -->\r\n <article class=\"brands-clean__card\">\r\n <div class=\"brands-clean__media\">\r\n <div class=\"brands-clean__logo-box\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/04\/lavent-park-logo-scaled.webp\" alt=\"\u0644\u0627\u0641\u0646\u062a \u0628\u0627\u0631\u0643\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brands-clean__content\">\r\n <h3 class=\"brands-clean__name\">\u0644\u0627\u0641\u0646\u062a \u0628\u0627\u0631\u0643<\/h3>\r\n <span class=\"brands-clean__label\">\u0631\u0627\u062d\u0629 \u0648\u0639\u0645\u0644 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span>\r\n\r\n <p class=\"brands-clean__desc\">\r\n \u062a\u062c\u0631\u0628\u0629 \u0625\u0642\u0627\u0645\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u0631\u064a\u062d\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0648\u0631\u062c\u0627\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n \u062f\u0627\u062e\u0644 \u0645\u0643\u0627\u0646 \u0627\u0644\u0625\u0642\u0627\u0645\u0629\u060c \u0628\u0645\u0627 \u064a\u0639\u0632\u0632 \u0645\u0646 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\r\n <\/p>\r\n\r\n <ul class=\"brands-clean__services\">\r\n <li><i class=\"fa-solid fa-headset\"><\/i><span>\u0627\u0633\u062a\u0642\u0628\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/span><\/li>\r\n <li><i class=\"fa-solid fa-wifi\"><\/i><span>\u0625\u0646\u062a\u0631\u0646\u062a \u0645\u062c\u0627\u0646\u064a<\/span><\/li>\r\n <li><i class=\"fa-solid fa-square-parking\"><\/i><span>\u0645\u0648\u0627\u0642\u0641 \u0633\u064a\u0627\u0631\u0627\u062a<\/span><\/li>\r\n <li><i class=\"fa-solid fa-mug-hot\"><\/i><span>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0639\u0627\u0645<\/span><\/li>\r\n <li><i class=\"fa-solid fa-shield-halved\"><\/i><span>\u062d\u0631\u0627\u0633\u0627\u062a \u0623\u0645\u0646\u064a\u0629<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 3 -->\r\n <article class=\"brands-clean__card\">\r\n <div class=\"brands-clean__media\">\r\n <div class=\"brands-clean__logo-box\">\r\n <img decoding=\"async\" src=\"https:\/\/raneem-lawyer.com\/wp-content\/uploads\/2026\/03\/logo-copy.png\" alt=\"\u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"brands-clean__content\">\r\n <h3 class=\"brands-clean__name\">\u0625\u064a\u0648\u0627\u0646 \u0627\u0644\u0623\u0646\u062f\u0644\u0633\u064a\u0629<\/h3>\r\n <span class=\"brands-clean__label\">\u0625\u0642\u0627\u0645\u0629 \u0631\u0627\u0642\u064a\u0629 \u062f\u0627\u062e\u0644 \u062c\u062f\u0629<\/span>\r\n\r\n <p class=\"brands-clean__desc\">\r\n \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0625\u0642\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0634\u0642\u0642 \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629 \u0627\u0644\u0645\u0641\u0631\u0648\u0634\u0629 \u062f\u0627\u062e\u0644 \u0645\u062f\u064a\u0646\u0629 \u062c\u062f\u0629\u060c\r\n \u0645\u0639 \u0645\u0648\u0627\u0642\u0639 \u0645\u0645\u064a\u0632\u0629 \u0648\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0645\u0646\u062d \u0627\u0644\u0636\u064a\u0641 \u062a\u062c\u0631\u0628\u0629 \u0625\u0642\u0627\u0645\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.\r\n <\/p>\r\n\r\n <ul class=\"brands-clean__services\">\r\n <li><i class=\"fa-solid fa-headset\"><\/i><span>\u0627\u0633\u062a\u0642\u0628\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/span><\/li>\r\n <li><i class=\"fa-solid fa-wifi\"><\/i><span>\u0625\u0646\u062a\u0631\u0646\u062a \u0645\u062c\u0627\u0646\u064a<\/span><\/li>\r\n <li><i class=\"fa-solid fa-square-parking\"><\/i><span>\u0645\u0648\u0627\u0642\u0641 \u0633\u064a\u0627\u0631\u0627\u062a<\/span><\/li>\r\n <li><i class=\"fa-solid fa-mug-hot\"><\/i><span>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0639\u0627\u0645<\/span><\/li>\r\n <li><i class=\"fa-solid fa-shield-halved\"><\/i><span>\u062d\u0631\u0627\u0633\u0627\u062a \u0623\u0645\u0646\u064a\u0629<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Iwan Al-Andalusia – Hero Intro \u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0628\u0625\u0644\u0647\u0627\u0645 \u0623\u0646\u062f\u0644\u0633\u064a \u0636\u064a\u0627\u0641\u0629 \u062a\u064f\u062f\u0627\u0631 \u0628\u0634\u063a\u0641 \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u0633\u0643\u0646 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0641\u0631\u0627\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-10","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":421,"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1297,"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/1297"}],"wp:attachment":[{"href":"https:\/\/raneem-lawyer.com\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}