{"id":4402,"date":"2026-01-28T10:39:27","date_gmt":"2026-01-28T10:39:27","guid":{"rendered":"https:\/\/creativesorbit.com\/?page_id=4402"},"modified":"2026-07-09T15:45:39","modified_gmt":"2026-07-09T15:45:39","slug":"copy","status":"publish","type":"page","link":"https:\/\/creativesorbit.com\/ar\/copy\/","title":{"rendered":"\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4402\" class=\"elementor elementor-4402\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c17894a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3c17894a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16fc23d6\" data-id=\"16fc23d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-557f842 elementor-widget elementor-widget-shortcode\" data-id=\"557f842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\t<style>\r\n\t\t:root {\r\n\t\t\t--primary: #1a6bce;\r\n\t\t\t--primary-dark: #0d4a8a;\r\n\t\t\t--primary-light: #3b8de0;\r\n\t\t\t--accent: #e8f0fe;\r\n\t\t\t--bg: #f0f6ff;\r\n\t\t\t--card-bg: #ffffff;\r\n\t\t\t--text: #1e293b;\r\n\t\t\t--text-light: #64748b;\r\n\t\t\t--shadow: 0 4px 24px rgba(26, 107, 206, 0.1);\r\n\t\t\t--shadow-hover: 0 8px 40px rgba(26, 107, 206, 0.18);\r\n\t\t\t--academy-color: #f59e0b;\r\n\t\t\t--academy-dark: #d97706;\r\n\t\t\t--academy-light: #fbbf24;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide {\r\n\t\t\tfont-family: 'Cairo', 'Inter', sans-serif;\r\n\t\t\tbackground: var(--bg);\r\n\t\t\tcolor: var(--text);\r\n\t\t\tposition: relative;\r\n\t\t\toverflow-x: hidden;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t\t-webkit-text-size-adjust: 100%;\r\n\t\t\ttext-size-adjust: 100%;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide.hippo-en { font-family: 'Inter', 'Cairo', sans-serif; }\r\n\t\t.hippo-hs-wrap-guide * { box-sizing: border-box; -webkit-box-sizing: border-box; }\r\n\t\t.hippo-hs-wrap-guide img { max-width: 100%; height: auto; display: block; }\r\n\r\n\t\t.hippo-hs-wrap-guide .bg-decoration {\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 0; left: 0; right: 0; bottom: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t\tz-index: 0;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .bg-decoration .circle {\r\n\t\t\tposition: absolute;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\topacity: 0.06;\r\n\t\t\tanimation: hsFloatCircle 20s ease-in-out infinite;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .bg-decoration .circle:nth-child(1) {\r\n\t\t\twidth: 400px; height: 400px;\r\n\t\t\tbackground: var(--primary);\r\n\t\t\ttop: -100px; right: -100px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .bg-decoration .circle:nth-child(2) {\r\n\t\t\twidth: 300px; height: 300px;\r\n\t\t\tbackground: var(--primary-light);\r\n\t\t\tbottom: -50px; left: -80px;\r\n\t\t\tanimation-delay: -7s;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .bg-decoration .circle:nth-child(3) {\r\n\t\t\twidth: 200px; height: 200px;\r\n\t\t\tbackground: var(--primary);\r\n\t\t\ttop: 50%; left: 50%;\r\n\t\t\tanimation-delay: -14s;\r\n\t\t}\r\n\t\t@keyframes hsFloatCircle {\r\n\t\t\t0%,100% { transform: translate(0,0) scale(1); }\r\n\t\t\t25% { transform: translate(30px,-40px) scale(1.1); }\r\n\t\t\t50% { transform: translate(-20px,30px) scale(0.95); }\r\n\t\t\t75% { transform: translate(40px,20px) scale(1.05); }\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .hs-container {\r\n\t\t\tmax-width: 620px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tpadding: 16px 16px 32px;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t\/* ===== Slider: iOS-safe aspect ratio using padding-top hack ===== *\/\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-wrapper {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t\tbackground: transparent;\r\n\t\t\tdirection: ltr !important;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-main-row {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 12px;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-arrow {\r\n\t\t\twidth: 44px;\r\n\t\t\theight: 44px;\r\n\t\t\tmin-width: 44px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: var(--card-bg);\r\n\t\t\tborder: 1px solid rgba(26,107,206,0.25);\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: all .3s ease;\r\n\t\t\tbox-shadow: 0 4px 12px rgba(0,0,0,.08);\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-arrow:hover {\r\n\t\t\tbackground: var(--primary);\r\n\t\t\tborder-color: var(--primary);\r\n\t\t\ttransform: scale(1.05);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-arrow:hover svg { stroke: #fff; }\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-arrow svg {\r\n\t\t\twidth: 22px; height: 22px;\r\n\t\t\tstroke: var(--primary);\r\n\t\t\tfill: none;\r\n\t\t\tstroke-width: 2.5;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\ttransition: stroke .3s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-viewport {\r\n\t\t\tflex: 1;\r\n\t\t\tposition: relative;\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder-radius: 24px;\r\n\t\t\tbackground: transparent;\r\n\t\t\tbox-shadow: 0 8px 24px rgba(26, 107, 206, 0.12);\r\n\t\t\ttransform: translateZ(0);\r\n\t\t\t-webkit-transform: translateZ(0);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-track {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: flex;\r\n\t\t\ttransition: transform .5s cubic-bezier(.25,.46,.45,.94);\r\n\t\t\twill-change: transform;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-slide {\r\n\t\t\twidth: 100% !important;\r\n\t\t\tmin-width: 100% !important;\r\n\t\t\tmax-width: 100% !important;\r\n\t\t\tflex: 0 0 100% !important;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbackground: transparent;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-slide img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tdisplay: block;\r\n\t\t\t-webkit-backface-visibility: hidden;\r\n\t\t\tbackface-visibility: hidden;\r\n\t\t\ttransform: translateZ(0);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-dots-area {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin-top: 18px;\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-dots {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 10px;\r\n\t\t\tbackground: rgba(0,0,0,.05);\r\n\t\t\tpadding: 6px 16px;\r\n\t\t\tborder-radius: 40px;\r\n\t\t\tbackdrop-filter: blur(2px);\r\n\t\t\t-webkit-backdrop-filter: blur(2px);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-dot {\r\n\t\t\twidth: 8px;\r\n\t\t\theight: 8px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: #cbd5e1;\r\n\t\t\tborder: none;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: all .3s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-dot.active {\r\n\t\t\tbackground: var(--primary);\r\n\t\t\twidth: 26px;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tbox-shadow: 0 0 6px rgba(26, 107, 206, 0.4);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-caption-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: center;\r\n\t\t\tmargin-top: 12px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-caption-name {\r\n\t\t\tfont-weight: 800;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tcolor: var(--primary-dark);\r\n\t\t\tbackground: rgba(255,255,255,.7);\r\n\t\t\tpadding: 6px 20px;\r\n\t\t\tborder-radius: 60px;\r\n\t\t\tbackdrop-filter: blur(4px);\r\n\t\t\t-webkit-backdrop-filter: blur(4px);\r\n\t\t\tletter-spacing: -0.3px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tword-break: keep-all;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .hippo-slider-caption-desc {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: var(--primary);\r\n\t\t\tmargin-top: 2px;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .header {\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding: 8px 0 6px;\r\n\t\t\tanimation: hsFadeDown .8s ease-out .1s both;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .header p {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tcolor: var(--text-light);\r\n\t\t\tline-height: 1.6;\r\n\t\t\tword-wrap: break-word;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .lang-toggle {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmargin: 12px 0 20px;\r\n\t\t\tanimation: hsFadeDown .8s ease-out .3s both;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .lang-toggle-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tbackground: var(--card-bg);\r\n\t\t\tborder-radius: 50px;\r\n\t\t\tpadding: 4px;\r\n\t\t\tbox-shadow: var(--shadow);\r\n\t\t\tborder: 1px solid rgba(26, 107, 206, 0.1);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .lang-btn {\r\n\t\t\tpadding: 8px 24px;\r\n\t\t\tborder: none;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder-radius: 50px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: all .35s cubic-bezier(.4,0,.2,1);\r\n\t\t\tfont-family: inherit;\r\n\t\t\tcolor: var(--text-light);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .lang-btn.active {\r\n\t\t\tbackground: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n\t\t\tcolor: #fff;\r\n\t\t\tbox-shadow: 0 4px 16px rgba(26, 107, 206, 0.3);\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .cards {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tgap: 12px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card {\r\n\t\t\tbackground: var(--card-bg);\r\n\t\t\tborder-radius: 16px;\r\n\t\t\tpadding: 16px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 14px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcolor: var(--text);\r\n\t\t\tbox-shadow: var(--shadow);\r\n\t\t\tborder: 1px solid rgba(26, 107, 206, 0.06);\r\n\t\t\ttransition: all .35s cubic-bezier(.4,0,.2,1);\r\n\t\t\tcursor: pointer;\r\n\t\t\tposition: relative;\r\n\t\t\toverflow: hidden;\r\n\t\t\tanimation: hsCardIn .6s ease-out both;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card::before {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\tbackground: linear-gradient(135deg, var(--accent), transparent);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: opacity .35s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card:hover {\r\n\t\t\ttransform: translateY(-3px) scale(1.015);\r\n\t\t\tbox-shadow: var(--shadow-hover);\r\n\t\t\tborder-color: rgba(26, 107, 206, 0.15);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card:hover::before { opacity: 1; }\r\n\t\t.hippo-hs-wrap-guide .card:active { transform: translateY(-1px) scale(.99); }\r\n\t\t.hippo-hs-wrap-guide .card-icon {\r\n\t\t\twidth: 48px;\r\n\t\t\theight: 48px;\r\n\t\t\tmin-width: 48px;\r\n\t\t\tborder-radius: 14px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbackground: var(--accent);\r\n\t\t\ttransition: all .35s ease;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card:hover .card-icon {\r\n\t\t\tbackground: var(--primary);\r\n\t\t\ttransform: scale(1.08);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card:hover .card-icon svg { stroke: #fff; }\r\n\t\t.hippo-hs-wrap-guide .card-icon svg {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tstroke: var(--primary);\r\n\t\t\tfill: none;\r\n\t\t\tstroke-width: 2;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\ttransition: stroke .35s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card-text {\r\n\t\t\tflex: 1;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\tmin-width: 0;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card-text h3 {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tmargin-bottom: 2px;\r\n\t\t\tcolor: var(--text);\r\n\t\t\tline-height: 1.5;\r\n\t\t\tword-wrap: break-word;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t\thyphens: auto;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card-text p {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tcolor: var(--text-light);\r\n\t\t\tmargin: 0;\r\n\t\t\tword-wrap: break-word;\r\n\t\t\toverflow-wrap: break-word;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card-arrow {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tmin-width: 20px;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t\topacity: .3;\r\n\t\t\ttransition: all .35s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card-arrow svg {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tstroke: var(--primary);\r\n\t\t\tfill: none;\r\n\t\t\tstroke-width: 2;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card:hover .card-arrow {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateX(-4px);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide[dir=\"ltr\"] .card:hover .card-arrow { transform: translateX(4px); }\r\n\t\t.hippo-hs-wrap-guide[dir=\"ltr\"] .card-arrow svg { transform: scaleX(-1); }\r\n\r\n\t\t@keyframes hsCardIn {\r\n\t\t\t0% { opacity: 0; transform: translateY(30px); }\r\n\t\t\t100% { opacity: 1; transform: translateY(0); }\r\n\t\t}\r\n\t\t@keyframes hsFadeDown {\r\n\t\t\t0% { opacity: 0; transform: translateY(-20px); }\r\n\t\t\t100% { opacity: 1; transform: translateY(0); }\r\n\t\t}\r\n\t\t@keyframes hsFadeIn { to { opacity: 1; } }\r\n\r\n\t\t\/* ===== Section labels: removed uppercase & reduced letter-spacing for Arabic ===== *\/\r\n\t\t.hippo-hs-wrap-guide .section-label {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--primary);\r\n\t\t\tletter-spacing: 0.5px;\r\n\t\t\tmargin: 20px 0 8px;\r\n\t\t\tpadding: 0 4px;\r\n\t\t\topacity: 0;\r\n\t\t\tanimation: hsFadeIn .5s ease-out both;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide[dir=\"rtl\"] .section-label {\r\n\t\t\tletter-spacing: 0;\r\n\t\t}\r\n\r\n\t\t\/* ===== Academy\/Library button: with pulse ===== *\/\r\n\t\t@keyframes academy-pulse-guide {\r\n\t\t\t0% {\r\n\t\t\t\ttransform: scale(1);\r\n\t\t\t\tbox-shadow: 0 6px 24px rgba(245, 158, 11, 0.35),\r\n\t\t\t\t            0 0 0 0 rgba(245, 158, 11, 0.4);\r\n\t\t\t}\r\n\t\t\t50% {\r\n\t\t\t\ttransform: scale(1.02);\r\n\t\t\t\tbox-shadow: 0 10px 30px rgba(245, 158, 11, 0.45),\r\n\t\t\t\t            0 0 0 10px rgba(245, 158, 11, 0);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: scale(1);\r\n\t\t\t\tbox-shadow: 0 6px 24px rgba(245, 158, 11, 0.35),\r\n\t\t\t\t            0 0 0 0 rgba(245, 158, 11, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .academy-section {\r\n\t\t\tmargin-top: 24px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-btn {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\tgap: 16px;\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 16px 20px;\r\n\t\t\tborder: none;\r\n\t\t\tborder-radius: 18px;\r\n\t\t\tbackground: linear-gradient(135deg, var(--academy-color), var(--academy-dark));\r\n\t\t\tcolor: #fff;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tbox-shadow: 0 6px 24px rgba(245, 158, 11, 0.35);\r\n\t\t\ttransition: all .35s cubic-bezier(.4,0,.2,1);\r\n\t\t\tposition: relative;\r\n\t\t\toverflow: hidden;\r\n\t\t\tpointer-events: auto;\r\n\t\t\tanimation: academy-pulse-guide 2.5s infinite ease-in-out;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-btn:hover {\r\n\t\t\ttransform: translateY(-2px) scale(1.03);\r\n\t\t\tbox-shadow: 0 10px 30px rgba(245, 158, 11, 0.5);\r\n\t\t\tanimation-play-state: paused;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-btn svg,\r\n\t\t.hippo-hs-wrap-guide .academy-btn .academy-text-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-btn svg {\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tfill: none;\r\n\t\t\tstroke: #fff;\r\n\t\t\tstroke-width: 2;\r\n\t\t\tstroke-linecap: round;\r\n\t\t\tstroke-linejoin: round;\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-text-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 4px;\r\n\t\t\tflex: 1;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide[dir=\"rtl\"] .academy-text-wrapper {\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide[dir=\"ltr\"] .academy-text-wrapper {\r\n\t\t\ttext-align: left;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-title {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 800;\r\n\t\t\tline-height: 1.3;\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .academy-desc {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tline-height: 1.4;\r\n\t\t\tcolor: rgba(255, 255, 255, 0.85);\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t\t\/* Responsive styling for Academy button to ensure text is on one line *\/\r\n\t\t@media (max-width: 480px) {\r\n\t\t\t.hippo-hs-wrap-guide .academy-btn {\r\n\t\t\t\tpadding: 14px 16px;\r\n\t\t\t\tgap: 12px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .academy-title {\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .academy-desc {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 420px) {\r\n\t\t\t.hippo-hs-wrap-guide .academy-btn {\r\n\t\t\t\tpadding: 12px 14px;\r\n\t\t\t\tgap: 10px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .academy-title {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .academy-desc {\r\n\t\t\t\tfont-size: 9px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 360px) {\r\n\t\t\t.hippo-hs-wrap-guide .academy-desc {\r\n\t\t\t\tfont-size: 8px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .terms-section {\r\n\t\t\tmargin-top: 16px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .terms-btn {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tgap: 10px;\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 14px 24px;\r\n\t\t\tborder: 1px solid rgba(26, 107, 206, 0.25);\r\n\t\t\tborder-radius: 16px;\r\n\t\t\tbackground: var(--card-bg);\r\n\t\t\tcolor: var(--primary);\r\n\t\t\tfont-size: 15px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tfont-family: inherit;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tbox-shadow: 0 4px 12px rgba(0,0,0,.03);\r\n\t\t\ttransition: all .35s cubic-bezier(.4,0,.2,1);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .terms-btn:hover {\r\n\t\t\tbackground: var(--primary);\r\n\t\t\tcolor: #fff;\r\n\t\t\ttransform: translateY(-2px);\r\n\t\t\tbox-shadow: 0 6px 18px rgba(26, 107, 206, 0.25);\r\n\t\t\tborder-color: var(--primary);\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .social-section {\r\n\t\t\tmargin-top: 28px;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-section p {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tcolor: var(--text-light);\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-section p:empty {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-icons {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tgap: 16px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-icon {\r\n\t\t\twidth: 48px;\r\n\t\t\theight: 48px;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: var(--card-bg);\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-shadow: var(--shadow);\r\n\t\t\tborder: 1px solid rgba(26, 107, 206, 0.06);\r\n\t\t\ttransition: all .35s cubic-bezier(.4,0,.2,1);\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-icon:hover {\r\n\t\t\ttransform: translateY(-4px) scale(1.1);\r\n\t\t\tbox-shadow: var(--shadow-hover);\r\n\t\t\tbackground: var(--primary);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-icon svg {\r\n\t\t\twidth: 22px;\r\n\t\t\theight: 22px;\r\n\t\t\ttransition: all .35s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .social-icon.inactive {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .footer {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-top: 32px;\r\n\t\t\tpadding: 16px;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .footer-logo {\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .footer-logo img {\r\n\t\t\theight: 60px;\r\n\t\t\tobject-fit: contain;\r\n\t\t\topacity: .9;\r\n\t\t\ttransition: opacity .3s ease, transform .3s ease;\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .footer-logo img:hover {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: scale(1.05);\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .footer p {\r\n\t\t\tfont-size: 11px;\r\n\t\t\tcolor: var(--text-light);\r\n\t\t\topacity: .7;\r\n\t\t}\r\n\r\n\t\t.hippo-hs-wrap-guide .ripple {\r\n\t\t\tposition: absolute;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: rgba(26, 107, 206, 0.15);\r\n\t\t\ttransform: scale(0);\r\n\t\t\tanimation: hsRipple .6s ease-out;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\t\t@keyframes hsRipple {\r\n\t\t\tto { transform: scale(4); opacity: 0; }\r\n\t\t}\r\n\t\t.hippo-hs-wrap-guide .card-download .card-icon {\r\n\t\t\tanimation: hsPulse 2s ease-in-out infinite;\r\n\t\t}\r\n\t\t@keyframes hsPulse {\r\n\t\t\t0%,100% { box-shadow: 0 0 0 0 rgba(26, 107, 206, 0.2); }\r\n\t\t\t50% { box-shadow: 0 0 0 8px rgba(26, 107, 206, 0); }\r\n\t\t}\r\n\r\n\t\t@media (max-width: 520px) {\r\n\t\t\t.hippo-hs-wrap-guide .hippo-slider-arrow {\r\n\t\t\t\twidth: 38px;\r\n\t\t\t\theight: 38px;\r\n\t\t\t\tmin-width: 38px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .hippo-slider-arrow svg {\r\n\t\t\t\twidth: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .hippo-slider-caption-name {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tpadding: 4px 16px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card-text h3 {\r\n\t\t\t\tfont-size: 13px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card-text p {\r\n\t\t\t\tfont-size: 11px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 450px) {\r\n\t\t\t.hippo-hs-wrap-guide .hippo-slider-main-row {\r\n\t\t\t\tgap: 8px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .hippo-slider-arrow {\r\n\t\t\t\twidth: 34px;\r\n\t\t\t\theight: 34px;\r\n\t\t\t\tmin-width: 34px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card {\r\n\t\t\t\tpadding: 14px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card-icon {\r\n\t\t\t\twidth: 42px;\r\n\t\t\t\theight: 42px;\r\n\t\t\t\tmin-width: 42px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card-icon svg {\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 380px) {\r\n\t\t\t.hippo-hs-wrap-guide .hs-container {\r\n\t\t\t\tpadding: 12px 12px 24px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card-text h3 {\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t}\r\n\t\t\t.hippo-hs-wrap-guide .card-text p {\r\n\t\t\t\tfont-size: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t<\/style>\r\n\r\n\t<div class=\"hippo-hs-wrap-guide\" id=\"hippoHSWrapGuide\" dir=\"rtl\" lang=\"ar\">\r\n\t\t<div class=\"bg-decoration\"><div class=\"circle\"><\/div><div class=\"circle\"><\/div><div class=\"circle\"><\/div><\/div>\r\n\t\t<div class=\"hs-container\">\r\n\r\n\t\t\t<div class=\"hippo-slider-wrapper\" id=\"hsSliderWrapperGuide\">\r\n\t\t\t\t<div class=\"hippo-slider-main-row\">\r\n\t\t\t\t\t<div class=\"hippo-slider-arrow prev\" id=\"hsSliderPrevGuide\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg><\/div>\r\n\t\t\t\t\t<div class=\"hippo-slider-viewport\" id=\"hsSliderViewportGuide\"><div class=\"hippo-slider-track\" id=\"hsSliderTrackGuide\"><\/div><\/div>\r\n\t\t\t\t\t<div class=\"hippo-slider-arrow next\" id=\"hsSliderNextGuide\"><svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"hippo-slider-dots-area\"><div class=\"hippo-slider-dots\" id=\"hsSliderDotsGuide\"><\/div><\/div>\r\n\t\t\t\t<div class=\"hippo-slider-caption-wrapper\">\r\n\t\t\t\t\t<div class=\"hippo-slider-caption-name\" id=\"hsDeviceNameGuide\">\u0647\u064a\u0628\u0648 \u0625\u062a\u0634 \u0648\u0646<\/div>\r\n\t\t\t\t\t<div class=\"hippo-slider-caption-desc\" id=\"hsDeviceDescGuide\">\u062c\u0647\u0627\u0632 \u0645\u0631\u0627\u0642\u0628\u0629 \u0633\u0643\u0631 \u0627\u0644\u062f\u0645 \u0628\u062f\u0648\u0646 \u0648\u062e\u0632<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"header\"><p id=\"hsSubtitleGuide\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0645\u0639\u0631\u0641\u062a\u0647 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u064a\u0628\u0648<\/p><\/div>\r\n\r\n\t\t\t<div class=\"lang-toggle\">\r\n\t\t\t\t<div class=\"lang-toggle-wrapper\">\r\n\t\t\t\t\t<button class=\"lang-btn active\" id=\"hsBtnARGuide\">\u0639\u0631\u0628\u064a<\/button>\r\n\t\t\t\t\t<button class=\"lang-btn\" id=\"hsBtnENGuide\">English<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"cards\" id=\"hsCardsContainerGuide\"><\/div>\r\n\r\n\t\t\t<div class=\"academy-section\">\r\n\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\" class=\"academy-btn\" id=\"hsAcademyBtnGuide\">\r\n\t\t\t\t\t<svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n\t\t\t\t\t<div class=\"academy-text-wrapper\" id=\"hsAcademyLabelGuide\">\r\n\t\t\t\t\t\t<div class=\"academy-title\">\u0645\u0643\u062a\u0628\u0629 \u0647\u064a\u0628\u0648<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"academy-desc\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0623\u0643\u062b\u0631 \u0639\u0646 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a \u0648 \u0639\u0646 \u062c\u0647\u0627\u0632 \u0647\u064a\u0628\u0648 \u0625\u062a\u0634 \u0648\u0646 .. \u0642\u0631\u064a\u0628\u0627\u064b<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\r\n\r\n\r\n\t\t\t<div class=\"social-section\">\r\n\t\t\t\t<p id=\"hsSocialLabelGuide\"><\/p>\r\n\t\t\t\t<div class=\"social-icons\">\r\n\t\t\t\t\t\t\t\t\t\t<a class=\"social-icon inactive\" title=\"TikTok\" href=\"#\" >\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 0 0-.79-.05A6.34 6.34 0 0 0 3.15 15a6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.34-6.34V8.72a8.18 8.18 0 0 0 4.76 1.52V6.79a4.84 4.84 0 0 1-1-.1z\" fill=\"#1a6bce\"\/><\/svg>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<a class=\"social-icon inactive\" title=\"Facebook\" href=\"#\" >\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\" fill=\"#1a6bce\"\/><\/svg>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t<a class=\"social-icon inactive\" title=\"Instagram\" href=\"#\" >\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" stroke=\"#1a6bce\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"#1a6bce\" stroke-width=\"2\" fill=\"none\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"#1a6bce\"\/><\/svg>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"footer\">\r\n\t\t\t\t<div class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/creativesorbit.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-05-21-at-10.24.06-AM.png\" alt=\"Logo\"><\/div>\r\n\t\t\t\t<p id=\"hsFooterTextGuide\">\u00a9 2026 \u0647\u064a\u0628\u0648. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\t(function(){\r\n\t\tvar wrap = document.getElementById('hippoHSWrapGuide');\r\n\t\tvar sliderImages = {\"ar\":[\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-1-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-2-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-3-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-4-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-5-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-6-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-7-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/a1-8-scaled.jpg\"],\"en\":[\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-1-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-2-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-3-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-4-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-5-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-6-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-7-scaled.jpg\",\"https:\\\/\\\/creativesorbit.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/e1-8-scaled.jpg\"]};\r\n\t\tvar data = {\"ar\":{\"subtitle\":\"\\u0643\\u0644 \\u0645\\u0627 \\u062a\\u062d\\u062a\\u0627\\u062c \\u0645\\u0639\\u0631\\u0641\\u062a\\u0647 \\u0644\\u0627\\u0633\\u062a\\u062e\\u062f\\u0627\\u0645 \\u0647\\u064a\\u0628\\u0648\",\"socialLabel\":\"\",\"footer\":\"\\u00a9 2026 \\u0647\\u064a\\u0628\\u0648. \\u062c\\u0645\\u064a\\u0639 \\u0627\\u0644\\u062d\\u0642\\u0648\\u0642 \\u0645\\u062d\\u0641\\u0648\\u0638\\u0629\",\"deviceName\":\"\\u0647\\u064a\\u0628\\u0648 \\u0625\\u062a\\u0634 \\u0648\\u0646\",\"deviceDesc\":\"\\u062c\\u0647\\u0627\\u0632 \\u0645\\u0631\\u0627\\u0642\\u0628\\u0629 \\u0633\\u0643\\u0631 \\u0627\\u0644\\u062f\\u0645 \\u0628\\u062f\\u0648\\u0646 \\u0648\\u062e\\u0632\",\"academyLabel\":\"\\u0645\\u0643\\u062a\\u0628\\u0629 \\u0647\\u064a\\u0628\\u0648 : \\u0645\\u0639\\u0644\\u0648\\u0645\\u0627\\u062a \\u0623\\u0643\\u062b\\u0631 \\u0639\\u0646 \\u0645\\u0631\\u0636 \\u0627\\u0644\\u0633\\u0643\\u0631\\u064a \\u0648 \\u0639\\u0646 \\u062c\\u0647\\u0627\\u0632 \\u0647\\u064a\\u0628\\u0648 \\u0625\\u062a\\u0634 \\u0648\\u0646 .. \\u0642\\u0631\\u064a\\u0628\\u0627\\u064b\",\"cards\":[{\"title\":\"\\u062a\\u062d\\u0645\\u064a\\u0644 \\u062a\\u0637\\u0628\\u064a\\u0642 \\u0627\\u0644\\u0645\\u0633\\u062a\\u062e\\u062f\\u0645\",\"desc\":\"\\u0647\\u064a\\u0628\\u0648 \\u0625\\u062a\\u0634 \\u0648\\u0646\",\"url\":\"https:\\\/\\\/d.hippodiabetes.com\\\/#\\\/?lang=ar\",\"icon\":\"download\",\"badge\":true,\"section\":\"\\u062a\\u062d\\u0645\\u064a\\u0644 \\u0627\\u0644\\u062a\\u0637\\u0628\\u064a\\u0642\\u0627\\u062a\"},{\"title\":\"\\u062a\\u062d\\u0645\\u064a\\u0644 \\u062a\\u0637\\u0628\\u064a\\u0642 \\u0627\\u0644\\u0645\\u062a\\u0627\\u0628\\u0639\",\"desc\":\"\\u0625\\u062a\\u0634 \\u0644\\u064a\\u0646\\u0643\",\"url\":\"https:\\\/\\\/d.hippodiabetes.com\\\/#\\\/?lang=ar\",\"icon\":\"download\",\"badge\":true,\"section\":\"\"},{\"title\":\"\\u0643\\u064a\\u0641\\u064a\\u0629 \\u062a\\u0646\\u0632\\u064a\\u0644 \\u062a\\u0637\\u0628\\u064a\\u0642 \\u0647\\u064a\\u0628\\u0648 \\u0627\\u062a\\u0634 \\u0648\\u0646 \\u0648\\u0627\\u0644\\u062a\\u0633\\u062c\\u064a\\u0644 \\u0641\\u064a\\u0647\",\"desc\":\"\\u0634\\u0631\\u062d \\u062a\\u0641\\u0635\\u064a\\u0644\\u064a \\u062e\\u0637\\u0648\\u0629 \\u0628\\u062e\\u0637\\u0648\\u0629\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1YxwH3q7eTgqzGH8BZAgExE7b8EPU_Fat\\\/view?usp=sharing\",\"icon\":\"register\",\"badge\":false,\"section\":\"\\u0634\\u0631\\u0648\\u062d\\u0627\\u062a \\u0627\\u0644\\u0627\\u0633\\u062a\\u062e\\u062f\\u0627\\u0645\"},{\"title\":\"\\u0643\\u064a\\u0641\\u064a\\u0629 \\u062a\\u0648\\u0635\\u064a\\u0644 \\u0645\\u0633\\u062a\\u0634\\u0639\\u0631 \\u062c\\u062f\\u064a\\u062f \\u0645\\u0639 \\u062a\\u0637\\u0628\\u064a\\u0642 \\u0647\\u064a\\u0628\\u0648 \\u0627\\u062a\\u0634 \\u0648\\u0646\",\"desc\":\"\\u062f\\u0644\\u064a\\u0644 \\u0631\\u0628\\u0637 \\u0627\\u0644\\u0645\\u0633\\u062a\\u0634\\u0639\\u0631 \\u0628\\u0627\\u0644\\u062a\\u0637\\u0628\\u064a\\u0642\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1CUQngE7KksoX8Gf7wcsIkkS5XpCOe-25\\\/view?usp=sharing\",\"icon\":\"connect\",\"badge\":false,\"section\":\"\"},{\"title\":\"\\u0637\\u0631\\u064a\\u0642\\u0629 \\u0627\\u0644\\u062a\\u0633\\u062c\\u064a\\u0644 \\u0641\\u064a \\u062a\\u0637\\u0628\\u064a\\u0642 \\u0627\\u062a\\u0634 \\u0644\\u064a\\u0646\\u0643 \\u0648\\u0631\\u0628\\u0637\\u0647 \\u0645\\u0639 \\u062a\\u0637\\u0628\\u064a\\u0642 \\u0647\\u064a\\u0628\\u0648 \\u0627\\u062a\\u0634 \\u0648\\u0646 \\u0644\\u0644\\u0645\\u062a\\u0627\\u0628\\u0639\\u0629\",\"desc\":\"\\u0625\\u0639\\u062f\\u0627\\u062f \\u0627\\u0644\\u0645\\u062a\\u0627\\u0628\\u0639\\u0629 \\u0639\\u0646 \\u0628\\u0639\\u062f\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1SfnD3DmHK6ZV6kauyFG-X2Kb903ybL6i\\\/view?usp=sharing\",\"icon\":\"hlink\",\"badge\":false,\"section\":\"\"},{\"title\":\"\\u0643\\u064a\\u0641\\u064a\\u0629 \\u0625\\u0636\\u0627\\u0641\\u0629 \\u0646\\u062a\\u064a\\u062c\\u0629 \\u0641\\u062d\\u0635 \\u0633\\u0643\\u0631 \\u0627\\u0644\\u062f\\u0645 \\u0641\\u064a \\u0627\\u0644\\u062a\\u0637\\u0628\\u064a\\u0642\",\"desc\":\"\\u062a\\u0633\\u062c\\u064a\\u0644 \\u0627\\u0644\\u0642\\u0631\\u0627\\u0621\\u0627\\u062a \\u064a\\u062f\\u0648\\u064a\\u0627\\u064b\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1lpG5bjzWDS_VGzXghyIOL1_3VQoXyhrK\\\/view?usp=sharing\",\"icon\":\"download\",\"badge\":false,\"section\":\"\"},{\"title\":\"\\u0627\\u0644\\u0623\\u0633\\u0626\\u0644\\u0629 \\u0627\\u0644\\u0634\\u0627\\u0626\\u0639\\u0629 \\u0648\\u0627\\u0644\\u0645\\u0642\\u0627\\u0644\\u0627\\u062a\",\"desc\":\"\\u0647\\u064a\\u0628\\u0648 \\u0625\\u062a\\u0634 \\u0648\\u0627\\u0646 - \\u0645\\u0642\\u0627\\u0644\\u0627\\u062a \\u0630\\u0627\\u062a \\u0635\\u0644\\u0629\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1u_IhxWJCMfdMYrBOkBXbEHOdE-fyji1w\\\/view?usp=sharing\",\"icon\":\"faq\",\"badge\":false,\"section\":\"\\u0627\\u0644\\u0623\\u0633\\u0626\\u0644\\u0629 \\u0627\\u0644\\u0634\\u0627\\u0626\\u0639\\u0629\"},{\"title\":\"\\u0627\\u0644\\u0627\\u0633\\u062a\\u0641\\u0633\\u0627\\u0631\\u0627\\u062a \\u0648\\u062e\\u062f\\u0645\\u0629 \\u0627\\u0644\\u0639\\u0645\\u0644\\u0627\\u0621\",\"desc\":\"\\u062a\\u0648\\u0627\\u0635\\u0644 \\u0645\\u0639\\u0646\\u0627 \\u0639\\u0628\\u0631 \\u0648\\u0627\\u062a\\u0633\\u0627\\u0628\",\"url\":\"https:\\\/\\\/api.whatsapp.com\\\/send?phone=966533323465\",\"icon\":\"whatsapp\",\"badge\":false,\"section\":\"\\u0627\\u0644\\u062f\\u0639\\u0645 \\u0648\\u0627\\u0644\\u0645\\u0644\\u0627\\u062d\\u0638\\u0627\\u062a\"},{\"title\":\"\\u0627\\u0644\\u062f\\u0639\\u0645 \\u0627\\u0644\\u0641\\u0646\\u064a \\u0627\\u0644\\u0645\\u0628\\u0627\\u0634\\u0631\",\"desc\":\"\\u062a\\u0648\\u0627\\u0635\\u0644 \\u0641\\u0648\\u0631\\u064a \\u0645\\u0639 \\u0641\\u0631\\u064a\\u0642 \\u0627\\u0644\\u062f\\u0639\\u0645\",\"url\":\"https:\\\/\\\/wa.me\\\/message\\\/UB7W53CBIGE3N1\",\"icon\":\"support\",\"badge\":false,\"section\":\"\"},{\"title\":\"\\u0631\\u0623\\u064a\\u0643 \\u064a\\u0647\\u0645\\u0646\\u0627\",\"desc\":\"\\u0634\\u0627\\u0631\\u0643\\u0646\\u0627 \\u0631\\u0623\\u064a\\u0643 \\u0648\\u0645\\u0642\\u062a\\u0631\\u062d\\u0627\\u062a\\u0643\",\"url\":\"https:\\\/\\\/docs.google.com\\\/forms\\\/d\\\/e\\\/1FAIpQLSf7b_QYPy5tw37kLOkQjc8KoOFJ680Y5vywos7b7euEDZm5Pg\\\/viewform?usp=header\",\"icon\":\"feedback\",\"badge\":false,\"section\":\"\"}]},\"en\":{\"subtitle\":\"Everything you need to know to use Hippo\",\"socialLabel\":\"\",\"footer\":\"\\u00a9 2026 Hippo. All rights reserved\",\"deviceName\":\"Hippo H1\",\"deviceDesc\":\"Continuous Glucose Monitoring System\",\"academyLabel\":\"Hippo Library: More information about diabetes and the Hippo H1 device... coming soon.\",\"cards\":[{\"title\":\"Download User App\",\"desc\":\"Hippo H1\",\"url\":\"https:\\\/\\\/d.hippodiabetes.com\\\/#\\\/?lang=en\",\"icon\":\"download\",\"badge\":true,\"section\":\"Download Apps\"},{\"title\":\"Download Follower App\",\"desc\":\"H-Link\",\"url\":\"https:\\\/\\\/d.hippodiabetes.com\\\/#\\\/?lang=en\",\"icon\":\"download\",\"badge\":true,\"section\":\"\"},{\"title\":\"How to Download and Register for the Hippo H1 App\",\"desc\":\"Step-by-step detailed guide\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1CdMlxaKQZwe6K6R8LBZfVCyejdwl3_OC\\\/view?usp=sharing\",\"icon\":\"register\",\"badge\":false,\"section\":\"Usage Tutorials\"},{\"title\":\"How to Connect a New Sensor with Hippo H1 App\",\"desc\":\"Guide to pairing the sensor with the app\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1i237JLSShysSfXrMMw7bmxGJcZbh3xyU\\\/view?usp=sharing\",\"icon\":\"connect\",\"badge\":false,\"section\":\"\"},{\"title\":\"How to Register on H-Link and Link it to Hippo H1 App\",\"desc\":\"Setting up remote monitoring\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1Gki_GyuoGUHWcd9yIqB_GEE83ObeDiWJ\\\/view?usp=sharing\",\"icon\":\"hlink\",\"badge\":false,\"section\":\"\"},{\"title\":\"How to Add Blood Glucose Record in the App\",\"desc\":\"Manual reading entry\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1HvuIam0qRyCSc6jQNJen2Hbty1uFYFw5\\\/view?usp=sharing\",\"icon\":\"download\",\"badge\":false,\"section\":\"\"},{\"title\":\"Related Articles & FAQ\",\"desc\":\"Hippo H1 - Frequently asked questions\",\"url\":\"https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1zGLbsRimwVacF4CqF7fngA4tMJ2cFy4j\\\/view?usp=sharing\",\"icon\":\"faq\",\"badge\":false,\"section\":\"FAQ\"},{\"title\":\"Customer Service\",\"desc\":\"Contact us via WhatsApp\",\"url\":\"https:\\\/\\\/api.whatsapp.com\\\/send?phone=966533323465\",\"icon\":\"whatsapp\",\"badge\":false,\"section\":\"Support & Feedback\"},{\"title\":\"Direct Technical Support\",\"desc\":\"Instant support team contact\",\"url\":\"https:\\\/\\\/wa.me\\\/message\\\/UB7W53CBIGE3N1\",\"icon\":\"support\",\"badge\":false,\"section\":\"\"},{\"title\":\"Your Feedback Matters\",\"desc\":\"Share your thoughts with us\",\"url\":\"https:\\\/\\\/docs.google.com\\\/forms\\\/d\\\/e\\\/1FAIpQLSf7b_QYPy5tw37kLOkQjc8KoOFJ680Y5vywos7b7euEDZm5Pg\\\/viewform?usp=header\",\"icon\":\"feedback\",\"badge\":false,\"section\":\"\"}]}};\r\n\t\tvar svgIcons = {\"download\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\\\"\\\/><polyline points=\\\"7 10 12 15 17 10\\\"\\\/><line x1=\\\"12\\\" y1=\\\"15\\\" x2=\\\"12\\\" y2=\\\"3\\\"\\\/><\\\/svg>\",\"register\":\"<svg viewBox=\\\"0 0 24 24\\\"><rect x=\\\"5\\\" y=\\\"2\\\" width=\\\"14\\\" height=\\\"20\\\" rx=\\\"2\\\" ry=\\\"2\\\"\\\/><line x1=\\\"12\\\" y1=\\\"18\\\" x2=\\\"12.01\\\" y2=\\\"18\\\"\\\/><path d=\\\"M9 8h6\\\"\\\/><path d=\\\"M9 12h4\\\"\\\/><\\\/svg>\",\"connect\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\\\"\\\/><path d=\\\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\\\"\\\/><\\\/svg>\",\"hlink\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\\\"\\\/><circle cx=\\\"9\\\" cy=\\\"7\\\" r=\\\"4\\\"\\\/><path d=\\\"M23 21v-2a4 4 0 0 0-3-3.87\\\"\\\/><path d=\\\"M16 3.13a4 4 0 0 1 0 7.75\\\"\\\/><\\\/svg>\",\"bluetooth\":\"<svg viewBox=\\\"0 0 24 24\\\"><polyline points=\\\"6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5\\\"\\\/><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"10\\\" stroke-dasharray=\\\"3 3\\\"\\\/><\\\/svg>\",\"bloodGlucose\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\\\"\\\/><line x1=\\\"12\\\" y1=\\\"10\\\" x2=\\\"12\\\" y2=\\\"16\\\"\\\/><line x1=\\\"9\\\" y1=\\\"13\\\" x2=\\\"15\\\" y2=\\\"13\\\"\\\/><\\\/svg>\",\"guide\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\\\"\\\/><polyline points=\\\"14 2 14 8 20 8\\\"\\\/><line x1=\\\"16\\\" y1=\\\"13\\\" x2=\\\"8\\\" y2=\\\"13\\\"\\\/><line x1=\\\"16\\\" y1=\\\"17\\\" x2=\\\"8\\\" y2=\\\"17\\\"\\\/><polyline points=\\\"10 9 9 9 8 9\\\"\\\/><\\\/svg>\",\"faq\":\"<svg viewBox=\\\"0 0 24 24\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"10\\\"\\\/><path d=\\\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\\\"\\\/><line x1=\\\"12\\\" y1=\\\"17\\\" x2=\\\"12.01\\\" y2=\\\"17\\\"\\\/><\\\/svg>\",\"whatsapp\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\\\"\\\/><\\\/svg>\",\"support\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\\\"\\\/><\\\/svg>\",\"feedback\":\"<svg viewBox=\\\"0 0 24 24\\\"><path d=\\\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\\\"\\\/><\\\/svg>\",\"video\":\"<svg viewBox=\\\"0 0 24 24\\\"><polygon points=\\\"5 3 19 12 5 21 5 3\\\"\\\/><\\\/svg>\"};\r\n\t\tvar arrowSVG = '<svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>';\r\n\r\n\t\tvar currentSlide = 0, sliderInterval = null, currentLang = 'ar', isTransitioning = false;\r\n\r\n\t\tfunction buildSlider(lang){\r\n\t\t\tvar track = wrap.querySelector('#hsSliderTrackGuide');\r\n\t\t\tvar dotsContainer = wrap.querySelector('#hsSliderDotsGuide');\r\n\t\t\tvar images = sliderImages[lang] || [];\r\n\t\t\ttrack.innerHTML = ''; dotsContainer.innerHTML = '';\r\n\t\t\timages.forEach(function(src, i){\r\n\t\t\t\tvar slide = document.createElement('div');\r\n\t\t\t\tslide.className = 'hippo-slider-slide';\r\n\t\t\t\tvar img = document.createElement('img');\r\n\t\t\t\timg.src = src; img.alt = 'Hippo Slide ' + (i+1);\r\n\t\t\t\timg.loading = (i === 0) ? 'eager' : 'lazy'; img.decoding = 'async';\r\n\t\t\t\tslide.appendChild(img); track.appendChild(slide);\r\n\t\t\t\tvar dot = document.createElement('div');\r\n\t\t\t\tdot.className = 'hippo-slider-dot' + (i === 0 ? ' active' : '');\r\n\t\t\t\tdot.addEventListener('click', function(e){ e.stopPropagation(); goToSlide(i); });\r\n\t\t\t\tdotsContainer.appendChild(dot);\r\n\t\t\t});\r\n\t\t\tcurrentSlide = 0; updateSliderPosition(false); startAutoSlide();\r\n\t\t}\r\n\t\tfunction updateSliderPosition(animate){\r\n\t\t\tvar track = wrap.querySelector('#hsSliderTrackGuide');\r\n\t\t\tvar offset = currentSlide * 100;\r\n\t\t\ttrack.style.transition = animate ? 'transform .5s cubic-bezier(.25,.46,.45,.94)' : 'none';\r\n\t\t\ttrack.style.transform = 'translateX(-' + offset + '%)';\r\n\t\t\twrap.querySelectorAll('.hippo-slider-dot').forEach(function(dot, i){ dot.classList.toggle('active', i === currentSlide); });\r\n\t\t}\r\n\t\tfunction goToSlide(index){\r\n\t\t\tvar images = sliderImages[currentLang] || [];\r\n\t\t\tif (isTransitioning || !images.length) return;\r\n\t\t\tisTransitioning = true;\r\n\t\t\tcurrentSlide = ((index % images.length) + images.length) % images.length;\r\n\t\t\tupdateSliderPosition(true); resetAutoSlide();\r\n\t\t\tsetTimeout(function(){ isTransitioning = false; }, 500);\r\n\t\t}\r\n\t\tfunction nextSlide(){ var images = sliderImages[currentLang] || []; if(!images.length) return; currentSlide = (currentSlide + 1) % images.length; updateSliderPosition(true); }\r\n\t\tfunction prevSlide(){ var images = sliderImages[currentLang] || []; if(!images.length) return; currentSlide = (currentSlide - 1 + images.length) % images.length; updateSliderPosition(true); }\r\n\t\tfunction startAutoSlide(){ clearInterval(sliderInterval); sliderInterval = setInterval(nextSlide, 3500); }\r\n\t\tfunction resetAutoSlide(){ clearInterval(sliderInterval); startAutoSlide(); }\r\n\r\n\t\twrap.querySelector('#hsSliderNextGuide').addEventListener('click', function(){ if(!isTransitioning){ nextSlide(); resetAutoSlide(); } });\r\n\t\twrap.querySelector('#hsSliderPrevGuide').addEventListener('click', function(){ if(!isTransitioning){ prevSlide(); resetAutoSlide(); } });\r\n\r\n\t\tvar viewport = wrap.querySelector('#hsSliderViewportGuide');\r\n\t\tvar touchStartX = 0;\r\n\t\tviewport.addEventListener('touchstart', function(e){ touchStartX = e.changedTouches[0].screenX; }, { passive: true });\r\n\t\tviewport.addEventListener('touchend', function(e){\r\n\t\t\tvar diff = touchStartX - e.changedTouches[0].screenX;\r\n\t\t\tif (Math.abs(diff) > 30){ if (diff > 0) nextSlide(); else prevSlide(); resetAutoSlide(); }\r\n\t\t}, { passive: true });\r\n\r\n\t\twrap.querySelector('#hsSliderWrapperGuide').addEventListener('mouseenter', function(){ clearInterval(sliderInterval); });\r\n\t\twrap.querySelector('#hsSliderWrapperGuide').addEventListener('mouseleave', function(){ startAutoSlide(); });\r\n\r\n\t\tfunction renderCards(lang){\r\n\t\t\tvar d = data[lang];\r\n\t\t\tvar container = wrap.querySelector('#hsCardsContainerGuide');\r\n\t\t\tcontainer.innerHTML = '';\r\n\t\t\tvar currentSection = null, animIndex = 0;\r\n\t\t\td.cards.forEach(function(card){\r\n\t\t\t\tif (card.section && card.section !== currentSection){\r\n\t\t\t\t\tcurrentSection = card.section;\r\n\t\t\t\t\tvar label = document.createElement('div');\r\n\t\t\t\t\tlabel.className = 'section-label';\r\n\t\t\t\t\tlabel.style.animationDelay = (animIndex * 0.05 + 0.3) + 's';\r\n\t\t\t\t\tlabel.textContent = card.section;\r\n\t\t\t\t\tcontainer.appendChild(label);\r\n\t\t\t\t\tanimIndex++;\r\n\t\t\t\t}\r\n\t\t\t\tvar cardEl = document.createElement('a');\r\n\t\t\t\tcardEl.href = card.url || '#';\r\n\t\t\t\tcardEl.target = '_blank'; cardEl.rel = 'noopener';\r\n\t\t\t\tcardEl.className = 'card' + (card.badge ? ' card-download' : '');\r\n\t\t\t\tcardEl.style.animationDelay = (animIndex * 0.06 + 0.4) + 's';\r\n\t\t\t\tcardEl.innerHTML =\r\n\t\t\t\t\t'<div class=\"card-icon\">' + (svgIcons[card.icon] || svgIcons.guide) + '<\/div>' +\r\n\t\t\t\t\t'<div class=\"card-text\"><h3><\/h3><p><\/p><\/div>' +\r\n\t\t\t\t\t'<div class=\"card-arrow\">' + arrowSVG + '<\/div>';\r\n\t\t\t\tcardEl.querySelector('h3').textContent = card.title;\r\n\t\t\t\tcardEl.querySelector('p').textContent = card.desc;\r\n\t\t\t\tcardEl.addEventListener('click', createRipple);\r\n\t\t\t\tcontainer.appendChild(cardEl);\r\n\t\t\t\tanimIndex++;\r\n\t\t\t});\r\n\t\t}\r\n\t\tfunction createRipple(e){\r\n\t\t\tvar card = e.currentTarget;\r\n\t\t\tvar existing = card.querySelector('.ripple'); if (existing) existing.remove();\r\n\t\t\tvar ripple = document.createElement('span'); ripple.className = 'ripple';\r\n\t\t\tvar rect = card.getBoundingClientRect();\r\n\t\t\tvar size = Math.max(rect.width, rect.height);\r\n\t\t\tripple.style.width = ripple.style.height = size + 'px';\r\n\t\t\tripple.style.left = (e.clientX - rect.left - size\/2) + 'px';\r\n\t\t\tripple.style.top = (e.clientY - rect.top - size\/2) + 'px';\r\n\t\t\tcard.appendChild(ripple);\r\n\t\t\tsetTimeout(function(){ ripple.remove(); }, 600);\r\n\t\t}\r\n\r\n\t\tfunction switchLang(lang){\r\n\t\t\tcurrentLang = lang;\r\n\t\t\tvar d = data[lang];\r\n\t\t\twrap.setAttribute('lang', lang);\r\n\t\t\twrap.setAttribute('dir', lang === 'ar' ? 'rtl' : 'ltr');\r\n\t\t\twrap.classList.toggle('hippo-en', lang === 'en');\r\n\t\t\twrap.querySelector('#hsSubtitleGuide').textContent = d.subtitle;\r\n\t\t\twrap.querySelector('#hsSocialLabelGuide').textContent = d.socialLabel;\r\n\t\t\twrap.querySelector('#hsFooterTextGuide').textContent = d.footer;\r\n\t\t\twrap.querySelector('#hsDeviceNameGuide').textContent = d.deviceName;\r\n\t\t\twrap.querySelector('#hsDeviceDescGuide').textContent = d.deviceDesc;\r\n\t\t\tvar posColon = d.academyLabel.indexOf(':');\r\n\t\t\tvar posDot = d.academyLabel.indexOf('.');\r\n\t\t\tvar pos = -1;\r\n\t\t\tif (posColon !== -1 && posDot !== -1) {\r\n\t\t\t\tpos = Math.min(posColon, posDot);\r\n\t\t\t} else if (posColon !== -1) {\r\n\t\t\t\tpos = posColon;\r\n\t\t\t} else if (posDot !== -1) {\r\n\t\t\t\tpos = posDot;\r\n\t\t\t}\r\n\t\t\tvar academyTitle = '', academyDesc = '';\r\n\t\t\tif (pos !== -1) {\r\n\t\t\t\tacademyTitle = d.academyLabel.substring(0, pos).trim();\r\n\t\t\t\tacademyDesc = d.academyLabel.substring(pos + 1).trim();\r\n\t\t\t} else {\r\n\t\t\t\tacademyTitle = d.academyLabel.trim();\r\n\t\t\t\tacademyDesc = '';\r\n\t\t\t}\r\n\t\t\tvar labelContainer = wrap.querySelector('#hsAcademyLabelGuide');\r\n\t\t\tif (labelContainer) {\r\n\t\t\t\tvar html = '<div class=\"academy-title\">' + academyTitle + '<\/div>';\r\n\t\t\t\tif (academyDesc) {\r\n\t\t\t\t\thtml += '<div class=\"academy-desc\">' + academyDesc + '<\/div>';\r\n\t\t\t\t}\r\n\t\t\t\tlabelContainer.innerHTML = html;\r\n\t\t\t}\r\n\t\t\twrap.querySelector('#hsBtnARGuide').classList.toggle('active', lang === 'ar');\r\n\t\t\twrap.querySelector('#hsBtnENGuide').classList.toggle('active', lang === 'en');\r\n\r\n\t\t\trenderCards(lang);\r\n\t\t\tbuildSlider(lang);\r\n\t\t}\r\n\t\twrap.querySelector('#hsBtnARGuide').addEventListener('click', function(){ switchLang('ar'); });\r\n\t\twrap.querySelector('#hsBtnENGuide').addEventListener('click', function(){ switchLang('en'); });\r\n\r\n\t\tbuildSlider('ar'); renderCards('ar');\r\n\t})();\r\n\t<\/script>\r\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4402","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/pages\/4402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/comments?post=4402"}],"version-history":[{"count":32,"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/pages\/4402\/revisions"}],"predecessor-version":[{"id":4557,"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/pages\/4402\/revisions\/4557"}],"wp:attachment":[{"href":"https:\/\/creativesorbit.com\/ar\/wp-json\/wp\/v2\/media?parent=4402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}