{"id":17871,"date":"2025-12-10T13:40:04","date_gmt":"2025-12-10T13:40:04","guid":{"rendered":"https:\/\/jib-expo.com\/?page_id=17871"},"modified":"2026-01-04T05:13:10","modified_gmt":"2026-01-04T05:13:10","slug":"jibe-insights","status":"publish","type":"page","link":"https:\/\/jib-expo.com\/ar\/jibe-insights\/","title":{"rendered":"\u0631\u0624\u064a\u062a\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17871\" class=\"elementor elementor-17871\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d980545 e-con-full e-flex e-con e-parent\" data-id=\"d980545\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abbf41 elementor-widget elementor-widget-image\" data-id=\"6abbf41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"600\" src=\"https:\/\/jib-expo.com\/wp-content\/uploads\/2025\/12\/banner-1.webp\" class=\"attachment-full size-full wp-image-18170\" alt=\"\" srcset=\"https:\/\/jib-expo.com\/wp-content\/uploads\/2025\/12\/banner-1.webp 1280w, https:\/\/jib-expo.com\/wp-content\/uploads\/2025\/12\/banner-1-300x141.webp 300w, https:\/\/jib-expo.com\/wp-content\/uploads\/2025\/12\/banner-1-1024x480.webp 1024w, https:\/\/jib-expo.com\/wp-content\/uploads\/2025\/12\/banner-1-768x360.webp 768w, https:\/\/jib-expo.com\/wp-content\/uploads\/2025\/12\/banner-1-18x8.webp 18w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80c331a e-flex e-con-boxed e-con e-parent\" data-id=\"80c331a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a34994 elementor-widget elementor-widget-html\" data-id=\"3a34994\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"th-sec2\" dir=\"ltr\">\r\n\r\n  <div class=\"th-sec2-grid-4\">\r\n\r\n    <!-- Card 1: Market Types -->\r\n    <div class=\"th-box\">\r\n      <h3 class=\"th-box-title\">Market By Types<\/h3>\r\n      <ul class=\"th-list th-types-list\">\r\n        <li><span class=\"th-type-icon\">\ud83d\udc84<\/span> Colour & Cosmetics<\/li>\r\n        <li><span class=\"th-type-icon\">\ud83e\uddf4<\/span> Skin Care<\/li>\r\n        <li><span class=\"th-type-icon\">\ud83e\uddfc<\/span> Personal Care<\/li>\r\n        <li><span class=\"th-type-icon\">\ud83c\udf38<\/span> Fragrances<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Card 2: Market Region -->\r\n    <div class=\"th-box\">\r\n      <h3 class=\"th-box-title\">Market By Region<\/h3>\r\n      <ul class=\"th-list th-region-list\">\r\n        <li><span class=\"th-flag sa\"><\/span> Saudi Arabia<\/li>\r\n        <li><span class=\"th-flag uae\"><\/span> UAE<\/li>\r\n        <li><span class=\"th-flag qa\"><\/span> Qatar<\/li>\r\n        <li><span class=\"th-flag kw\"><\/span> Kuwait<\/li>\r\n        <li><span class=\"th-flag bh\"><\/span> Bahrain<\/li>\r\n        <li><span class=\"th-flag me\"><\/span> Rest of Middle East<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Card 3: Exhibitors Breakdown -->\r\n    <div class=\"th-box th-chart-box\">\r\n      <h3 class=\"th-box-title\">Exhibitors Breakdown<\/h3>\r\n\r\n      <div class=\"th-mini-charts\">\r\n        <div class=\"th-mini-chart\">\r\n          <div class=\"th-donut\" data-percent=\"65\"><\/div>\r\n          <p class=\"th-label\">A \u2013 International<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"th-mini-chart\">\r\n          <div class=\"th-donut\" data-percent=\"35\"><\/div>\r\n          <p class=\"th-label\">B \u2013 Saudi Arabia<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4: Visitors Breakdown -->\r\n    <div class=\"th-box th-chart-box\">\r\n      <h3 class=\"th-box-title\">Visitors Breakdown<\/h3>\r\n\r\n      <div class=\"th-mini-charts\">\r\n        <div class=\"th-mini-chart\">\r\n          <div class=\"th-donut\" data-percent=\"9\"><\/div>\r\n          <p class=\"th-label\">B \u2013 International<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"th-mini-chart\">\r\n          <div class=\"th-donut\" data-percent=\"91\"><\/div>\r\n          <p class=\"th-label\">A \u2013 Saudi Arabia<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* Base Container *\/\r\n.th-sec2 { background:#fff; padding:40px 26px; border-radius:16px; max-width:1300px; margin:auto; }\r\n\r\n\/* 4 Cards Layout *\/\r\n.th-sec2-grid-4 {\r\n  display:grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap:24px;\r\n}\r\n\r\n\/* Boxes Style *\/\r\n.th-box {\r\n  background:#faf7fb;\r\n  border:1px solid #efd7e8;\r\n  padding:18px;\r\n  border-radius:12px;\r\n}\r\n\r\n\/* Titles *\/\r\n.th-box-title { font-size:17px; font-weight:700; color:#b31763; margin-bottom:12px; }\r\n\r\n\/* Lists *\/\r\n.th-list li {\r\n  padding:6px 0;\r\n  font-size:14px;\r\n  color:#444;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n}\r\n\r\n\/* Type Icons *\/\r\n.th-type-icon { font-size:16px; }\r\n\r\n\/* Flags *\/\r\n.th-flag {\r\n  width:20px; height:14px; display:inline-block; background-size:cover; border-radius:3px;\r\n}\r\n.sa { background-image:url('https:\/\/flagcdn.com\/sa.svg'); }\r\n.uae { background-image:url('https:\/\/flagcdn.com\/ae.svg'); }\r\n.qa { background-image:url('https:\/\/flagcdn.com\/qa.svg'); }\r\n.kw { background-image:url('https:\/\/flagcdn.com\/kw.svg'); }\r\n.bh { background-image:url('https:\/\/flagcdn.com\/bh.svg'); }\r\n.me { background-image:url('https:\/\/flagcdn.com\/ae.svg'); opacity:.6; }\r\n\r\n\/* Chart Box *\/\r\n.th-chart-box { text-align:center; }\r\n\r\n\/* Donut Holder *\/\r\n.th-mini-charts { display:flex; justify-content:space-between; margin-top:12px;\r\n\r\n        flex-direction: column;\r\n\r\n}\r\n\r\n\/* Donut Circle *\/\r\n.th-donut {\r\n  width:90px; height:90px; border-radius:50%;\r\n  background:conic-gradient(#d62386 var(--val), #ccc 0);\r\n  position:relative;\r\n  margin:auto;\r\n}\r\n\r\n\/* Donut Center Number *\/\r\n.th-donut::after {\r\n  content: attr(data-percent) \"%\";\r\n  position:absolute;\r\n  width:45px; height:45px;\r\n  background:#fff;\r\n  border-radius:50%;\r\n  top:50%; left:50%;\r\n  transform:translate(-50%, -50%);\r\n  font-weight:800;\r\n  font-size:14px;\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:900px){\r\n  .th-sec2-grid-4 { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width:600px){\r\n  .th-sec2-grid-4 { grid-template-columns: 1fr; }\r\n}\r\n.th-list {\r\n    padding-left: 0px !important;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Auto-generate donut percentage rotation *\/\r\ndocument.querySelectorAll(\".th-donut\").forEach(el => {\r\n  let p = el.dataset.percent;\r\n  el.style.setProperty(\"--val\", (p * 3.6) + \"deg\");\r\n});\r\n<\/script>\r\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 class=\"elementor-element elementor-element-dab8624 e-flex e-con-boxed e-con e-parent\" data-id=\"dab8624\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f219be elementor-widget elementor-widget-html\" data-id=\"1f219be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Participating Countries Section -->\r\n<section class=\"countries-section\" style=\"font-family: Inter, Arial, sans-serif; margin:30px auto; max-width:1100px;\">\r\n\r\n\r\n  <div class=\"countries-grid\">\r\n\r\n    <!-- Brazil -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 20 14\">\r\n          <rect width=\"20\" height=\"14\" fill=\"#009C3B\"\/>\r\n          <polygon points=\"10,1 18,7 10,13 2,7\" fill=\"#FFDF00\"\/>\r\n          <circle cx=\"10\" cy=\"7\" r=\"3\" fill=\"#002776\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">Brazil<\/span>\r\n    <\/div>\r\n\r\n    <!-- China -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#DE2910\"\/>\r\n          <polygon fill=\"#FFDE00\" points=\"5,2 6,5 9,5 6.5,7 7.5,10 5,8.5 2.5,10 3.5,7 1,5 4,5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">China<\/span>\r\n    <\/div>\r\n\r\n    <!-- India -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#FF9933\"\/>\r\n          <rect y=\"6.6\" width=\"30\" height=\"6.6\" fill=\"#FFFFFF\"\/>\r\n          <rect y=\"13.2\" width=\"30\" height=\"6.8\" fill=\"#138808\"\/>\r\n          <circle cx=\"15\" cy=\"10\" r=\"3\" fill=\"none\" stroke=\"#000080\" stroke-width=\"0.7\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">India<\/span>\r\n    <\/div>\r\n\r\n    <!-- Italy -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#F4F5F0\"\/>\r\n          <rect width=\"10\" height=\"20\" fill=\"#009246\"\/>\r\n          <rect x=\"20\" width=\"10\" height=\"20\" fill=\"#CE2B37\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">Italy<\/span>\r\n    <\/div>\r\n\r\n    <!-- Jordan -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#000\"\/>\r\n          <rect y=\"6.6\" width=\"30\" height=\"6.6\" fill=\"#fff\"\/>\r\n          <rect y=\"13.2\" width=\"30\" height=\"6.8\" fill=\"#007A3D\"\/>\r\n          <polygon points=\"0,0 12,10 0,20\" fill=\"#CE1126\"\/>\r\n          <circle cx=\"4\" cy=\"10\" r=\"1.4\" fill=\"#fff\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">Jordan<\/span>\r\n    <\/div>\r\n\r\n    <!-- Pakistan -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#01411C\"\/>\r\n          <rect width=\"6\" height=\"20\" fill=\"#FFFFFF\"\/>\r\n          <circle cx=\"17\" cy=\"10\" r=\"5\" fill=\"#fff\"\/>\r\n          <circle cx=\"18\" cy=\"10\" r=\"4.3\" fill=\"#01411C\"\/>\r\n          <polygon fill=\"#fff\" points=\"18,6.5 19,9 22,9 19.5,10.5 20.5,13 18,11.5 15.5,13 16.5,10.5 14,9 17,9\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">Pakistan<\/span>\r\n    <\/div>\r\n\r\n    <!-- Saudi Arabia -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#006C35\"\/>\r\n          <rect x=\"5\" y=\"8\" width=\"20\" height=\"2\" fill=\"#fff\"\/>\r\n          <rect x=\"12\" y=\"10\" width=\"6\" height=\"1\" fill=\"#fff\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">Saudi Arabia<\/span>\r\n    <\/div>\r\n\r\n    <!-- Turkey -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#E30A17\"\/>\r\n          <circle cx=\"11\" cy=\"10\" r=\"4.5\" fill=\"#fff\"\/>\r\n          <circle cx=\"12.3\" cy=\"10\" r=\"3.5\" fill=\"#E30A17\"\/>\r\n          <polygon fill=\"#fff\" points=\"14,10 17,9 17,11\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">Turkey<\/span>\r\n    <\/div>\r\n\r\n    <!-- UAE -->\r\n    <div class=\"country-item\">\r\n      <span class=\"flag\">\r\n        <svg width=\"26\" height=\"18\" viewBox=\"0 0 30 20\">\r\n          <rect width=\"30\" height=\"20\" fill=\"#00732F\"\/>\r\n          <rect y=\"13.3\" width=\"30\" height=\"6.7\" fill=\"#000\"\/>\r\n          <rect y=\"6.6\" width=\"30\" height=\"6.7\" fill=\"#fff\"\/>\r\n          <rect width=\"8\" height=\"20\" fill=\"#CE1126\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"country-name\">UAE<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <style>\r\n    .section-title {\r\n      font-size:22px;\r\n      font-weight:800;\r\n      margin-bottom:18px;\r\n      color:#222;\r\n    }\r\n\r\n    .countries-grid {\r\n      display:grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n      gap:16px;\r\n    }\r\n\r\n    .country-item {\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:12px 14px;\r\n      background:#fff;\r\n      border:1px solid #eee;\r\n      border-radius:10px;\r\n      box-shadow:0 4px 12px rgba(0,0,0,0.04);\r\n      font-size:15px;\r\n    }\r\n\r\n    .country-name { font-weight:600; color:#333; }\r\n\r\n    \/* Auto RTL when page is Arabic *\/\r\n    html[lang=\"ar\"] .countries-section *, \r\n    [lang=\"ar\"] .country-item {\r\n        direction: rtl;\r\n        text-align: right;\r\n        justify-content: flex-end;\r\n    }\r\n    \/* \ud83d\udcf1 Mobile Optimization *\/\r\n@media (max-width:600px){\r\n\r\n  .countries-grid {\r\n    grid-template-columns: repeat(2, 1fr); \/* \u0643\u0644 \u0627\u062a\u0646\u064a\u0646 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\r\n    gap:12px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0635\u063a\u0631 *\/\r\n  }\r\n\r\n  .country-item {\r\n    padding:10px 12px; \r\n    font-size:14px;\r\n    border-radius:8px;\r\n  }\r\n\r\n  .country-item .flag svg {\r\n    width:22px !important;\r\n    height:16px !important;\r\n  }\r\n\r\n  .country-name {\r\n    font-size:14px;\r\n  }\r\n}\r\n\r\n\/* Extra Small Screens *\/\r\n@media (max-width:420px){\r\n\r\n  .countries-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap:10px;\r\n  }\r\n\r\n  .country-item {\r\n    padding:8px 10px;\r\n  }\r\n\r\n  .country-name {\r\n    font-size:13px;\r\n  }\r\n}\r\n\r\n\/* \ud83d\udcf1 Mobile Side Padding *\/\r\n@media (max-width:600px){\r\n\r\n  .countries-section {\r\n    padding-left:16px !important;\r\n    padding-right:16px !important;\r\n  }\r\n}\r\n\r\n@media (max-width:420px){\r\n\r\n  .countries-section {\r\n    padding-left:12px !important;\r\n    padding-right:12px !important;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n\r\n<\/section>\r\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 class=\"elementor-element elementor-element-891c463 e-flex e-con-boxed e-con e-parent\" data-id=\"891c463\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4385839 elementor-widget elementor-widget-html\" data-id=\"4385839\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section dir=\"rtl\" class=\"th-sa-market-section\" style=\"font-family: Arial, system-ui, 'Segoe UI', Roboto;\">\r\n\r\n  <div class=\"th-container\">\r\n    <header class=\"th-sm-header\">\r\n      <div class=\"th-badge\">CAGR <strong>3.5%<\/strong><\/div>\r\n    <\/header>\r\n\r\n    <div class=\"th-sm-grid\">\r\n\r\n      <!-- Left Chart -->\r\n      <div class=\"th-sm-chart\">\r\n        <svg viewBox=\"0 0 300 160\" preserveAspectRatio=\"xMidYMid meet\" class=\"th-chart-svg\">\r\n          <g stroke=\"#eee\" stroke-width=\"1\">\r\n            <line x1=\"20\" y1=\"20\" x2=\"280\" y2=\"20\"><\/line>\r\n            <line x1=\"20\" y1=\"60\" x2=\"280\" y2=\"60\"><\/line>\r\n            <line x1=\"20\" y1=\"100\" x2=\"280\" y2=\"100\"><\/line>\r\n            <line x1=\"20\" y1=\"140\" x2=\"280\" y2=\"140\"><\/line>\r\n          <\/g>\r\n\r\n          <path d=\"M40 120 L120 110 L200 60 L260 30 L260 140 L40 140 Z\"\r\n                fill=\"rgba(220,50,150,0.08)\" stroke=\"none\"><\/path>\r\n\r\n          <polyline points=\"40,120 120,110 200,60 260,30\"\r\n                    fill=\"none\" stroke=\"#dc3296\" stroke-width=\"3\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/polyline>\r\n\r\n          <circle cx=\"40\" cy=\"120\" r=\"4\" fill=\"#f05ea6\"><\/circle>\r\n          <text x=\"40\" y=\"135\" font-size=\"11\" text-anchor=\"middle\" fill=\"#444\">2025<\/text>\r\n          <text x=\"40\" y=\"150\" font-size=\"11\" text-anchor=\"middle\" fill=\"#666\">6.8 Bn<\/text>\r\n\r\n          <circle cx=\"120\" cy=\"110\" r=\"4\" fill=\"#f05ea6\"><\/circle>\r\n          <text x=\"120\" y=\"135\" font-size=\"11\" text-anchor=\"middle\" fill=\"#444\">2026<\/text>\r\n          <text x=\"120\" y=\"150\" font-size=\"11\" text-anchor=\"middle\" fill=\"#666\">7.0 Bn<\/text>\r\n\r\n          <circle cx=\"200\" cy=\"60\" r=\"4\" fill=\"#f05ea6\"><\/circle>\r\n          <text x=\"200\" y=\"75\" font-size=\"11\" text-anchor=\"middle\" fill=\"#444\">2032<\/text>\r\n          <text x=\"200\" y=\"90\" font-size=\"11\" text-anchor=\"middle\" fill=\"#666\">8.6 Bn<\/text>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- Middle KPI (Static) -->\r\n      <div class=\"th-sm-kpi\">\r\n        <div class=\"th-kpi-title\">Market Size (USD)<\/div>\r\n\r\n        <div class=\"th-kpi-value\">\r\n          <div class=\"th-kpi-year\">2025<\/div>\r\n\r\n          <!-- \u2b50 \u0627\u0644\u0631\u0642\u0645 \u062b\u0627\u0628\u062a \u0648\u0628\u0643\u0644\u0627\u0633\u0627\u062a \u0645\u0639\u0632\u0648\u0644\u0629 -->\r\n          <div class=\"th-kpi-number\">\r\n            6.8 <span class=\"th-unit\">Bn<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"th-kpi-caption\">Projected growth to <strong>8.6 Bn<\/strong> by 2032<\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Cards -->\r\n      <div class=\"th-sm-cards\">\r\n        <div class=\"th-card\">\r\n          <div class=\"th-card-year\">2025<\/div>\r\n          <div class=\"th-card-num\">6.8 <span>Bn<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"th-card\">\r\n          <div class=\"th-card-year\">2026<\/div>\r\n          <div class=\"th-card-num\">7.0 <span>Bn<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"th-card\">\r\n          <div class=\"th-card-year\">2032<\/div>\r\n          <div class=\"th-card-num\">8.6 <span>Bn<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    .th-sa-market-section {\r\n      padding: 28px;\r\n      background:#fff;\r\n      border-radius:12px;\r\n      box-shadow:0 6px 22px rgba(15,15,15,0.06);\r\n      max-width:1100px;\r\n      margin:auto;\r\n      color:#222;\r\n    }\r\n\r\n    .th-sm-header { margin-bottom:18px; display:flex; justify-content:flex-end; }\r\n    \r\n    .th-badge {\r\n      background:linear-gradient(90deg,#ffd6ec,#f8cfe7);\r\n      padding:8px 12px;\r\n      border-radius:999px;\r\n      font-weight:600;\r\n      color:#8b005b;\r\n      font-size:14px;\r\n    }\r\n\r\n    .th-sm-grid {\r\n      display:grid;\r\n      grid-template-columns: 1fr 320px 220px;\r\n      gap:18px;\r\n      align-items:center;\r\n    }\r\n\r\n    .th-sm-chart {\r\n      padding:14px; background:#fbfbfd;\r\n      border-radius:10px;\r\n      min-height:160px;\r\n      display:flex; align-items:center; justify-content:center;\r\n    }\r\n\r\n    .th-chart-svg { width:100%; max-width:320px; height:160px; }\r\n\r\n    .th-sm-kpi { text-align:center; padding:12px; }\r\n\r\n    .th-kpi-title { font-size:13px; color:#666; margin-bottom:8px; }\r\n    .th-kpi-year { font-size:13px; color:#999; margin-bottom:6px; }\r\n\r\n    .th-kpi-number {\r\n      font-size:36px;\r\n      font-weight:800;\r\n      color:#dc3296;\r\n    }\r\n\r\n    .th-unit { font-size:18px; color:#666; }\r\n\r\n    .th-kpi-caption { color:#666; margin-top:10px; font-size:13px; }\r\n\r\n    .th-sm-cards {\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:12px;\r\n    }\r\n\r\n    .th-card {\r\n      background:#fff;\r\n      border:1px solid #f0e6ef;\r\n      padding:12px;\r\n      border-radius:10px;\r\n      text-align:center;\r\n    }\r\n\r\n    .th-card-num {\r\n      font-weight:800;\r\n      font-size:20px;\r\n    }\r\n\r\n    @media (max-width:900px){\r\n      .th-sm-grid { grid-template-columns: 1fr; }\r\n      .th-sm-cards { flex-direction:row; justify-content:space-between; }\r\n      .th-card { flex:1; margin:0 6px; }\r\n    }\r\n  <\/style>\r\n\r\n<\/section>\r\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 class=\"elementor-element elementor-element-709fc32 e-flex e-con-boxed e-con e-parent\" data-id=\"709fc32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb674af elementor-widget elementor-widget-html\" data-id=\"eb674af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Start: JIBE 2025 Event Section (Equal Cards + Left Align) -->\r\n<section dir=\"ltr\" class=\"event-section\" style=\"font-family: Inter, system-ui, Segoe UI, Roboto, Arial;\">\r\n  <div class=\"ev-container\">\r\n\r\n    <div class=\"ev-top\">\r\n      <div class=\"ev-title\">\r\n        <h1>JIBE 2025<\/h1>\r\n        <div class=\"ev-sub\">9\u201311 SEP \u2014 Jeddah Superdome<\/div>\r\n      <\/div>\r\n      <div class=\"ev-badge\">EVENT HIGHLIGHTS<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ev-grid\">\r\n\r\n      <!-- Visitors -->\r\n      <div class=\"ev-kpi ev-v1\">\r\n        <div class=\"icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M16 21v-2a4 4 0 0 0-3-3.87M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6 9v-2a4 4 0 0 0-1-2.65M15.5 4a4 4 0 0 1 0 8M6 21v-2a4 4 0 0 1 1-2.65M8.5 4a4 4 0 1 0 0 8\" stroke=\"#d3237a\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"kpi-label\">Visitors<\/div>\r\n        <div class=\"kpi-value\" data-target=\"5431\">0<\/div>\r\n      <\/div>\r\n\r\n      <!-- Exhibitors -->\r\n      <div class=\"ev-kpi ev-v2\">\r\n        <div class=\"icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M3 9l9-6 9 6-9 6-9-6Zm9 6V3M3 15l9 6 9-6\" stroke=\"#d3237a\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"kpi-label\">Exhibitors<\/div>\r\n        <div class=\"kpi-value\" data-target=\"159\">0<\/div>\r\n      <\/div>\r\n\r\n      <!-- Countries -->\r\n      <div class=\"ev-kpi ev-v3\">\r\n        <div class=\"icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2Zm1 3h-2v5l4 2\" stroke=\"#d3237a\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"kpi-label\">Countries<\/div>\r\n        <div class=\"kpi-value\" data-target=\"9\">0<\/div>\r\n      <\/div>\r\n\r\n      <!-- SQ Meters -->\r\n      <div class=\"ev-kpi ev-v4\">\r\n        <div class=\"icon\">\r\n          <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 4h16v16H4V4Zm2 2v12h12V6H6Z\" stroke=\"#d3237a\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"kpi-label\">SQ Meters<\/div>\r\n        <div class=\"kpi-value\" data-target=\"6000\">0<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ev-footer\">\r\n      Location: <strong>Jeddah Superdome<\/strong> \u2014 Date: <strong>9\u201311 SEP 2025<\/strong>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* Remove section shadow *\/\r\n    .event-section { \r\n      max-width:1100px; \r\n      margin:20px auto; \r\n      background:#fff; \r\n      padding:24px; \r\n      border-radius:12px; \r\n      box-shadow:none;\r\n      color:#17202a; \r\n    }\r\n\r\n    .ev-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:22px; }\r\n    .ev-title h1 { margin:0; font-size:24px; font-weight:800; }\r\n    .ev-sub { font-size:14px; color:#666; margin-top:4px; }\r\n    .ev-badge { background:#ffe4f4; padding:8px 14px; border-radius:30px; font-size:12px; font-weight:700; color:#a00364; }\r\n\r\n    \/* GRID \u2013 4 equal cards *\/\r\n    .ev-grid { \r\n      display:grid; \r\n      grid-template-columns: repeat(4, 1fr); \r\n      gap:16px; \r\n    }\r\n\r\n    \/* Cards \u2013 with different colors *\/\r\n    .ev-kpi { \r\n      padding:20px; \r\n      border-radius:12px; \r\n      text-align:left;\r\n      display:flex; \r\n      flex-direction:column; \r\n      gap:6px;\r\n      border:1px solid #ffffff;\r\n    }\r\n\r\n    .ev-v1 { background:#ffe0ef; } \/* Visitors *\/\r\n    .ev-v2 { background:#eaf5ff; } \/* Exhibitors *\/\r\n    .ev-v3 { background:#fff6d8; } \/* Countries *\/\r\n    .ev-v4 { background:#eaf9f1; } \/* SQ meters *\/\r\n\r\n    .icon { margin-bottom:4px; }\r\n\r\n    .kpi-label { \r\n      font-size:13px; \r\n      color:#555; \r\n      text-transform:uppercase; \r\n      font-weight:600; \r\n    }\r\n\r\n    .kpi-value { \r\n      font-size:30px; \r\n      font-weight:800; \r\n      color:#d3237a; \r\n    }\r\n\r\n    .ev-footer { margin-top:18px; font-size:13px; color:#555; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width:900px){ .ev-grid { grid-template-columns: repeat(2, 1fr); } }\r\n    @media (max-width:520px){ .ev-grid { grid-template-columns: 1fr; } }\r\n  <\/style>\r\n\r\n  <script>\r\n    \/\/ Counter Animation\r\n    (function(){\r\n      const counters = document.querySelectorAll('.kpi-value');\r\n      counters.forEach(el=>{\r\n        const target = parseInt(el.getAttribute('data-target')) || 0;\r\n        let value = 0;\r\n        const duration = 900;\r\n        const steps = 40;\r\n        const increment = target \/ steps;\r\n\r\n        const timer = setInterval(()=>{\r\n          value += increment;\r\n          if(value >= target){\r\n            el.textContent = target.toLocaleString();\r\n            clearInterval(timer);\r\n          } else {\r\n            el.textContent = Math.floor(value).toLocaleString();\r\n          }\r\n        }, duration \/ steps);\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\r\n<!-- End: JIBE 2025 Event Section -->\r\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 class=\"elementor-element elementor-element-1580a5e e-flex e-con-boxed e-con e-parent\" data-id=\"1580a5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16e8135 elementor-widget elementor-widget-html\" data-id=\"16e8135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sec5 kpi-section\">\r\n  <div class=\"kpi-grid-2\">\r\n    \r\n    <!-- Card 1 -->\r\n    <div class=\"kpi-card\">\r\n      <div class=\"kpi-number\">US$4.6 Billion<\/div>\r\n      <div class=\"kpi-desc\">\r\n        The value of the beauty and personal care market in Saudi Arabia in 2024\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"kpi-card\">\r\n      <div class=\"kpi-number\">US$6.38 Billion<\/div>\r\n      <div class=\"kpi-desc\">\r\n        The value is expected to grow at a CAGR of ~3.7% (2025\u20132033)\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Base Section *\/\r\n.kpi-section {\r\n  max-width:1100px;\r\n  margin:30px auto;\r\n  padding:20px;\r\n}\r\n\r\n\/* Desktop Grid *\/\r\n.kpi-grid-2 {\r\n  display:grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap:22px;\r\n}\r\n\r\n\/* Cards *\/\r\n.kpi-card {\r\n  background:#faf7fb;\r\n  border:1px solid #ecd6e7;\r\n  padding:26px;\r\n  border-radius:14px;\r\n  text-align:left;\r\n  box-shadow:0 4px 12px rgba(0,0,0,0.04);\r\n}\r\n\r\n.kpi-number {\r\n  font-size:26px;\r\n  font-weight:800;\r\n  color:#d3237a;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.kpi-desc {\r\n  font-size:14px;\r\n  color:#555;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* ---------------------- *\/\r\n\/* \ud83d\udcf1 Mobile Optimization *\/\r\n\/* ---------------------- *\/\r\n@media (max-width:768px) {\r\n\r\n  .kpi-grid-2 {\r\n    grid-template-columns: 1fr; \/* Single column *\/\r\n    gap:18px;\r\n  }\r\n\r\n  .kpi-card {\r\n    padding:20px; \r\n    text-align:center; \/* Better for mobile *\/\r\n  }\r\n\r\n  .kpi-number {\r\n    font-size:24px; \/* Slightly smaller *\/\r\n  }\r\n\r\n  .kpi-desc {\r\n    font-size:14px;\r\n    line-height:1.6;\r\n    margin-top:6px;\r\n  }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n  .kpi-card {\r\n    padding:18px;\r\n  }\r\n\r\n  .kpi-number {\r\n    font-size:22px;\r\n  }\r\n\r\n  .kpi-desc {\r\n    font-size:13px;\r\n  }\r\n}\r\n<\/style>\r\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 class=\"elementor-element elementor-element-55d879b e-flex e-con-boxed e-con e-parent\" data-id=\"55d879b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a11d74 elementor-widget elementor-widget-html\" data-id=\"0a11d74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sec7 event-section\">\r\n  <h2 class=\"sec-title\">JIBE 2026<\/h2>\r\n  <p class=\"sec-sub\">6\u20138 SEP \u2014 Jeddah Superdome<\/p>\r\n\r\n  <div class=\"kpi-grid-4\">\r\n    \r\n    <div class=\"event-card\">\r\n      <div class=\"icon\">\ud83d\udc65<\/div>\r\n      <div class=\"label\">Visitors<\/div>\r\n      <div class=\"value\">8,000+<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"event-card\">\r\n      <div class=\"icon\">\ud83c\udfdb<\/div>\r\n      <div class=\"label\">Exhibitors<\/div>\r\n      <div class=\"value\">275+<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"event-card\">\r\n      <div class=\"icon\">\ud83c\udf0d<\/div>\r\n      <div class=\"label\">Countries<\/div>\r\n      <div class=\"value\">25+<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"event-card\">\r\n      <div class=\"icon\">\ud83d\udcd0<\/div>\r\n      <div class=\"label\">SQ Meters<\/div>\r\n      <div class=\"value\">11,000<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\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 class=\"elementor-element elementor-element-faf4e58 e-flex e-con-boxed e-con e-parent\" data-id=\"faf4e58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a905f98 elementor-widget elementor-widget-html\" data-id=\"a905f98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sec8 satisfaction-horizontal\">\r\n\r\n  <div class=\"sat-row\">\r\n\r\n    <div class=\"sat-h-item color-excellent\">\r\n      <div class=\"sat-h-label counter\" data-target=\"92\">0%<\/div>\r\n      <div class=\"sat-h-bar\">\r\n        <div class=\"sat-h-fill\" data-fill=\"92\"><\/div>\r\n      <\/div>\r\n      <p>Rated the number of attendees<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sat-h-item color-verygood\">\r\n      <div class=\"sat-h-label counter\" data-target=\"87\">0%<\/div>\r\n      <div class=\"sat-h-bar\">\r\n        <div class=\"sat-h-fill\" data-fill=\"87\"><\/div>\r\n      <\/div>\r\n      <p>Rated the quality of attendees<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sat-h-item color-strong\">\r\n      <div class=\"sat-h-label counter\" data-target=\"85\">0%<\/div>\r\n      <div class=\"sat-h-bar\">\r\n        <div class=\"sat-h-fill\" data-fill=\"85\"><\/div>\r\n      <\/div>\r\n      <p>Would return in 2026<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sat-h-item color-recommend\">\r\n      <div class=\"sat-h-label counter\" data-target=\"87\">0%<\/div>\r\n      <div class=\"sat-h-bar\">\r\n        <div class=\"sat-h-fill\" data-fill=\"87\"><\/div>\r\n      <\/div>\r\n      <p>Would recommend The JIBE Expo<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sat-h-item color-warning\">\r\n      <div class=\"sat-h-label counter\" data-target=\"75\">0%<\/div>\r\n      <div class=\"sat-h-bar\">\r\n        <div class=\"sat-h-fill\" data-fill=\"75\"><\/div>\r\n      <\/div>\r\n      <p>Participation essential for strategy<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.sat-row {\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n.sat-h-item {\r\n  flex: 1;\r\n  min-width: 160px;\r\n  text-align: center;\r\n}\r\n\r\n.sat-h-label {\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.sat-h-bar {\r\n  width: 100%;\r\n  height: 10px;\r\n  background: #eee;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.sat-h-fill {\r\n  height: 100%;\r\n  width: 0%; \r\n  border-radius: 20px;\r\n  transition: width 1.2s ease;\r\n}\r\n\r\n\/* Colors *\/\r\n.color-excellent .sat-h-label { color:#2ecc71; }\r\n.color-excellent .sat-h-fill { background:#2ecc71; }\r\n\r\n.color-verygood .sat-h-label { color:#3498db; }\r\n.color-verygood .sat-h-fill { background:#3498db; }\r\n\r\n.color-strong .sat-h-label { color:#9b59b6; }\r\n.color-strong .sat-h-fill { background:#9b59b6; }\r\n\r\n.color-recommend .sat-h-label { color:#e67e22; }\r\n.color-recommend .sat-h-fill { background:#e67e22; }\r\n\r\n.color-warning .sat-h-label { color:#e74c3c; }\r\n.color-warning .sat-h-fill { background:#e74c3c; }\r\n\r\n.sat-h-item p {\r\n  font-size: 13px;\r\n  color: #555;\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* \ud83d\udcf1 Mobile side padding *\/\r\n@media (max-width:600px){\r\n  .sec8 {\r\n    padding-left:16px !important;\r\n    padding-right:16px !important;\r\n  }\r\n\r\n  .sat-row {\r\n    gap:14px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0635\u063a\u0631 \u0628\u064a\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n  }\r\n\r\n  .sat-h-item {\r\n    flex: 48% !important; \/* \u0643\u0644 \u0627\u062a\u0646\u064a\u0646 \u062c\u0646\u0628 \u0628\u0639\u0636 *\/\r\n  }\r\n}\r\n\r\n\/* Extra small screens *\/\r\n@media (max-width:420px){\r\n  .sec8 {\r\n    padding-left:12px !important;\r\n    padding-right:12px !important;\r\n  }\r\n\r\n  .sat-h-item {\r\n    flex: 100% !important; \/* \u0634\u0627\u0634\u0629 \u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u064b\u0627: \u0639\u0646\u0635\u0631 \u0648\u0627\u062d\u062f *\/\r\n  }\r\n}\r\n\r\n\r\n@media(max-width:900px){\r\n  .sat-row { flex-wrap: wrap; }\r\n  .sat-h-item { flex: 48%; }\r\n}\r\n\r\n@media(max-width:600px){\r\n  .sat-h-item { flex: 100%; }\r\n}\r\n\r\nhtml[lang=\"ar\"] .sat-h-item p {\r\n  direction: rtl;\r\n  text-align: center;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Animate counters + bars\r\nfunction animateSatSection() {\r\n  const counters = document.querySelectorAll(\".counter\");\r\n  const bars = document.querySelectorAll(\".sat-h-fill\");\r\n\r\n  \/\/ Animate numbers\r\n  counters.forEach(counter => {\r\n    const target = +counter.dataset.target;\r\n    let val = 0;\r\n\r\n    const interval = setInterval(() => {\r\n      if (val < target) {\r\n        val++;\r\n        counter.innerText = val + \"%\";\r\n      } else {\r\n        counter.innerText = target + \"%\";\r\n        clearInterval(interval);\r\n      }\r\n    }, 15);\r\n  });\r\n\r\n  \/\/ Animate bars\r\n  bars.forEach(bar => {\r\n    const percent = bar.dataset.fill;\r\n    bar.style.width = percent + \"%\";\r\n  });\r\n}\r\n\r\n\/\/ Trigger animation once when visible\r\nconst satObserver = new IntersectionObserver(entries => {\r\n  if (entries[0].isIntersecting) {\r\n    animateSatSection();\r\n    satObserver.disconnect();\r\n  }\r\n});\r\n\r\nsatObserver.observe(document.querySelector(\".sec8\"));\r\n<\/script>\r\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 class=\"elementor-element elementor-element-68d9e81 e-flex e-con-boxed e-con e-parent\" data-id=\"68d9e81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8660a26 elementor-widget elementor-widget-html\" data-id=\"8660a26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sec9\">\r\n\r\n  <div class=\"kpi-grid-2\">\r\n\r\n    <div class=\"marketing-card\">\r\n      <div class=\"icon\">\ud83d\udce7<\/div>\r\n      <div class=\"value\">12,000+<\/div>\r\n      <p>Database weekly emails distributed<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"marketing-card\">\r\n      <div class=\"icon\">\ud83d\udcf1<\/div>\r\n      <div class=\"value\">10,000+<\/div>\r\n      <p>Weekly SMS campaign<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* Main Section *\/\r\n.sec9 {\r\n  max-width:1100px;\r\n  margin:30px auto;\r\n  padding:20px 0; \/* \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 \u0628\u062f\u0648\u0646 padding \u062c\u0627\u0646\u0628\u064a *\/\r\n}\r\n\r\n\/* Two Cards Grid *\/\r\n.kpi-grid-2 {\r\n  display:grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap:20px;\r\n}\r\n\r\n.marketing-card {\r\n  background:#faf7fb;\r\n  border:1px solid #ecd6e7;\r\n  padding:22px;\r\n  border-radius:12px;\r\n  text-align:center;\r\n}\r\n\r\n.marketing-card .icon {\r\n  font-size:32px;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.marketing-card .value {\r\n  font-size:26px;\r\n  font-weight:800;\r\n  color:#d3237a;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.marketing-card p {\r\n  font-size:14px;\r\n  color:#555;\r\n}\r\n\r\n\/* ----------------------------- *\/\r\n\/* \ud83d\udcf1 Mobile optimizations *\/\r\n\/* ----------------------------- *\/\r\n\r\n\/* Mobile Padding Left & Right *\/\r\n@media (max-width:600px){\r\n  .sec9 {\r\n    padding-left:16px !important;\r\n    padding-right:16px !important;\r\n  }\r\n\r\n  .kpi-grid-2 {\r\n    grid-template-columns: 1fr; \/* cards under each other *\/\r\n  }\r\n}\r\n\r\n\/* Extra small screens *\/\r\n@media (max-width:420px){\r\n  .sec9 {\r\n    padding-left:12px !important;\r\n    padding-right:12px !important;\r\n  }\r\n}\r\n<\/style>\r\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 class=\"elementor-element elementor-element-6691061 e-flex e-con-boxed e-con e-parent\" data-id=\"6691061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85faa07 elementor-widget elementor-widget-html\" data-id=\"85faa07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sec10\">\r\n\r\n  <div class=\"kpi-grid-3\">\r\n\r\n    <div class=\"social-card\">\r\n      <div class=\"icon\">\ud83c\udf10<\/div>\r\n      <div class=\"value\">2,201,700<\/div>\r\n      <p>Website visits<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"social-card\">\r\n      <div class=\"icon\">\ud83d\udce3<\/div>\r\n      <div class=\"value\">17,530,210<\/div>\r\n      <p>Social Media Reach<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"social-card\">\r\n      <div class=\"icon\">\u2764\ufe0f<\/div>\r\n      <div class=\"value\">1,417,533<\/div>\r\n      <p>Social Media Engagement<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* Main Section *\/\r\n.sec10 {\r\n  max-width:1100px;\r\n  margin:30px auto;\r\n  padding:20px 0; \/* Desktop normal *\/\r\n}\r\n\r\n\/* 3 Cards Grid *\/\r\n.kpi-grid-3 {\r\n  display:grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap:20px;\r\n}\r\n\r\n.social-card {\r\n  background:#faf7fb;\r\n  border:1px solid #ecd6e7;\r\n  padding:22px;\r\n  border-radius:12px;\r\n  text-align:center;\r\n}\r\n\r\n.social-card .icon {\r\n  font-size:32px;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.social-card .value {\r\n  font-size:26px;\r\n  font-weight:800;\r\n  color:#d3237a;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.social-card p {\r\n  font-size:14px;\r\n  color:#555;\r\n}\r\n\r\n\/* -------------------------------------- *\/\r\n\/* \ud83d\udcf1 Mobile improvements (same as sec9) *\/\r\n\/* -------------------------------------- *\/\r\n\r\n@media (max-width:600px){\r\n\r\n  \/* Side padding *\/\r\n  .sec10 {\r\n    padding-left:16px !important;\r\n    padding-right:16px !important;\r\n  }\r\n\r\n  \/* 2 per row *\/\r\n  .kpi-grid-3 {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n\/* Extra small screens *\/\r\n@media (max-width:420px){\r\n\r\n  .sec10 {\r\n    padding-left:12px !important;\r\n    padding-right:12px !important;\r\n  }\r\n\r\n  \/* 1 per row *\/\r\n  .kpi-grid-3 {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Middle East Beauty and Personal Care Market Market By Types \ud83d\udc84 Colour &amp; Cosmetics \ud83e\uddf4 Skin Care \ud83e\uddfc Personal Care \ud83c\udf38 Fragrances Market By Region Saudi Arabia UAE Qatar Kuwait Bahrain Rest of Middle East Exhibitors Breakdown A \u2013 International B \u2013 Saudi Arabia Visitors Breakdown B \u2013 International A \u2013 Saudi Arabia Participating Countries&#8230;<\/p>","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_tbt_post_transparent":"default","_tbt_post_title":"hide","_tbt_post_layout":"fullwidth","_tbt_post_sidebar_id":"","_tbt_post_content_style":"unboxed","_tbt_post_vertical_padding":"hide","_tbt_post_feature":"hide","_tbt_post_feature_position":"","_tbt_post_header":false,"_tbt_post_footer":false},"class_list":["post-17871","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/pages\/17871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/comments?post=17871"}],"version-history":[{"count":167,"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/pages\/17871\/revisions"}],"predecessor-version":[{"id":18501,"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/pages\/17871\/revisions\/18501"}],"wp:attachment":[{"href":"https:\/\/jib-expo.com\/ar\/wp-json\/wp\/v2\/media?parent=17871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}