{"id":568,"date":"2026-04-15T06:29:28","date_gmt":"2026-04-15T06:29:28","guid":{"rendered":"http:\/\/localhost\/spacearabia\/wordpress\/?page_id=568"},"modified":"2026-04-15T06:33:27","modified_gmt":"2026-04-15T06:33:27","slug":"all-products","status":"publish","type":"page","link":"https:\/\/spacearabia.sa\/index.php\/all-products\/","title":{"rendered":"All Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"568\" class=\"elementor elementor-568\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8ac89 e-con-full e-flex e-con e-parent\" data-id=\"6c8ac89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb07374 elementor-widget elementor-widget-shortcode\" data-id=\"fb07374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n    <style>\n:root {\n    --ap-black:   #0b0b0a;\n    --ap-ink:     #1a1a18;\n    --ap-green:   #1a9e5c;\n    --ap-green2:  #0d7a44;\n    --ap-teal:    #0f766e;\n    --ap-bg:      #f0f4f3;\n    --ap-white:   #ffffff;\n    --ap-warm:    #e8f0ee;\n    --ap-border:  #d4e0dc;\n    --ap-muted:   #7a9490;\n    --ap-text:    #2d3e3b;\n    \/* New orange\/amber colors *\/\n    --ap-orange:  #e86a1f;\n    --ap-orange-deep: #c45112;\n    --ap-amber:   #f5a623;\n    --ap-terracotta: #d87a45;\n    --ap-glow:    rgba(232,106,31,0.15);\n    --ap-fd: 'Fraunces', Georgia, serif;\n    --ap-fb: 'DM Sans', sans-serif;\n}\n\nbody { background: var(--ap-bg); font-family: var(--ap-fb); color: var(--ap-text); }\n\n\/* -- HERO (UPDATED with Orange\/Amber theme) -- *\/\n.app-hero {\n    background: linear-gradient(135deg, #0a0a08 0%, #141312 50%, #1a1816 100%);\n    padding: 80px 24px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Warm orange glow from top-left *\/\n.app-hero::before {\n    content: '';\n    position: absolute;\n    top: -30%;\n    left: -15%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(232,106,31,0.25) 0%, rgba(232,106,31,0.08) 40%, transparent 70%);\n    pointer-events: none;\n    filter: blur(60px);\n}\n\n\/* Amber glow from bottom-right *\/\n.app-hero::after {\n    content: '';\n    position: absolute;\n    bottom: -20%;\n    right: -10%;\n    width: 550px;\n    height: 550px;\n    background: radial-gradient(circle, rgba(245,166,35,0.2) 0%, rgba(245,166,35,0.05) 50%, transparent 80%);\n    pointer-events: none;\n    filter: blur(50px);\n}\n\n\/* Orange streak accent at bottom *\/\n.app-hero .hero-accent {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(90deg, var(--ap-orange), var(--ap-amber), transparent);\n    z-index: 2;\n}\n\n.app-hero-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: end;\n}\n@media (max-width: 768px) {\n    .app-hero-inner { grid-template-columns: 1fr; gap: 36px; }\n}\n.app-hero-left { padding-bottom: 64px; }\n\n\/* Updated eyebrow with orange gradient *\/\n.app-hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--ap-orange);\n    margin-bottom: 20px;\n}\n.app-hero-eyebrow::before {\n    content: '';\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: linear-gradient(90deg, var(--ap-orange), var(--ap-amber));\n    border-radius: 2px;\n}\n\n\/* Title with orange gradient accent *\/\n.app-hero-title {\n    font-family: var(--ap-fd);\n    font-size: clamp(2.2rem, 4.5vw, 3.6rem);\n    color: #fff;\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n    margin-bottom: 18px;\n}\n\n\/* Orange gradient for highlighted words *\/\n.app-hero-title strong {\n    background: linear-gradient(135deg, var(--ap-orange), var(--ap-amber));\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-weight: 700;\n}\n\n.app-hero-title em {\n    font-style: italic;\n    color: rgba(255,255,255,0.45);\n}\n\n.app-hero-sub {\n    font-size: 0.95rem;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.75;\n    max-width: 420px;\n    margin-bottom: 36px;\n}\n\n\/* Updated pills with orange hover effect *\/\n.app-hero-pills {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n.app-hero-pill {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.12);\n    color: rgba(255,255,255,0.65);\n    font-size: 0.72rem;\n    font-weight: 600;\n    padding: 6px 14px;\n    border-radius: 999px;\n    font-family: var(--ap-fb);\n    transition: all 0.2s ease;\n}\n.app-hero-pill:hover {\n    background: rgba(232,106,31,0.15);\n    border-color: rgba(232,106,31,0.3);\n    color: var(--ap-orange);\n}\n\n\/* Right side: stat panel with orange accent *\/\n.app-hero-right {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2px;\n    align-self: end;\n    border-radius: 20px 20px 0 0;\n    overflow: hidden;\n}\n.app-hero-stat-box {\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.08);\n    padding: 28px 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    transition: all 0.3s ease;\n}\n.app-hero-stat-box:hover {\n    transform: translateY(-4px);\n}\n\n\/* First stat box now uses orange instead of green *\/\n.app-hero-stat-box:first-child { \n    background: linear-gradient(135deg, var(--ap-orange), var(--ap-orange-deep));\n    border-color: var(--ap-orange);\n}\n\n.app-hero-stat-num {\n    font-family: var(--ap-fd);\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: #fff;\n    line-height: 1;\n    letter-spacing: -0.03em;\n}\n.app-hero-stat-label {\n    font-size: 0.72rem;\n    color: rgba(255,255,255,0.7);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n}\n    \/* -- FILTER BAR -- *\/\n    .app-filter-wrap {\n        background: var(--ap-white);\n        border-bottom: 1px solid var(--ap-border);\n        position: sticky;\n        top: 64px;\n        z-index: 99;\n    }\n    .app-filter-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        height: 56px;\n        gap: 16px;\n        overflow-x: auto;\n    }\n    .app-filter-tabs { display: flex; gap: 4px; flex-wrap: nowrap; }\n    .app-filter-tab {\n        background: transparent;\n        border: none;\n        border-radius: 8px;\n        padding: 7px 16px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        color: var(--ap-muted);\n        cursor: pointer;\n        font-family: var(--ap-fb);\n        white-space: nowrap;\n        transition: all 0.2s;\n    }\n    .app-filter-tab:hover { background: var(--ap-warm); color: var(--ap-ink); }\n    .app-filter-tab.active { background: var(--ap-ink); color: #fff; }\n    .app-filter-count { font-size: 0.75rem; color: var(--ap-muted); white-space: nowrap; flex-shrink: 0; }\n\n    \/* -- PRODUCTS MASONRY-STYLE GRID -- *\/\n    .app-grid-wrap {\n        max-width: 1200px;\n        margin: 48px auto 0;\n        padding: 0 24px 80px;\n    }\n    .app-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    @media (max-width: 1024px) { .app-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 560px)  { .app-grid { grid-template-columns: 1fr; } }\n\n    \/* -- Product Card -- *\/\n    .app-card {\n        background: var(--ap-white);\n        border-radius: 20px;\n        overflow: hidden;\n        border: 1.5px solid var(--ap-border);\n        text-decoration: none;\n        color: inherit;\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n    }\n    .app-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n    }\n\n    \/* Image *\/\n    .app-card-img {\n        height: 210px;\n        overflow: hidden;\n        position: relative;\n        background: var(--ap-warm);\n    }\n    .app-card-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.55s ease;\n    }\n    .app-card:hover .app-card-img img { transform: scale(1.08); }\n    .app-card-no-img {\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, var(--ap-ink) 0%, #2a3a37 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .app-card-no-img i { font-size: 3rem; color: rgba(255,255,255,0.1); }\n\n    \/* NRC badge on image *\/\n    .app-card-nrc {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        background: var(--ap-ink);\n        color: #fff;\n        font-size: 0.65rem;\n        font-weight: 700;\n        padding: 4px 10px;\n        border-radius: 999px;\n        font-family: var(--ap-fb);\n        letter-spacing: 0.3px;\n    }\n    .app-card-cat-badge {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        background: rgba(26,158,92,0.9);\n        color: #fff;\n        font-size: 0.62rem;\n        font-weight: 700;\n        padding: 4px 10px;\n        border-radius: 999px;\n        text-transform: uppercase;\n        letter-spacing: 0.3px;\n        font-family: var(--ap-fb);\n        backdrop-filter: blur(4px);\n    }\n\n    \/* Body *\/\n    .app-card-body {\n        padding: 20px 20px 16px;\n        display: flex;\n        flex-direction: column;\n        gap: 9px;\n        flex: 1;\n    }\n    .app-card-title {\n        font-family: var(--ap-fd);\n        font-size: 1.1rem;\n        color: var(--ap-ink);\n        font-weight: 600;\n        line-height: 1.25;\n        letter-spacing: -0.01em;\n    }\n    .app-card-desc {\n        font-size: 0.8rem;\n        color: var(--ap-muted);\n        line-height: 1.65;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        flex: 1;\n    }\n    .app-card-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 5px;\n        margin-top: 4px;\n    }\n    .app-card-tag {\n        font-size: 0.65rem;\n        font-weight: 600;\n        color: var(--ap-teal);\n        background: rgba(15,118,110,0.08);\n        border: 1px solid rgba(15,118,110,0.15);\n        border-radius: 999px;\n        padding: 3px 9px;\n        font-family: var(--ap-fb);\n    }\n\n    \/* Card footer *\/\n    .app-card-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 12px 20px;\n        border-top: 1px solid var(--ap-border);\n        background: var(--ap-warm);\n        margin-top: auto;\n        gap: 8px;\n    }\n    .app-card-view {\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--ap-ink);\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        font-family: var(--ap-fb);\n        transition: gap 0.2s;\n    }\n    .app-card:hover .app-card-view { gap: 10px; }\n    .app-card-view i { font-size: 10px; color: var(--ap-green); }\n    .app-card-quote {\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        background: #25D366;\n        color: #fff;\n        border-radius: 999px;\n        padding: 5px 12px;\n        font-size: 0.68rem;\n        font-weight: 700;\n        font-family: var(--ap-fb);\n        text-decoration: none;\n        transition: background 0.2s;\n        white-space: nowrap;\n    }\n    .app-card-quote:hover { background: #1ebe5d; }\n\n    \/* Hidden filter *\/\n    .app-card.hidden { display: none; }\n\n    \/* -- WHY US STRIP -- *\/\n    .app-why-strip {\n        background: var(--ap-white);\n        border-top: 1px solid var(--ap-border);\n        border-bottom: 1px solid var(--ap-border);\n        padding: 48px 24px;\n    }\n    .app-why-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n    .app-why-label {\n        font-size: 0.7rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        color: var(--ap-muted);\n        margin-bottom: 28px;\n        font-family: var(--ap-fb);\n        display: block;\n    }\n    .app-why-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 2px;\n        background: var(--ap-border);\n        border-radius: 16px;\n        overflow: hidden;\n    }\n    @media (max-width: 768px) { .app-why-grid { grid-template-columns: repeat(2, 1fr); } }\n    .app-why-item {\n        background: var(--ap-white);\n        padding: 24px 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n    .app-why-icon { font-size: 1.3rem; color: var(--ap-green); }\n    .app-why-title {\n        font-size: 0.88rem;\n        font-weight: 600;\n        color: var(--ap-ink);\n        font-family: var(--ap-fb);\n    }\n    .app-why-desc {\n        font-size: 0.75rem;\n        color: var(--ap-muted);\n        line-height: 1.55;\n        font-family: var(--ap-fb);\n    }\n\n    \/* -- CTA -- *\/\n    .app-cta {\n        background: linear-gradient(135deg, var(--ap-ink) 0%, #0a1f1c 100%);\n        padding: 72px 24px;\n        text-align: center;\n    }\n    .app-cta-inner { max-width: 600px; margin: 0 auto; }\n    .app-cta-eyebrow {\n        display: inline-block;\n        font-size: 0.7rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: #4cd990;\n        margin-bottom: 18px;\n        font-family: var(--ap-fb);\n    }\n    .app-cta-title {\n        font-family: var(--ap-fd);\n        font-size: clamp(1.6rem, 3vw, 2.4rem);\n        color: #fff;\n        font-weight: 600;\n        line-height: 1.15;\n        letter-spacing: -0.02em;\n        margin-bottom: 16px;\n    }\n    .app-cta-sub {\n        font-size: 0.88rem;\n        color: rgba(255,255,255,0.45);\n        line-height: 1.75;\n        margin-bottom: 36px;\n        font-family: var(--ap-fb);\n    }\n    .app-cta-btns {\n        display: flex;\n        gap: 10px;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    .app-cta-btn-w {\n        display: inline-flex; align-items: center; gap: 9px;\n        background: #fff; color: var(--ap-ink); border-radius: 999px;\n        padding: 14px 28px; font-size: 0.85rem; font-weight: 700;\n        font-family: var(--ap-fb); text-decoration: none;\n        transition: background 0.2s; white-space: nowrap;\n    }\n    .app-cta-btn-w:hover { background: #f0f0f0; color: var(--ap-ink); }\n    .app-cta-btn-wa {\n        display: inline-flex; align-items: center; gap: 9px;\n        background: #25D366; color: #fff; border-radius: 999px;\n        padding: 14px 28px; font-size: 0.85rem; font-weight: 700;\n        font-family: var(--ap-fb); text-decoration: none;\n        transition: background 0.2s; white-space: nowrap;\n    }\n    .app-cta-btn-wa:hover { background: #1ebe5d; color: #fff; }\n\n    \/* -- Footer -- *\/\n    .app-footer {\n        background: var(--ap-black);\n        padding: 36px 24px 24px;\n        border-top: 1px solid rgba(255,255,255,0.05);\n    }\n    .app-footer-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n    .app-footer-brand { font-family: var(--ap-fd); font-size: 1.1rem; color: rgba(255,255,255,0.55); text-decoration: none; }\n    .app-footer-copy { font-size: 0.72rem; color: rgba(255,255,255,0.25); font-family: var(--ap-fb); }\n    .app-footer-links { display: flex; gap: 18px; }\n    .app-footer-links a { font-size: 0.75rem; color: rgba(255,255,255,0.32); text-decoration: none; font-family: var(--ap-fb); transition: color 0.2s; }\n    .app-footer-links a:hover { color: rgba(255,255,255,0.65); }\n\n    @media (max-width: 640px) {\n        .app-hero { padding: 52px 16px 0; }\n        .app-hero-title { font-size: 2rem; }\n        .app-hero-right { display: none; }\n        .app-hero-left { padding-bottom: 40px; }\n        .app-grid-wrap { padding: 0 16px 60px; }\n        .app-filter-inner { padding: 0 16px; }\n        .app-nav-inner { padding: 0 16px; }\n        .app-why-strip { padding: 36px 16px; }\n        .app-cta { padding: 52px 16px; }\n    }\n    <\/style>\n\n    <!-- -- NAV -- -->\n    <!-- <nav class=\"app-nav\">\n        <div class=\"app-nav-inner\">\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"app-nav-back\">\n                <i class=\"fa fa-arrow-left\"><\/i> Home\n            <\/a>\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"app-nav-brand\">Space Arabia<\/a>\n            <a href=\"https:\/\/wa.me\/966546355058\" class=\"app-nav-cta\" target=\"_blank\">\n                <i class=\"fa-brands fa-whatsapp\"><\/i> Get Quote\n            <\/a>\n        <\/div>\n    <\/nav> -->\n\n    <!-- -- HERO -- -->\n    <section class=\"app-hero\">\n        <div class=\"app-hero-inner\">\n            <div class=\"app-hero-left\">\n                <div class=\"app-hero-eyebrow\">Acoustic Products<\/div>\n                <h1 class=\"app-hero-title\">\n                    Quieter Spaces.<br><em>Better Work.<\/em>\n                <\/h1>\n                <p class=\"app-hero-sub\">\n                    Acoustic panels, soundproofing solutions, and silent pods for corporate offices, meeting rooms, and modern workplaces across Saudi Arabia.\n                <\/p>\n                <div class=\"app-hero-pills\">\n                    <span class=\"app-hero-pill\">Wall Panels<\/span>\n                    <span class=\"app-hero-pill\">Ceiling Solutions<\/span>\n                    <span class=\"app-hero-pill\">Silent Pods<\/span>\n                    <span class=\"app-hero-pill\">Soundproofing<\/span>\n                    <span class=\"app-hero-pill\">KSA Delivery<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"app-hero-right\">\n                <div class=\"app-hero-stat-box\">\n                    <span class=\"app-hero-stat-num\">0.95<\/span>\n                    <span class=\"app-hero-stat-label\">Max NRC Rating<\/span>\n                <\/div>\n                <div class=\"app-hero-stat-box\">\n                    <span class=\"app-hero-stat-num\">2+<\/span>\n                    <span class=\"app-hero-stat-label\">Products Available<\/span>\n                <\/div>\n                <div class=\"app-hero-stat-box\">\n                    <span class=\"app-hero-stat-num\">KSA<\/span>\n                    <span class=\"app-hero-stat-label\">Wide Delivery<\/span>\n                <\/div>\n                <div class=\"app-hero-stat-box\">\n                    <span class=\"app-hero-stat-num\">24h<\/span>\n                    <span class=\"app-hero-stat-label\">Quote Response<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- -- FILTER -- -->\n    <div class=\"app-filter-wrap\">\n        <div class=\"app-filter-inner\">\n            <div class=\"app-filter-tabs\">\n                <button class=\"app-filter-tab active\" data-filter=\"all\">All Products<\/button>\n                                        <button class=\"app-filter-tab\" data-filter=\"custom-sizes\">\n                            Custom Sizes                        <\/button>\n                                            <button class=\"app-filter-tab\" data-filter=\"easy-to-maintain\">\n                            Easy to Maintain                        <\/button>\n                                            <button class=\"app-filter-tab\" data-filter=\"focus-work\">\n                            Focus Work                        <\/button>\n                                            <button class=\"app-filter-tab\" data-filter=\"meetings\">\n                            Meetings                        <\/button>\n                                            <button class=\"app-filter-tab\" data-filter=\"privacy\">\n                            Privacy                        <\/button>\n                                <\/div>\n            <span class=\"app-filter-count\" id=\"app-count\">2 products<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- -- GRID -- -->\n    <div class=\"app-grid-wrap\">\n        <div class=\"app-grid\" id=\"app-grid\">\n                        <div class=\"app-card\" data-cat=\"focus-work\">\n\n                <div class=\"app-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/1-Silent-Space-Acoustic-Booth-4-Person.jpg\" alt=\"Silent Pods &#038; Meeting Booths\">\n                                                                                    <span class=\"app-card-cat-badge\">Focus Work<\/span>\n                                    <\/div>\n\n                <div class=\"app-card-body\">\n                    <h3 class=\"app-card-title\">Silent Pods &#038; Meeting Booths<\/h3>\n                    <p class=\"app-card-desc\">Quiet rooms for calls, focus work, and small meetings.\r\n\r\n<\/p>\n                                    <\/div>\n\n                <div class=\"app-card-footer\">\n                    <a href=\"https:\/\/spacearabia.sa\/index.php\/acoustic-products\/silent-pods-meeting-booths\/\" class=\"app-card-view\">\n                        View Details <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/wa.me\/966546355058?text=Hello%21%20I%20need%20a%20quote%20for%20Silent%20Pods%20%26%23038%3B%20Meeting%20Booths\" class=\"app-card-quote\" target=\"_blank\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                        Quote\n                    <\/a>\n                <\/div>\n\n            <\/div>\n                        <div class=\"app-card\" data-cat=\"custom-sizes\">\n\n                <div class=\"app-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/pexels-karl-byron-568836130-29754884.jpg\" alt=\"Acoustic Fabric Panels\">\n                                                                                    <span class=\"app-card-cat-badge\">Custom Sizes<\/span>\n                                    <\/div>\n\n                <div class=\"app-card-body\">\n                    <h3 class=\"app-card-title\">Acoustic Fabric Panels<\/h3>\n                    <p class=\"app-card-desc\">Silent Space\u00ae Acoustic Pyramid Foams are premium sound absorption panels designed to effectively reduce echo and reverberation in homes, studios, [&hellip;]<\/p>\n                                    <\/div>\n\n                <div class=\"app-card-footer\">\n                    <a href=\"https:\/\/spacearabia.sa\/index.php\/acoustic-products\/sound-absorption-panels\/\" class=\"app-card-view\">\n                        View Details <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/a>\n                    <a href=\"https:\/\/wa.me\/966546355058?text=Hello%21%20I%20need%20a%20quote%20for%20Acoustic%20Fabric%20Panels\" class=\"app-card-quote\" target=\"_blank\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                        Quote\n                    <\/a>\n                <\/div>\n\n            <\/div>\n                    <\/div>\n    <\/div>\n\n    <!-- -- WHY STRIP -- -->\n    <div class=\"app-why-strip\">\n        <div class=\"app-why-inner\">\n            <span class=\"app-why-label\">Why Space Arabia Acoustic Products<\/span>\n            <div class=\"app-why-grid\">\n                <div class=\"app-why-item\">\n                    <span class=\"app-why-icon\"><i class=\"fa fa-certificate\"><\/i><\/span>\n                    <strong class=\"app-why-title\">Internationally Tested<\/strong>\n                    <p class=\"app-why-desc\">All products tested and NRC-rated to ISO 354 and international standards<\/p>\n                <\/div>\n                <div class=\"app-why-item\">\n                    <span class=\"app-why-icon\"><i class=\"fa fa-truck\"><\/i><\/span>\n                    <strong class=\"app-why-title\">KSA Wide Delivery<\/strong>\n                    <p class=\"app-why-desc\">Deliver and install across Riyadh, Jeddah, Dammam, Khobar and all cities<\/p>\n                <\/div>\n                <div class=\"app-why-item\">\n                    <span class=\"app-why-icon\"><i class=\"fa fa-ruler-combined\"><\/i><\/span>\n                    <strong class=\"app-why-title\">Custom Sizes<\/strong>\n                    <p class=\"app-why-desc\">All panels cut to order ? standard and custom dimensions available<\/p>\n                <\/div>\n                <div class=\"app-why-item\">\n                    <span class=\"app-why-icon\"><i class=\"fa fa-leaf\"><\/i><\/span>\n                    <strong class=\"app-why-title\">Vision 2030 Aligned<\/strong>\n                    <p class=\"app-why-desc\">Sustainable, low-VOC materials supporting Saudi green building goals<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- -- CTA -- -->\n    <div class=\"app-cta\">\n        <div class=\"app-cta-inner\">\n            <span class=\"app-cta-eyebrow\">Free Site Survey<\/span>\n            <h2 class=\"app-cta-title\">Not Sure Which Product?<\/h2>\n            <p class=\"app-cta-sub\">Tell us your room size and the problem you want to solve ? we'll recommend the right acoustic solution and give you a delivered price.<\/p>\n            <div class=\"app-cta-btns\">\n                <a href=\"\/index.php\/contact\/\" class=\"app-cta-btn-w\">Request Consultation ?<\/a>\n                <a href=\"https:\/\/wa.me\/966546355058?text=Hello%2C+I+need+help+choosing+an+acoustic+product\" class=\"app-cta-btn-wa\" target=\"_blank\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                    WhatsApp Us\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- -- FOOTER --\n    <footer class=\"app-footer\">\n        <div class=\"app-footer-inner\">\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"app-footer-brand\">Space Arabia<\/a>\n            <span class=\"app-footer-copy\">? 2026 Space Arabia Company LLC<\/span>\n            <div class=\"app-footer-links\">\n                <a href=\"\/services\/\">Services<\/a>\n                <a href=\"\/projects\/\">Projects<\/a>\n                <a href=\"\/contact\/\">Contact<\/a>\n            <\/div>\n        <\/div>\n    <\/footer> -->\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const tabs    = document.querySelectorAll('.app-filter-tab');\n        const cards   = document.querySelectorAll('#app-grid .app-card');\n        const counter = document.getElementById('app-count');\n\n        tabs.forEach(function(tab) {\n            tab.addEventListener('click', function() {\n                tabs.forEach(t => t.classList.remove('active'));\n                tab.classList.add('active');\n                const filter = tab.dataset.filter;\n                let visible  = 0;\n                cards.forEach(function(card) {\n                    const match = filter === 'all' || card.dataset.cat === filter;\n                    card.classList.toggle('hidden', !match);\n                    if (match) visible++;\n                });\n                counter.textContent = visible + ' product' + (visible !== 1 ? 's' : '');\n            });\n        });\n    });\n    <\/script>\n\n    <\/div>\n\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":7,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/568\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/568\/revisions\/575"}],"wp:attachment":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/media?parent=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}