{"id":9,"date":"2026-04-30T11:16:45","date_gmt":"2026-04-30T11:16:45","guid":{"rendered":"https:\/\/bluepool.wpgoals.com\/?page_id=9"},"modified":"2026-04-30T12:29:27","modified_gmt":"2026-04-30T12:29:27","slug":"home","status":"publish","type":"page","link":"https:\/\/bluepool.wpgoals.com\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-38ee303 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"38ee303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d8958dc e-con-full e-flex e-con e-child\" data-id=\"d8958dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a410a4 elementor-widget elementor-widget-image\" data-id=\"6a410a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1254\" height=\"334\" src=\"https:\/\/bluepool.wpgoals.com\/wp-content\/uploads\/2026\/04\/logobluepool.webp\" class=\"attachment-full size-full wp-image-18\" alt=\"\" srcset=\"https:\/\/bluepool.wpgoals.com\/wp-content\/uploads\/2026\/04\/logobluepool.webp 1254w, https:\/\/bluepool.wpgoals.com\/wp-content\/uploads\/2026\/04\/logobluepool-300x80.webp 300w, https:\/\/bluepool.wpgoals.com\/wp-content\/uploads\/2026\/04\/logobluepool-1024x273.webp 1024w, https:\/\/bluepool.wpgoals.com\/wp-content\/uploads\/2026\/04\/logobluepool-768x205.webp 768w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f3de700 e-con-full e-flex e-con e-child\" data-id=\"f3de700\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8407e3d eael-advanced-menu--stretch eael-advanced-menu-hamburger-align-right eael-hamburger--tablet elementor-widget elementor-widget-eael-advanced-menu\" data-id=\"8407e3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-advanced-menu.skin-two\">\n\t\t\t\t\t<style>\n                        @media screen and (max-width: 1024px) {\n                            .eael-hamburger--tablet {\n                                .eael-advanced-menu-horizontal,\n                                .eael-advanced-menu-vertical {\n                                    display: none;\n                                }\n                            }\n                            .eael-hamburger--tablet {\n                                .eael-advanced-menu-container .eael-advanced-menu-toggle {\n                                    display: block;\n                                }\n                            }\n                        }\n                    <\/style>            <div data-hamburger-icon=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-bars&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-indicator-class=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-dropdown-indicator-class=\"&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-angle-down&quot; viewBox=&quot;0 0 320 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" class=\"eael-advanced-menu-container eael-advanced-menu-align-center eael-advanced-menu-dropdown-align-left\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Mobile Portrait (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablet Portrait (&gt; 1024px)&quot;,&quot;desktop&quot;:&quot;Desktop (&gt; 2400px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"tablet\">\n                <ul id=\"menu-%d8%a7%d9%84%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\" class=\"eael-advanced-menu eael-advanced-menu-dropdown-animate-zoom-in eael-advanced-menu-indicator eael-advanced-menu-horizontal\"><li id=\"menu-item-35\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-35\"><a href=\"https:\/\/bluepool.wpgoals.com\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n<li id=\"menu-item-36\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-36\"><a href=\"#\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\n<li id=\"menu-item-37\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-37\"><a href=\"#\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-80\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-80\"><a href=\"#\">\ud83e\uddfc \u062a\u0646\u0638\u064a\u0641 \u0645\u0633\u0627\u0628\u062d<\/a><\/li>\n\t<li id=\"menu-item-81\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-81\"><a href=\"#\">\ud83e\uddea \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647<\/a><\/li>\n\t<li id=\"menu-item-82\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-82\"><a href=\"#\">\u2699\ufe0f \u0635\u064a\u0627\u0646\u0629 \u0645\u0639\u062f\u0627\u062a<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-39\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-39\"><a href=\"#\">\u0627\u0644\u062d\u062c\u0632<\/a><\/li>\n<\/ul>                <button class=\"eael-advanced-menu-toggle\" aria-label=\"Essential Addons Toggle Menu\">\n                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bars\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"><\/path><\/svg>                <\/button>\n            <\/div>\n            \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 data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d6bcd70 e-con-full e-flex e-con e-parent\" data-id=\"d6bcd70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e79208 elementor-widget elementor-widget-html\" data-id=\"2e79208\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u0645\u0624\u0633\u0633\u0629 \u0628\u0644\u0648 \u0628\u0648\u0644 \u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0631\u0643 \u0627\u0644\u0633\u0628\u0627\u062d\u0629<\/title>\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=Cairo:wght@300;400;600;700;900&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --blue-deep: #0a1628;\r\n    --blue-dark: #0d2244;\r\n    --blue-mid: #0e4d8f;\r\n    --blue-bright: #1a7dd4;\r\n    --blue-light: #29a8e0;\r\n    --cyan: #00d4ff;\r\n    --cyan-soft: #7de8ff;\r\n    --white: #ffffff;\r\n    --off-white: #f0f8ff;\r\n    --gold: #f0c040;\r\n    --text-muted: rgba(255,255,255,0.65);\r\n  }\r\n\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    font-family: 'Cairo', sans-serif;\r\n    background: var(--blue-deep);\r\n    color: var(--white);\r\n    overflow-x: hidden;\r\n    direction: rtl;\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  header {\r\n    position: fixed;\r\n    top: 0; left: 0; right: 0;\r\n    z-index: 100;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 1rem 2rem;\r\n    background: rgba(10, 22, 40, 0.92);\r\n    backdrop-filter: blur(12px);\r\n    border-bottom: 1px solid rgba(0, 212, 255, 0.15);\r\n    transition: background 0.3s;\r\n  }\r\n\r\n  .logo-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n  }\r\n\r\n  .logo-wrap img {\r\n    height: 52px;\r\n    filter: drop-shadow(0 0 8px rgba(0,212,255,0.4));\r\n  }\r\n\r\n  nav {\r\n    display: flex;\r\n    gap: 2rem;\r\n    align-items: center;\r\n  }\r\n\r\n  nav a {\r\n    color: var(--text-muted);\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  nav a:hover { color: var(--cyan); }\r\n\r\n  .btn-nav {\r\n    background: linear-gradient(135deg, var(--blue-bright), var(--cyan));\r\n    color: var(--white) !important;\r\n    padding: 0.5rem 1.4rem;\r\n    border-radius: 50px;\r\n    font-weight: 700 !important;\r\n    font-size: 0.9rem !important;\r\n    box-shadow: 0 4px 20px rgba(0, 212, 255, 0.3);\r\n    transition: transform 0.2s, box-shadow 0.2s !important;\r\n  }\r\n\r\n  .btn-nav:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 30px rgba(0, 212, 255, 0.5) !important;\r\n    color: var(--white) !important;\r\n  }\r\n\r\n  \/* ===== HERO ===== *\/\r\n  .hero {\r\n    min-height: 100vh;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    padding-top: 80px;\r\n  }\r\n\r\n  .hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 80% 60% at 50% 70%, rgba(14, 77, 143, 0.5) 0%, transparent 70%),\r\n      radial-gradient(ellipse 40% 40% at 80% 20%, rgba(26, 125, 212, 0.2) 0%, transparent 60%),\r\n      linear-gradient(180deg, #0a1628 0%, #0d2244 50%, #0a3060 100%);\r\n  }\r\n\r\n  .water-lines {\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    height: 220px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .water-lines svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    animation: waveMove 8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes waveMove {\r\n    0%, 100% { transform: translateX(0); }\r\n    50% { transform: translateX(-30px); }\r\n  }\r\n\r\n  .bubbles {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bubble {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: rgba(0, 212, 255, 0.08);\r\n    border: 1px solid rgba(0, 212, 255, 0.15);\r\n    animation: floatUp linear infinite;\r\n  }\r\n\r\n  @keyframes floatUp {\r\n    0% { transform: translateY(100vh) scale(0); opacity: 0; }\r\n    10% { opacity: 1; }\r\n    90% { opacity: 0.5; }\r\n    100% { transform: translateY(-100px) scale(1); opacity: 0; }\r\n  }\r\n\r\n  .hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 2rem;\r\n    text-align: center;\r\n    animation: fadeInUp 1s ease both;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(40px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .hero-badge {\r\n    display: inline-block;\r\n    background: rgba(0, 212, 255, 0.12);\r\n    border: 1px solid rgba(0, 212, 255, 0.3);\r\n    color: var(--cyan);\r\n    padding: 0.4rem 1.2rem;\r\n    border-radius: 50px;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    margin-bottom: 1.5rem;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: clamp(2.2rem, 5vw, 4rem);\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    margin-bottom: 1rem;\r\n    color: var(--white);\r\n  }\r\n\r\n  .hero h1 span {\r\n    background: linear-gradient(135deg, var(--cyan), var(--blue-light));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .hero-sub {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: var(--text-muted);\r\n    max-width: 600px;\r\n    margin: 0 auto 2.5rem;\r\n    font-weight: 400;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .hero-actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    background: linear-gradient(135deg, var(--blue-bright), var(--cyan));\r\n    color: var(--white);\r\n    padding: 0.9rem 2rem;\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    font-size: 1.05rem;\r\n    text-decoration: none;\r\n    box-shadow: 0 8px 30px rgba(0, 212, 255, 0.4);\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 40px rgba(0, 212, 255, 0.6);\r\n    color: var(--white);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    background: rgba(255,255,255,0.07);\r\n    color: var(--white);\r\n    padding: 0.9rem 2rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 1.05rem;\r\n    text-decoration: none;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .btn-secondary:hover {\r\n    background: rgba(255,255,255,0.12);\r\n    transform: translateY(-3px);\r\n    color: var(--white);\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ===== TRUST BAR ===== *\/\r\n  .trust-bar {\r\n    background: rgba(255,255,255,0.04);\r\n    border-top: 1px solid rgba(0,212,255,0.1);\r\n    border-bottom: 1px solid rgba(0,212,255,0.1);\r\n    padding: 1.5rem 2rem;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 3rem;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .trust-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    font-size: 0.9rem;\r\n    color: var(--text-muted);\r\n  }\r\n\r\n  .trust-item .icon {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  .trust-item strong {\r\n    color: var(--white);\r\n  }\r\n\r\n  \/* ===== OFFER SECTION ===== *\/\r\n  .offer-section {\r\n    padding: 5rem 2rem;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .offer-card {\r\n    background: linear-gradient(135deg, rgba(26,125,212,0.15), rgba(0,212,255,0.08));\r\n    border: 1px solid rgba(0, 212, 255, 0.3);\r\n    border-radius: 24px;\r\n    padding: 3rem;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .offer-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(0,212,255,0.04) 60deg, transparent 120deg);\r\n    animation: rotate 12s linear infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes rotate {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .offer-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #ff6b35, #f0c040);\r\n    color: var(--blue-deep);\r\n    font-weight: 900;\r\n    font-size: 0.85rem;\r\n    padding: 0.35rem 1rem;\r\n    border-radius: 50px;\r\n    margin-bottom: 1rem;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .offer-card h2 {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: clamp(1.6rem, 3vw, 2.4rem);\r\n    font-weight: 800;\r\n    margin-bottom: 1rem;\r\n    color: var(--white);\r\n  }\r\n\r\n  .price-display {\r\n    display: inline-flex;\r\n    align-items: baseline;\r\n    gap: 0.3rem;\r\n    background: rgba(0,212,255,0.12);\r\n    border: 1px solid rgba(0,212,255,0.3);\r\n    padding: 0.6rem 2rem;\r\n    border-radius: 16px;\r\n    margin: 1rem 0 1.5rem;\r\n  }\r\n\r\n  .price-display .amount {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 3rem;\r\n    font-weight: 900;\r\n    color: var(--cyan);\r\n  }\r\n\r\n  .price-display .currency {\r\n    font-size: 1.2rem;\r\n    color: var(--text-muted);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .offer-features {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 2rem;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 2rem;\r\n  }\r\n\r\n  .offer-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.95rem;\r\n    color: var(--text-muted);\r\n  }\r\n\r\n  .offer-feature .check {\r\n    width: 22px;\r\n    height: 22px;\r\n    background: rgba(0,212,255,0.15);\r\n    border: 1px solid rgba(0,212,255,0.4);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--cyan);\r\n    font-size: 0.75rem;\r\n    font-weight: 900;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ===== SERVICES ===== *\/\r\n  .services-section {\r\n    padding: 5rem 2rem;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  .section-label {\r\n    display: inline-block;\r\n    color: var(--cyan);\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 0.75rem;\r\n  }\r\n\r\n  .section-header h2 {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: clamp(1.7rem, 3vw, 2.5rem);\r\n    font-weight: 800;\r\n    color: var(--white);\r\n  }\r\n\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 1.5rem;\r\n  }\r\n\r\n  .service-card {\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    border-radius: 20px;\r\n    padding: 2rem;\r\n    transition: transform 0.3s, border-color 0.3s, background 0.3s;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .service-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0,212,255,0.3);\r\n    background: rgba(26,125,212,0.1);\r\n  }\r\n\r\n  .service-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: linear-gradient(135deg, rgba(26,125,212,0.3), rgba(0,212,255,0.2));\r\n    border: 1px solid rgba(0,212,255,0.3);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.6rem;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n\r\n  .service-card h3 {\r\n    font-family: 'Tajawal', sans-serif;\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    margin-bottom: 0.6rem;\r\n    color: var(--white);\r\n  }\r\n\r\n  .service-card p {\r\n    font-size: 0.9rem;\r\n    color: var(--text-muted);\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* ===== BOOKING SECTION ===== *\/\r\n  .booking-section {\r\n    padding: 5rem 2rem;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .booking-card {\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(0,212,255,0.2);\r\n    border-radius: 24px;\r\n    padding: 2.5rem;\r\n  }\r\n\r\n  .form-group {\r\n    margin-bottom: 1.25rem;\r\n  }\r\n\r\n  label {\r\n    display: block;\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.75);\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n  input, select, textarea {\r\n    width: 100%;\r\n    background: rgba(255,255,255,0.07);\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    border-radius: 12px;\r\n    padding: 0.75rem 1rem;\r\n    color: var(--white);\r\n    font-family: 'Cairo', sans-serif;\r\n    font-size: 0.95rem;\r\n    direction: rtl;\r\n    transition: border-color 0.2s, background 0.2s;\r\n  }\r\n\r\n  input:focus, select:focus, textarea:focus {\r\n    outline: none;\r\n    border-color: rgba(0,212,255,0.5);\r\n    background: rgba(255,255,255,0.1);\r\n  }\r\n\r\n  input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.3); }\r\n\r\n  select option { background: var(--blue-dark); color: var(--white); }\r\n\r\n  textarea { resize: vertical; min-height: 100px; }\r\n\r\n  .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .btn-submit {\r\n    width: 100%;\r\n    padding: 1rem;\r\n    background: linear-gradient(135deg, #25d366, #128c7e);\r\n    border: none;\r\n    border-radius: 50px;\r\n    color: var(--white);\r\n    font-family: 'Cairo', sans-serif;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    margin-top: 1.5rem;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n    box-shadow: 0 6px 24px rgba(37, 211, 102, 0.35);\r\n  }\r\n\r\n  .btn-submit:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 35px rgba(37, 211, 102, 0.55);\r\n  }\r\n\r\n  .wa-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: white;\r\n  }\r\n\r\n  \/* ===== FOOTER ===== *\/\r\n  footer {\r\n    background: rgba(0,0,0,0.3);\r\n    border-top: 1px solid rgba(0,212,255,0.1);\r\n    padding: 2rem;\r\n    text-align: center;\r\n  }\r\n\r\n  footer .footer-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.75rem;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  footer .footer-logo img {\r\n    height: 40px;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  footer p {\r\n    color: var(--text-muted);\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  footer a {\r\n    color: var(--cyan);\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ===== FLOATING WA BUTTON ===== *\/\r\n  .wa-float {\r\n    position: fixed;\r\n    bottom: 2rem;\r\n    left: 2rem;\r\n    z-index: 200;\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #25d366, #128c7e);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 6px 24px rgba(37, 211, 102, 0.5);\r\n    animation: pulse 2.5s ease-in-out infinite;\r\n    text-decoration: none;\r\n    transition: transform 0.2s;\r\n  }\r\n\r\n  .wa-float:hover { transform: scale(1.1); }\r\n\r\n  @keyframes pulse {\r\n    0%, 100% { box-shadow: 0 6px 24px rgba(37, 211, 102, 0.5); }\r\n    50% { box-shadow: 0 6px 40px rgba(37, 211, 102, 0.8), 0 0 0 12px rgba(37, 211, 102, 0.1); }\r\n  }\r\n\r\n  .wa-float svg { width: 30px; height: 30px; fill: white; }\r\n\r\n  \/* ===== SCROLL REVEAL ===== *\/\r\n  .reveal {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .reveal.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    nav { display: none; }\r\n    .form-row { grid-template-columns: 1fr; }\r\n    .trust-bar { gap: 1.5rem; }\r\n    .offer-features { gap: 1rem; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HEADER -->\r\n<header>\r\n  <div class=\"logo-wrap\">\r\n    <img decoding=\"async\" src=\"logobluepool.png\" alt=\"\u0628\u0644\u0648 \u0628\u0648\u0644\" onerror=\"this.style.display='none'\">\r\n  <\/div>\r\n  <nav>\r\n    <a href=\"#services\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\r\n    <a href=\"#offer\">\u0627\u0644\u0639\u0631\u0648\u0636<\/a>\r\n    <a href=\"#booking\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/a>\r\n    <a href=\"https:\/\/wa.me\/966538351229\" class=\"btn-nav\" target=\"_blank\">\u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n  <\/nav>\r\n<\/header>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"home\">\r\n  <div class=\"hero-bg\"><\/div>\r\n\r\n  <div class=\"bubbles\" id=\"bubbles\"><\/div>\r\n\r\n  <div class=\"water-lines\">\r\n    <svg viewBox=\"0 0 1440 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\r\n      <path d=\"M0,100 C200,160 400,40 600,100 C800,160 1000,40 1200,100 C1300,130 1370,110 1440,100 L1440,220 L0,220 Z\" fill=\"rgba(14,77,143,0.4)\"\/>\r\n      <path d=\"M0,130 C180,80 360,170 540,130 C720,90 900,170 1080,130 C1200,105 1350,140 1440,130 L1440,220 L0,220 Z\" fill=\"rgba(26,125,212,0.25)\"\/>\r\n      <path d=\"M0,155 C150,120 300,185 450,155 C600,125 750,185 900,155 C1050,125 1200,175 1440,155 L1440,220 L0,220 Z\" fill=\"rgba(0,212,255,0.12)\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-badge\">\u2726 \u0645\u0639\u0627\u064a\u064a\u0631 \u0641\u0646\u0627\u062f\u0642 \u0665 \u0646\u062c\u0648\u0645 \u2726<\/div>\r\n    <h1>\u0645\u0633\u0628\u062d\u0643 \u064a\u0633\u062a\u062d\u0642<br><span>\u0631\u0639\u0627\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><\/h1>\r\n    <p class=\"hero-sub\">\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0641 \u0645\u0633\u0627\u0628\u062d \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u062c\u062f\u0629 \u2014 \u0645\u064a\u0627\u0647 \u0646\u0642\u064a\u0629 \u0648\u0622\u0645\u0646\u0629\u060c \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0644\u0627 \u062a\u0642\u0644 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#booking\" class=\"btn-primary\">\r\n        <span>\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/span>\r\n        <span>\u2190<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/wa.me\/966538351229\" class=\"btn-secondary\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.115 1.523 5.843L0 24l6.34-1.487A11.933 11.933 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.96 0-3.8-.528-5.378-1.449l-.385-.228-3.965.93.975-3.848-.25-.396A9.937 9.937 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\r\n        <span>\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TRUST BAR -->\r\n<div class=\"trust-bar\">\r\n  <div class=\"trust-item\"><span class=\"icon\">\ud83c\udfc6<\/span><span>\u0645\u0639\u0627\u064a\u064a\u0631 <strong>\u0641\u0646\u0627\u062f\u0642 \u0665 \u0646\u062c\u0648\u0645<\/strong><\/span><\/div>\r\n  <div class=\"trust-item\"><span class=\"icon\">\u26a1<\/span><span>\u062e\u062f\u0645\u0629 <strong>\u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629<\/strong><\/span><\/div>\r\n  <div class=\"trust-item\"><span class=\"icon\">\ud83d\udccd<\/span><span>\u062e\u062f\u0645\u0629 <strong>\u062f\u0627\u062e\u0644 \u062c\u062f\u0629<\/strong><\/span><\/div>\r\n  <div class=\"trust-item\"><span class=\"icon\">\ud83d\udcac<\/span><span>\u062f\u0639\u0645 <strong>\u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628<\/strong><\/span><\/div>\r\n<\/div>\r\n\r\n<!-- OFFER SECTION -->\r\n<section class=\"offer-section\" id=\"offer\">\r\n  <div class=\"offer-card reveal\">\r\n    <span class=\"offer-badge\">\ud83d\udd25 \u0639\u0631\u0636 \u062e\u0627\u0635 \u0644\u0623\u0647\u0644 \u062c\u062f\u0629<\/span>\r\n    <h2>\u0647\u0644 \u0645\u0633\u0628\u062d\u0643 \u064a\u062d\u062a\u0627\u062c \u062a\u0646\u0638\u064a\u0641 \u0648\u062a\u0639\u0642\u064a\u0645\u061f<\/h2>\r\n    <p style=\"color: var(--text-muted); margin-bottom: 1rem; font-size: 0.95rem;\">\u0646\u0642\u062f\u0645 \u0644\u0643 \u0623\u0648\u0644 \u062a\u0646\u0638\u064a\u0641 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0628\u0633\u0639\u0631 \u0644\u0627 \u064a\u064f\u0635\u062f\u0642<\/p>\r\n    <div class=\"price-display\">\r\n      <span class=\"amount\">99<\/span>\r\n      <span class=\"currency\">\u0631\u064a\u0627\u0644 \u0641\u0642\u0637<\/span>\r\n    <\/div>\r\n    <div class=\"offer-features\">\r\n      <div class=\"offer-feature\"><div class=\"check\">\u2713<\/div><span>\u062a\u0646\u0638\u064a\u0641 \u0634\u0627\u0645\u0644<\/span><\/div>\r\n      <div class=\"offer-feature\"><div class=\"check\">\u2713<\/div><span>\u062a\u0639\u0642\u064a\u0645 \u0622\u0645\u0646<\/span><\/div>\r\n      <div class=\"offer-feature\"><div class=\"check\">\u2713<\/div><span>\u0641\u062d\u0635 \u0627\u0644\u0641\u0644\u0627\u062a\u0631 \u0648\u0627\u0644\u0645\u0636\u062e\u0627\u062a<\/span><\/div>\r\n    <\/div>\r\n    <a href=\"https:\/\/wa.me\/966538351229?text=\u0623\u0631\u064a\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 99 \u0631\u064a\u0627\u0644\" class=\"btn-primary\" target=\"_blank\" style=\"display: inline-flex;\">\r\n      <svg class=\"wa-icon\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.115 1.523 5.843L0 24l6.34-1.487A11.933 11.933 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.96 0-3.8-.528-5.378-1.449l-.385-.228-3.965.93.975-3.848-.25-.396A9.937 9.937 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\r\n      \u0627\u062d\u062c\u0632 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0622\u0646\r\n    <\/a>\r\n    <p style=\"color: var(--text-muted); font-size: 0.8rem; margin-top: 1rem;\">\u062e\u0644\u0643 \u0645\u0631\u062a\u0627\u062d... \u0648\u062e\u0644\u064a \u0645\u0633\u0628\u062d\u0643 \u0639\u0644\u064a\u0646\u0627 \ud83c\udfca\u200d\u2642\ufe0f<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services-section\" id=\"services\">\r\n  <div class=\"section-header reveal\">\r\n    <span class=\"section-label\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n    <h2>\u0643\u0644 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0645\u0633\u0628\u062d\u0643<\/h2>\r\n  <\/div>\r\n  <div class=\"services-grid\">\r\n    <div class=\"service-card reveal\">\r\n      <div class=\"service-icon\">\ud83e\uddfc<\/div>\r\n      <h3>\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0633\u0627\u0628\u062d<\/h3>\r\n      <p>\u062a\u0646\u0638\u064a\u0641 \u0634\u0627\u0645\u0644 \u0648\u0639\u0645\u064a\u0642 \u0644\u062c\u0645\u064a\u0639 \u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u0645\u0633\u0628\u062d \u2014 \u0627\u0644\u062c\u062f\u0631\u0627\u0646\u060c \u0627\u0644\u0642\u0627\u0639\u060c \u062d\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u0628\u062d \u2014 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card reveal\">\r\n      <div class=\"service-icon\">\ud83e\uddea<\/div>\r\n      <h3>\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u064a\u0627\u0647<\/h3>\r\n      <p>\u0636\u0628\u0637 \u062f\u0642\u064a\u0642 \u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0643\u0644\u0648\u0631 \u0648\u0627\u0644\u0640 pH \u0648\u062a\u0639\u0642\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0636\u0645\u0627\u0646 \u0645\u064a\u0627\u0647 \u0646\u0642\u064a\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0643\u0644 \u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0639\u0627\u0626\u0644\u0629.<\/p>\r\n    <\/div>\r\n    <div class=\"service-card reveal\">\r\n      <div class=\"service-icon\">\u2699\ufe0f<\/div>\r\n      <h3>\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0639\u062f\u0627\u062a<\/h3>\r\n      <p>\u0641\u062d\u0635 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0641\u0644\u0627\u062a\u0631 \u0648\u0627\u0644\u0645\u0636\u062e\u0627\u062a \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0633\u0628\u062d\u060c \u0648\u0636\u0645\u0627\u0646 \u0639\u0645\u0644\u0647\u0627 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- BOOKING SECTION -->\r\n<section class=\"booking-section\" id=\"booking\">\r\n  <div class=\"section-header reveal\">\r\n    <span class=\"section-label\">\u062d\u062c\u0632 \u0633\u0631\u064a\u0639<\/span>\r\n    <h2>\u0627\u062d\u062c\u0632 \u062e\u062f\u0645\u062a\u0643 \u0627\u0644\u0622\u0646<\/h2>\r\n  <\/div>\r\n  <div class=\"booking-card reveal\">\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <label for=\"name\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0631\u064a\u0645<\/label>\r\n        <input type=\"text\" id=\"name\" placeholder=\"\u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\">\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"phone\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\r\n        <input type=\"tel\" id=\"phone\" placeholder=\"05XXXXXXXX\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-row\">\r\n      <div class=\"form-group\">\r\n        <label for=\"date\">\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/label>\r\n        <input type=\"date\" id=\"date\">\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"service\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\r\n        <select id=\"service\">\r\n          <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629...<\/option>\r\n          <option value=\"cleaning\">\ud83e\uddfc \u062a\u0646\u0638\u064a\u0641 \u0645\u0633\u0628\u062d<\/option>\r\n          <option value=\"water\">\ud83e\uddea \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647<\/option>\r\n          <option value=\"maintenance\">\u2699\ufe0f \u0635\u064a\u0627\u0646\u0629 \u0645\u0639\u062f\u0627\u062a<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"form-group\">\r\n      <label for=\"details\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629<\/label>\r\n      <textarea id=\"details\" placeholder=\"\u0623\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u062a\u062e\u0635 \u0627\u0644\u0645\u0633\u0628\u062d \u0623\u0648 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629...\"><\/textarea>\r\n    <\/div>\r\n    <button class=\"btn-submit\" onclick=\"sendWhatsApp()\">\r\n      <svg class=\"wa-icon\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.115 1.523 5.843L0 24l6.34-1.487A11.933 11.933 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.96 0-3.8-.528-5.378-1.449l-.385-.228-3.965.93.975-3.848-.25-.396A9.937 9.937 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\r\n      \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-logo\">\r\n    <img decoding=\"async\" src=\"logobluepool.png\" alt=\"\u0628\u0644\u0648 \u0628\u0648\u0644\" onerror=\"this.style.display='none'\">\r\n    <span style=\"font-family: 'Tajawal', sans-serif; font-weight: 700; font-size: 1.1rem; color: var(--text-muted);\">\u0645\u0624\u0633\u0633\u0629 \u0628\u0644\u0648 \u0628\u0648\u0644<\/span>\r\n  <\/div>\r\n  <p>\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0631\u0643 \u0627\u0644\u0633\u0628\u0627\u062d\u0629 \u2014 \u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\r\n  <p style=\"margin-top: 0.5rem;\"><a href=\"https:\/\/wa.me\/966538351229\" target=\"_blank\">\ud83d\udcf2 966538351229+<\/a><\/p>\r\n  <p style=\"margin-top: 1rem; font-size: 0.75rem; opacity: 0.5;\">\u00a9 2025 \u0645\u0624\u0633\u0633\u0629 \u0628\u0644\u0648 \u0628\u0648\u0644 \u2014 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\r\n<\/footer>\r\n\r\n<!-- FLOATING WHATSAPP -->\r\n<a href=\"https:\/\/wa.me\/966538351229\" class=\"wa-float\" target=\"_blank\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\r\n  <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.115 1.523 5.843L0 24l6.34-1.487A11.933 11.933 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.96 0-3.8-.528-5.378-1.449l-.385-.228-3.965.93.975-3.848-.25-.396A9.937 9.937 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\r\n<\/a>\r\n\r\n<script>\r\n\/\/ Bubbles\r\nconst bubblesContainer = document.getElementById('bubbles');\r\nfor (let i = 0; i < 18; i++) {\r\n  const b = document.createElement('div');\r\n  b.className = 'bubble';\r\n  const size = Math.random() * 40 + 10;\r\n  b.style.cssText = `\r\n    width: ${size}px; height: ${size}px;\r\n    left: ${Math.random() * 100}%;\r\n    animation-duration: ${Math.random() * 12 + 8}s;\r\n    animation-delay: ${Math.random() * 10}s;\r\n  `;\r\n  bubblesContainer.appendChild(b);\r\n}\r\n\r\n\/\/ Scroll reveal\r\nconst observer = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => {\r\n    if (e.isIntersecting) { e.target.classList.add('visible'); }\r\n  });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n\/\/ WhatsApp booking\r\nfunction sendWhatsApp() {\r\n  const name = document.getElementById('name').value || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f';\r\n  const phone = document.getElementById('phone').value || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f';\r\n  const date = document.getElementById('date').value || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f';\r\n  const service = document.getElementById('service').options[document.getElementById('service').selectedIndex].text || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f';\r\n  const details = document.getElementById('details').value || '\u0644\u0627 \u064a\u0648\u062c\u062f';\r\n\r\n  const msg = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0648\u062f \u062d\u062c\u0632 \u062e\u062f\u0645\u0629 \u0645\u0646 \u0645\u0624\u0633\u0633\u0629 \u0628\u0644\u0648 \u0628\u0648\u0644 \ud83c\udfca\u200d\u2642\ufe0f\r\n\r\n\ud83d\udc64 \u0627\u0644\u0627\u0633\u0645: ${name}\r\n\ud83d\udcf1 \u0627\u0644\u062c\u0648\u0627\u0644: ${phone}\r\n\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e: ${date}\r\n\ud83d\udd27 \u0627\u0644\u062e\u062f\u0645\u0629: ${service}\r\n\ud83d\udcdd \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644: ${details}`;\r\n\r\n  window.open(`https:\/\/wa.me\/966538351229?text=${encodeURIComponent(msg)}`, '_blank');\r\n}\r\n\r\n\/\/ Set min date to today\r\nconst today = new Date().toISOString().split('T')[0];\r\ndocument.getElementById('date').min = today;\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \ud83e\uddfc \u062a\u0646\u0638\u064a\u0641 \u0645\u0633\u0627\u0628\u062d \ud83e\uddea \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u064a\u0627\u0647 \u2699\ufe0f \u0635\u064a\u0627\u0646\u0629 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062d\u062c\u0632 \u0645\u0624\u0633\u0633\u0629 \u0628\u0644\u0648 \u0628\u0648\u0644 \u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0631\u0643 \u0627\u0644\u0633\u0628\u0627\u062d\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0648\u0627\u062a\u0633\u0627\u0628 \u2726 \u0645\u0639\u0627\u064a\u064a\u0631 \u0641\u0646\u0627\u062f\u0642 \u0665 \u0646\u062c\u0648\u0645 \u2726 \u0645\u0633\u0628\u062d\u0643 \u064a\u0633\u062a\u062d\u0642\u0631\u0639\u0627\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0641 \u0645\u0633\u0627\u0628\u062d \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u062c\u062f\u0629 \u2014 \u0645\u064a\u0627\u0647 \u0646\u0642\u064a\u0629 \u0648\u0622\u0645\u0646\u0629\u060c \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0644\u0627 \u062a\u0642\u0644 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u2190 \u062a\u0648\u0627\u0635\u0644 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":62,"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/bluepool.wpgoals.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}