{"id":556,"date":"2026-04-15T06:13:01","date_gmt":"2026-04-15T06:13:01","guid":{"rendered":"http:\/\/localhost\/spacearabia\/wordpress\/?page_id=556"},"modified":"2026-04-15T06:19:29","modified_gmt":"2026-04-15T06:19:29","slug":"all-services","status":"publish","type":"page","link":"https:\/\/spacearabia.sa\/index.php\/all-services\/","title":{"rendered":"All Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"556\" class=\"elementor elementor-556\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01078d1 e-con-full e-flex e-con e-parent\" data-id=\"01078d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63ae9ae elementor-widget elementor-widget-shortcode\" data-id=\"63ae9ae\" 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    \/* -- Reset -- *\/\n    :root {\n    --sv-black:  #0b0b0a;\n    --sv-ink:    #1a1a18;\n    --sv-green:  #1a9e5c;\n    --sv-green2: #0d7a44;\n    --sv-cream:  #f5f3ee;\n    --sv-warm:   #ede9e0;\n    --sv-border: #e2ddd4;\n    --sv-muted:  #8a8578;\n    --sv-text:   #3d3a34;\n    \/* New colors *\/\n    --sv-orange: #e86a1f;\n    --sv-orange-deep: #c45112;\n    --sv-amber: #f5a623;\n    --sv-terracotta: #d87a45;\n    --sv-glow: rgba(232,106,31,0.15);\n    --sv-fd: 'Fraunces', Georgia, serif;\n    --sv-fb: 'DM Sans', sans-serif;\n}\n\nbody { background: var(--sv-cream); font-family: var(--sv-fb); color: var(--sv-text); }\n\n\n\/* -- HERO (UPDATED with Orange\/Amber theme) -- *\/\n.svp-hero {\n    background: linear-gradient(135deg, #0a0a08 0%, #141312 50%, #1a1816 100%);\n    padding: 80px 24px 72px;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Orange glow from bottom-left *\/\n.svp-hero::before {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -20%;\n    width: 800px;\n    height: 800px;\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(90px);\n}\n\n\/* Warm amber glow from top-right *\/\n.svp-hero::after {\n    content: '';\n    position: absolute;\n    top: -20%;\n    right: -15%;\n    width: 600px;\n    height: 600px;\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\/* Additional accent - orange streak *\/\n.svp-hero .hero-accent {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(90deg, var(--sv-orange), var(--sv-amber), transparent);\n    z-index: 2;\n}\n\n.svp-hero-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Updated eyebrow with orange *\/\n.svp-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(--sv-orange);\n    margin-bottom: 20px;\n}\n.svp-hero-eyebrow::before {\n    content: '';\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: linear-gradient(90deg, var(--sv-orange), var(--sv-amber));\n    border-radius: 2px;\n}\n\n\/* Title with gradient accent *\/\n.svp-hero-title {\n    font-family: var(--sv-fd);\n    font-size: clamp(2.4rem, 5vw, 4rem);\n    color: #fff;\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n    margin-bottom: 20px;\n    max-width: 700px;\n}\n\n\/* Orange accent in title *\/\n.svp-hero-title strong {\n    background: linear-gradient(135deg, var(--sv-orange), var(--sv-amber));\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-weight: 700;\n}\n\n.svp-hero-title em {\n    font-style: italic;\n    color: rgba(255,255,255,0.45);\n}\n\n.svp-hero-sub {\n    font-size: 1rem;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.7;\n    max-width: 520px;\n    margin-bottom: 40px;\n}\n\n\/* Stats with orange accents *\/\n.svp-hero-stats {\n    display: flex;\n    gap: 40px;\n    flex-wrap: wrap;\n}\n.svp-hero-stat { display: flex; flex-direction: column; gap: 4px; }\n.svp-hero-stat-num {\n    font-family: var(--sv-fd);\n    font-size: 2rem;\n    font-weight: 700;\n    background: linear-gradient(135deg, #fff, rgba(255,255,255,0.7));\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    line-height: 1;\n    letter-spacing: -0.03em;\n}\n.svp-hero-stat-label {\n    font-size: 0.72rem;\n    color: rgba(255,255,255,0.5);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-weight: 600;\n}\n.svp-hero-stat-label i {\n    color: var(--sv-orange);\n    margin-right: 4px;\n}\n.svp-hero-stat-divider {\n    width: 1px;\n    background: linear-gradient(180deg, transparent, rgba(232,106,31,0.3), rgba(245,166,35,0.3), transparent);\n    align-self: stretch;\n}\n\n    \/* -- FILTER -- *\/\n    .svp-filter-wrap {\n        background: #fff;\n        border-bottom: 1px solid var(--sv-border);\n        position: sticky;\n        top: 64px;\n        z-index: 99;\n    }\n    .svp-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        gap: 16px;\n        height: 56px;\n        flex-wrap: nowrap;\n        overflow-x: auto;\n    }\n    .svp-filter-tabs {\n        display: flex;\n        gap: 4px;\n        flex-wrap: nowrap;\n    }\n    .svp-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(--sv-muted);\n        cursor: pointer;\n        font-family: var(--sv-fb);\n        white-space: nowrap;\n        transition: all 0.2s;\n    }\n    .svp-filter-tab:hover { background: var(--sv-cream); color: var(--sv-ink); }\n    .svp-filter-tab.active { background: var(--sv-ink); color: #fff; }\n    .svp-filter-count {\n        font-size: 0.75rem;\n        color: var(--sv-muted);\n        white-space: nowrap;\n        font-weight: 500;\n        flex-shrink: 0;\n    }\n\n    \/* -- FEATURED SERVICE -- *\/\n    .svp-featured-wrap {\n        max-width: 1200px;\n        margin: 48px auto 0;\n        padding: 0 0px;\n    }\n    .svp-featured {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        border-radius: 24px;\n        overflow: hidden;\n        background: var(--sv-ink);\n        min-height: 420px;\n        text-decoration: none;\n        position: relative;\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n    .svp-featured:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 24px 60px rgba(0,0,0,0.18);\n    }\n    @media (max-width: 768px) {\n        .svp-featured { grid-template-columns: 1fr; }\n    }\n    .svp-featured-img {\n        position: relative;\n        overflow: hidden;\n        min-height: 280px;\n    }\n    .svp-featured-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.6s ease;\n    }\n    .svp-featured:hover .svp-featured-img img { transform: scale(1.05); }\n    .svp-featured-img-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(135deg, rgba(11,11,10,0.3), transparent);\n    }\n    .svp-featured-body {\n        padding: 48px 44px;\n        display: flex;\n        flex-direction: column;\n        background: radial-gradient(circle, rgba(26,158,92,0.12) 0%, transparent 70%);\n\n        justify-content: center;\n        gap: 20px;\n    }\n    @media (max-width: 768px) {\n        .svp-featured-body { padding: 32px 28px; }\n    }\n    .svp-featured-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        background: rgba(26,158,92,0.15);\n        color: #4cd990;\n        font-size: 0.68rem;\n        font-weight: 700;\n        padding: 5px 12px;\n        border-radius: 999px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        align-self: flex-start;\n        border: 1px solid rgba(26,158,92,0.25);\n    }\n    .svp-featured-title {\n        font-family: var(--sv-fd);\n        font-size: clamp(1.6rem, 3vw, 2.2rem);\n        color: #fff;\n        font-weight: 600;\n        line-height: 1.15;\n        letter-spacing: -0.02em;\n    }\n    .svp-featured-desc {\n        font-size: 0.9rem;\n        color: rgba(255,255,255,0.55);\n        line-height: 1.75;\n    }\n    .svp-featured-bullets {\n        list-style: none;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n    .svp-featured-bullets li {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 0.82rem;\n        color: rgba(255,255,255,0.7);\n        font-weight: 500;\n    }\n    .svp-featured-bullets li::before {\n        content: '';\n        width: 6px;\n        height: 6px;\n        border-radius: 50%;\n        background: var(--sv-green);\n        flex-shrink: 0;\n    }\n    .svp-featured-cta {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: #fff;\n        color: var(--sv-ink);\n        border-radius: 999px;\n        padding: 12px 24px;\n        font-size: 0.82rem;\n        font-weight: 700;\n        font-family: var(--sv-fb);\n        align-self: flex-start;\n        margin-top: 8px;\n        transition: background 0.2s;\n    }\n    .svp-featured:hover .svp-featured-cta { background: #f0f0f0; }\n\n    \/* -- SERVICES GRID -- *\/\n    .svp-grid-wrap {\n        max-width: 1200px;\n        margin: 40px auto 0;\n        padding: 0 0px 50px;\n    }\n    .svp-grid-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 28px;\n        gap: 16px;\n    }\n    .svp-grid-label {\n        font-size: 0.72rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: var(--sv-muted);\n        font-family: var(--sv-fb);\n    }\n    .svp-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n    @media (max-width: 1024px) { .svp-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 600px)  { .svp-grid { grid-template-columns: 1fr; } }\n\n    \/* -- Service Card -- *\/\n    .svp-card {\n        background: #fff;\n        border-radius: 20px;\n        overflow: hidden;\n        border: 1.5px solid var(--sv-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, border-color 0.3s ease;\n        position: relative;\n    }\n    .svp-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n        border-color: #d0ccc4;\n    }\n    .svp-card-img {\n        height: 200px;\n        overflow: hidden;\n        position: relative;\n        background: var(--sv-warm);\n    }\n    .svp-card-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n    .svp-card:hover .svp-card-img img { transform: scale(1.08); }\n    .svp-card-no-img {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: linear-gradient(135deg, var(--sv-ink) 0%, #2a2a28 100%);\n    }\n    .svp-card-no-img i {\n        font-size: 2.5rem;\n        color: rgba(255,255,255,0.15);\n    }\n    .svp-card-cat-badge {\n        position: absolute;\n        top: 14px;\n        left: 14px;\n        background: rgba(0,0,0,0.6);\n        color: rgba(255,255,255,0.9);\n        font-size: 0.65rem;\n        font-weight: 700;\n        padding: 4px 10px;\n        border-radius: 999px;\n        text-transform: uppercase;\n        letter-spacing: 0.4px;\n        backdrop-filter: blur(8px);\n        font-family: var(--sv-fb);\n    }\n    .svp-card-body {\n        padding: 22px 22px 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        flex: 1;\n    }\n    .svp-card-icon-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n    .svp-card-icon {\n        width: 36px;\n        height: 36px;\n        min-width: 36px;\n        border-radius: 10px;\n        background: var(--sv-cream);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--sv-ink);\n        font-size: 14px;\n        border: 1px solid var(--sv-border);\n        transition: background 0.2s, color 0.2s;\n    }\n    .svp-card:hover .svp-card-icon {\n        background: var(--sv-ink);\n        color: #fff;\n        border-color: var(--sv-ink);\n    }\n    .svp-card-duration {\n        font-size: 0.72rem;\n        color: var(--sv-muted);\n        font-weight: 500;\n    }\n    .svp-card-title {\n        font-family: var(--sv-fd);\n        font-size: 1.15rem;\n        color: var(--sv-ink);\n        font-weight: 600;\n        line-height: 1.25;\n        letter-spacing: -0.01em;\n    }\n    .svp-card-desc {\n        font-size: 0.82rem;\n        color: var(--sv-muted);\n        line-height: 1.65;\n        flex: 1;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n    .svp-card-bullets {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 6px;\n        margin-top: 4px;\n    }\n    .svp-card-bullet-tag {\n        font-size: 0.68rem;\n        font-weight: 600;\n        color: var(--sv-text);\n        background: var(--sv-cream);\n        border: 1px solid var(--sv-border);\n        border-radius: 999px;\n        padding: 3px 10px;\n        font-family: var(--sv-fb);\n    }\n    .svp-card-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 14px 22px;\n        border-top: 1px solid var(--sv-border);\n        background: var(--sv-cream);\n        margin-top: auto;\n    }\n    .svp-card-link {\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--sv-ink);\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        font-family: var(--sv-fb);\n        transition: gap 0.2s;\n    }\n    .svp-card:hover .svp-card-link { gap: 10px; }\n    .svp-card-link i { font-size: 10px; color: var(--sv-green); }\n    .svp-card-scope-badge {\n        font-size: 0.68rem;\n        color: var(--sv-muted);\n        font-weight: 500;\n    }\n\n    \/* Hidden filter *\/\n    .svp-card.hidden, .svp-featured-wrap.hidden { display: none; }\n\n    \/* -- CTA STRIP -- *\/\n    .svp-cta-strip {\n        background: var(--sv-ink);\n        padding: 64px 24px;\n        margin-top: 0;\n    }\n    .svp-cta-strip-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 40px;\n        flex-wrap: wrap;\n    }\n    .svp-cta-strip-left {}\n    .svp-cta-strip-eyebrow {\n        font-size: 0.7rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--sv-green);\n        display: block;\n        margin-bottom: 12px;\n    }\n    .svp-cta-strip-title {\n        font-family: var(--sv-fd);\n        font-size: clamp(1.6rem, 3vw, 2.2rem);\n        color: #fff;\n        font-weight: 600;\n        line-height: 1.18;\n        letter-spacing: -0.02em;\n        max-width: 480px;\n        margin-bottom: 14px;\n    }\n    .svp-cta-strip-sub {\n        font-size: 0.85rem;\n        color: rgba(255,255,255,0.45);\n        line-height: 1.7;\n        max-width: 420px;\n    }\n    .svp-cta-strip-btns {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        min-width: 220px;\n    }\n    .svp-cta-btn-w {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        background: #fff;\n        color: var(--sv-ink);\n        border-radius: 999px;\n        padding: 14px 28px;\n        font-size: 0.85rem;\n        font-weight: 700;\n        font-family: var(--sv-fb);\n        text-decoration: none;\n        transition: background 0.2s;\n        white-space: nowrap;\n    }\n    .svp-cta-btn-w:hover { background: #f0f0f0; color: var(--sv-ink); }\n    .svp-cta-btn-wa {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        background: #25D366;\n        color: #fff;\n        border-radius: 999px;\n        padding: 13px 28px;\n        font-size: 0.85rem;\n        font-weight: 700;\n        font-family: var(--sv-fb);\n        text-decoration: none;\n        transition: background 0.2s;\n        white-space: nowrap;\n    }\n    .svp-cta-btn-wa:hover { background: #1ebe5d; color: #fff; }\n\n    \/* -- Footer -- *\/\n    .svp-footer {\n        background: var(--sv-black);\n        padding: 40px 24px 28px;\n        border-top: 1px solid rgba(255,255,255,0.05);\n    }\n    .svp-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    .svp-footer-brand {\n        font-family: var(--sv-fd);\n        font-size: 1.1rem;\n        color: rgba(255,255,255,0.6);\n        text-decoration: none;\n    }\n    .svp-footer-copy { font-size: 0.72rem; color: rgba(255,255,255,0.25); font-family: var(--sv-fb); }\n    .svp-footer-links { display: flex; gap: 20px; }\n    .svp-footer-links a { font-size: 0.75rem; color: rgba(255,255,255,0.35); text-decoration: none; font-family: var(--sv-fb); transition: color 0.2s; }\n    .svp-footer-links a:hover { color: rgba(255,255,255,0.7); }\n\n    @media (max-width: 640px) {\n        .svp-hero { padding: 52px 16px 52px; }\n        .svp-hero-title { font-size: 2rem; }\n        .svp-featured-wrap { padding: 0 16px; }\n        .svp-grid-wrap { padding: 0 16px 60px; }\n        .svp-filter-inner { padding: 0 16px; }\n        .svp-nav-inner { padding: 0 16px; }\n        .svp-hero-stats { gap: 20px; }\n        .svp-cta-strip { padding: 48px 16px; }\n    }\n    <\/style>\n\n    <!-- -- NAV -- -->\n    <!-- <nav class=\"svp-nav\">\n        <div class=\"svp-nav-inner\">\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"svp-nav-back\">\n                <i class=\"fa fa-arrow-left\"><\/i> Home\n            <\/a>\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"svp-nav-brand\">Space Arabia<\/a>\n            <a href=\"https:\/\/wa.me\/966546355058\" class=\"svp-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=\"svp-hero\">\n        <div class=\"svp-hero-inner\">\n            <div class=\"svp-hero-eyebrow\">Our Services<\/div>\n            <h1 class=\"svp-hero-title\">\n                Fit-Out. Civil. MEP.<br><em>One Scope.<\/em>\n            <\/h1>\n            <p class=\"svp-hero-sub\">\n                End-to-end workplace delivery for corporate offices, institutions, and modern operators across Saudi Arabia.\n            <\/p>\n            <div class=\"svp-hero-stats\">\n                <div class=\"svp-hero-stat\">\n                    <span class=\"svp-hero-stat-num\">25+<\/span>\n                    <span class=\"svp-hero-stat-label\">Years in KSA<\/span>\n                <\/div>\n                <div class=\"svp-hero-stat-divider\"><\/div>\n                <div class=\"svp-hero-stat\">\n                    <span class=\"svp-hero-stat-num\">300+<\/span>\n                    <span class=\"svp-hero-stat-label\">Projects Delivered<\/span>\n                <\/div>\n                <div class=\"svp-hero-stat-divider\"><\/div>\n                <div class=\"svp-hero-stat\">\n                    <span class=\"svp-hero-stat-num\">6<\/span>\n                    <span class=\"svp-hero-stat-label\">Service Areas<\/span>\n                <\/div>\n                <div class=\"svp-hero-stat-divider\"><\/div>\n                <div class=\"svp-hero-stat\">\n                    <span class=\"svp-hero-stat-num\">24h<\/span>\n                    <span class=\"svp-hero-stat-label\">Response Time<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- -- FILTER -- -->\n    <!-- <div class=\"svp-filter-wrap\">\n        <div class=\"svp-filter-inner\">\n            <div class=\"svp-filter-tabs\">\n                <button class=\"svp-filter-tab active\" data-filter=\"all\">All Services<\/button>\n                                        <button class=\"svp-filter-tab\" data-filter=\"coordinated-delivery\">\n                            Coordinated delivery                        <\/button>\n                                            <button class=\"svp-filter-tab\" data-filter=\"handover-support\">\n                            Handover support                        <\/button>\n                                            <button class=\"svp-filter-tab\" data-filter=\"phased-execution\">\n                            Phased execution                        <\/button>\n                                            <button class=\"svp-filter-tab\" data-filter=\"refurbishment-planning\">\n                            Refurbishment planning                        <\/button>\n                                            <button class=\"svp-filter-tab\" data-filter=\"turnkey-scope-control\">\n                            Turnkey scope control                        <\/button>\n                                            <button class=\"svp-filter-tab\" data-filter=\"workspace-modernization\">\n                            Workspace modernization                        <\/button>\n                                <\/div>\n            <span class=\"svp-filter-count\" id=\"svp-count\">6 services<\/span>\n        <\/div>\n    <\/div> -->\n\n    <!-- -- FEATURED -- -->\n        <div class=\"svp-featured-wrap\" id=\"svp-featured\" data-cat=\"coordinated-delivery\">\n        <a href=\"https:\/\/spacearabia.sa\/index.php\/services\/office-fit-out\/\" class=\"svp-featured\">\n            <div class=\"svp-featured-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/pexels-cadomaestro-1170412.jpg\" alt=\"Office Fit-Out\">\n                                <div class=\"svp-featured-img-overlay\"><\/div>\n            <\/div>\n            <div class=\"svp-featured-body\">\n                <span class=\"svp-featured-badge\">\n                    <i class=\"fa fa-star\" style=\"font-size:9px;\"><\/i>\n                    Featured Service\n                <\/span>\n                <h2 class=\"svp-featured-title\">Office Fit-Out<\/h2>\n                <p class=\"svp-featured-desc\">Delivery from shell condition to fully operational office environments.<\/p>\n                                <span class=\"svp-featured-cta\">\n                    Explore Service <i class=\"fa fa-arrow-right\"><\/i>\n                <\/span>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <!-- -- GRID -- -->\n        <div class=\"svp-grid-wrap\">\n        <div class=\"svp-grid-header\">\n            <span class=\"svp-grid-label\">All Services<\/span>\n        <\/div>\n        <div class=\"svp-grid\" id=\"svp-grid\">\n                        <a href=\"https:\/\/spacearabia.sa\/index.php\/services\/office-renovation\/\"\n               class=\"svp-card\"\n               data-cat=\"phased-execution\">\n\n                <div class=\"svp-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/Modern_office_workspace_featuring_a_computer.jpg\" alt=\"Office Renovation\">\n                                                                <span class=\"svp-card-cat-badge\">Phased execution<\/span>\n                                    <\/div>\n\n                <div class=\"svp-card-body\">\n                    <div class=\"svp-card-icon-row\">\n                        <span class=\"svp-card-icon\">\n                            <i class=\"fa fa-paintbrush\"><\/i>\n                        <\/span>\n                                            <\/div>\n                    <h3 class=\"svp-card-title\">Office Renovation<\/h3>\n                    <p class=\"svp-card-desc\">Upgrade existing workspaces with improved finishes, acoustics, and planning.<\/p>\n                                    <\/div>\n\n                <div class=\"svp-card-footer\">\n                    <span class=\"svp-card-link\">\n                        Learn More <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/span>\n                                    <\/div>\n\n            <\/a>\n                        <a href=\"https:\/\/spacearabia.sa\/index.php\/services\/turnkey-interior-solutions\/\"\n               class=\"svp-card\"\n               data-cat=\"\">\n\n                <div class=\"svp-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/pexels-essentia-media-2154502099-33685854.jpg\" alt=\"Turnkey Interior Solutions\">\n                                                        <\/div>\n\n                <div class=\"svp-card-body\">\n                    <div class=\"svp-card-icon-row\">\n                        <span class=\"svp-card-icon\">\n                            <i class=\"fa fa-layer-group\"><\/i>\n                        <\/span>\n                                            <\/div>\n                    <h3 class=\"svp-card-title\">Turnkey Interior Solutions<\/h3>\n                    <p class=\"svp-card-desc\">Turnkey Interior Solutions in Saudi Arabia requires a contractor who can execute complex refurbishments while your business stays operational. Space [&hellip;]<\/p>\n                                    <\/div>\n\n                <div class=\"svp-card-footer\">\n                    <span class=\"svp-card-link\">\n                        Learn More <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/span>\n                                    <\/div>\n\n            <\/a>\n                        <a href=\"https:\/\/spacearabia.sa\/index.php\/services\/civil-works\/\"\n               class=\"svp-card\"\n               data-cat=\"\">\n\n                <div class=\"svp-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/scott-blake-x-ghf9LjrVg-unsplash-1-1024x683.jpg\" alt=\"Civil works\">\n                                                        <\/div>\n\n                <div class=\"svp-card-body\">\n                    <div class=\"svp-card-icon-row\">\n                        <span class=\"svp-card-icon\">\n                            <i class=\"fa fa-helmet-safety\"><\/i>\n                        <\/span>\n                                            <\/div>\n                    <h3 class=\"svp-card-title\">Civil works<\/h3>\n                    <p class=\"svp-card-desc\">Civil works in Saudi Arabia require precise coordination between structural execution, finishing quality, and on-site management to ensure safe and [&hellip;]<\/p>\n                                    <\/div>\n\n                <div class=\"svp-card-footer\">\n                    <span class=\"svp-card-link\">\n                        Learn More <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/span>\n                                    <\/div>\n\n            <\/a>\n                        <a href=\"https:\/\/spacearabia.sa\/index.php\/services\/mep-services\/\"\n               class=\"svp-card\"\n               data-cat=\"\">\n\n                <div class=\"svp-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/pexels-killian-eon-1185568-13342687-1024x683.jpg\" alt=\"MEP Services\">\n                                                        <\/div>\n\n                <div class=\"svp-card-body\">\n                    <div class=\"svp-card-icon-row\">\n                        <span class=\"svp-card-icon\">\n                            <i class=\"fa fa-bolt\"><\/i>\n                        <\/span>\n                                            <\/div>\n                    <h3 class=\"svp-card-title\">MEP Services<\/h3>\n                    <p class=\"svp-card-desc\">MEP services in Saudi Arabia are essential for creating safe, efficient, and fully operational buildings. Space Arabia delivers integrated mechanical, [&hellip;]<\/p>\n                                    <\/div>\n\n                <div class=\"svp-card-footer\">\n                    <span class=\"svp-card-link\">\n                        Learn More <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/span>\n                                    <\/div>\n\n            <\/a>\n                        <a href=\"https:\/\/spacearabia.sa\/index.php\/services\/electrical-works\/\"\n               class=\"svp-card\"\n               data-cat=\"\">\n\n                <div class=\"svp-card-img\">\n                                            <img decoding=\"async\" src=\"https:\/\/spacearabia.sa\/wp-content\/uploads\/2026\/04\/pexels-shvetsa-5324972-683x1024.jpg\" alt=\"Electrical Works\">\n                                                        <\/div>\n\n                <div class=\"svp-card-body\">\n                    <div class=\"svp-card-icon-row\">\n                        <span class=\"svp-card-icon\">\n                            <i class=\"fa fa-plug\"><\/i>\n                        <\/span>\n                                            <\/div>\n                    <h3 class=\"svp-card-title\">Electrical Works<\/h3>\n                    <p class=\"svp-card-desc\">Electrical works in Saudi Arabia demand precise execution across power distribution, lighting systems, and data infrastructure to support modern workplace [&hellip;]<\/p>\n                                    <\/div>\n\n                <div class=\"svp-card-footer\">\n                    <span class=\"svp-card-link\">\n                        Learn More <i class=\"fa fa-arrow-right\"><\/i>\n                    <\/span>\n                                    <\/div>\n\n            <\/a>\n                    <\/div>\n    <\/div>\n    \n    <!-- -- CTA STRIP -- -->\n    <div class=\"svp-cta-strip\">\n        <div class=\"svp-cta-strip-inner\">\n            <div class=\"svp-cta-strip-left\">\n                <span class=\"svp-cta-strip-eyebrow\">Free Consultation<\/span>\n                <h2 class=\"svp-cta-strip-title\">Ready to Transform Your Workspace?<\/h2>\n                <p class=\"svp-cta-strip-sub\">Share your project details ? space size, city, and timeline. We respond within 24 hours with a scope and fee proposal.<\/p>\n            <\/div>\n            <div class=\"svp-cta-strip-btns\">\n                <a href=\"\/index.php\/contact\/\" class=\"svp-cta-btn-w\">Request Consultation ?<\/a>\n                <a href=\"https:\/\/wa.me\/966546355058?text=Hello%2C+I+need+a+quote+for+office+fit-out\" class=\"svp-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=\"svp-footer\">\n        <div class=\"svp-footer-inner\">\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"svp-footer-brand\">Space Arabia<\/a>\n            <span class=\"svp-footer-copy\">? 2026 Space Arabia Company LLC<\/span>\n            <div class=\"svp-footer-links\">\n                <a href=\"\/projects\/\">Projects<\/a>\n                <a href=\"\/contact\/\">Contact<\/a>\n                <a href=\"\/acoustic-products\/\">Products<\/a>\n            <\/div>\n        <\/div>\n    <\/footer> -->\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const tabs     = document.querySelectorAll('.svp-filter-tab');\n        const cards    = document.querySelectorAll('#svp-grid .svp-card');\n        const featured = document.getElementById('svp-featured');\n        const counter  = document.getElementById('svp-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\n                const fMatch = filter === 'all' || featured.dataset.cat === filter;\n                featured.classList.toggle('hidden', !fMatch);\n                if (fMatch) visible++;\n\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\n                counter.textContent = visible + ' service' + (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-556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/556","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=556"}],"version-history":[{"count":10,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/556\/revisions\/567"}],"wp:attachment":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/media?parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}