{"id":58,"date":"2026-07-20T11:56:40","date_gmt":"2026-07-20T11:56:40","guid":{"rendered":"https:\/\/cosmora-sa.com\/?page_id=58"},"modified":"2026-08-16T07:14:24","modified_gmt":"2026-08-16T07:14:24","slug":"about-us","status":"publish","type":"page","link":"https:\/\/cosmora-sa.com\/?page_id=58","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"58\" class=\"elementor elementor-58\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3636f5d4 cosmora-page-hero e-flex e-con-boxed e-con e-parent\" data-id=\"3636f5d4\" 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<div class=\"elementor-element elementor-element-392cfa3b e-con-full e-flex e-con e-child\" data-id=\"392cfa3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-225f7ff2 e-con-full e-flex e-con e-child\" data-id=\"225f7ff2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-652f0d16 e-con-full e-flex e-con e-child\" data-id=\"652f0d16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d163c48 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6d163c48\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03b47a1 e-con e-atomic-element e-flexbox-base e-f7f36f6 \" data-id=\"03b47a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"03b47a1\">\n    <div class=\"elementor-element elementor-element-549713b e-con e-atomic-element e-flexbox-base e-8eeca39 \" data-id=\"549713b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"549713b\">\n    \t\t<div class=\"elementor-element elementor-element-9beb4c6 elementor-widget elementor-widget-image\" data-id=\"9beb4c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"566\" src=\"https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/07\/Cosmora-Logo-01-1024x724.png\" class=\"attachment-large size-large wp-image-87\" alt=\"\" srcset=\"https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/07\/Cosmora-Logo-01-1024x724.png 1024w, https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/07\/Cosmora-Logo-01-300x212.png 300w, https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/07\/Cosmora-Logo-01-768x543.png 768w, https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/07\/Cosmora-Logo-01-1536x1086.png 1536w, https:\/\/cosmora-sa.com\/wp-content\/uploads\/2026\/07\/Cosmora-Logo-01-2048x1448.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1687427 e-con e-atomic-element e-flexbox-base e-531e90d \" data-id=\"1687427\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1687427\">\n    \t\t<div class=\"elementor-element elementor-element-680b858 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"680b858\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Who We Are?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfbfacf elementor-widget elementor-widget-text-editor\" data-id=\"dfbfacf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>COSMORA is a premium modern Saudi design and construction company specializing in architectural design, interior design, construction execution, fit-out solutions, and turnkey project delivery. We are Saudi-founded, Saudi-led, and proudly committed to Saudization \u2014 developing local talent, employing Saudi engineers and project managers, and contributing to the Kingdom&#8217;s human capital vision. We are built with a strong belief that combines functionality, aesthetics, precision, and high-quality execution \u2014 from residential villas and hospitality projects to restaurants and commercial environments.\u2014 we create integrated spaces where functionality, aesthetics, precision, and high-quality execution coexist naturally. But what truly defines us is not what we build \u2014 it&#8217;s how we build it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-e301dda e-flex e-con-boxed e-con e-parent\" data-id=\"e301dda\" 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-62bd354 elementor-widget elementor-widget-html\" data-id=\"62bd354\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cosmora-about-suite\" id=\"cosmora-about-suite\">\r\n\r\n<style>\r\n\/* ==================================================\r\n   COSMORA \u2014 ABOUT PAGE COMPLETE SECTION\r\n================================================== *\/\r\n\r\n.cosmora-about-suite,\r\n.cosmora-about-suite *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cosmora-about-suite{\r\n    --cas-dark:#042431;\r\n    --cas-deep:#031c26;\r\n    --cas-dark-soft:#073442;\r\n    --cas-green:#3fb291;\r\n    --cas-green-light:#78d2b9;\r\n    --cas-white:#ffffff;\r\n    --cas-soft:#f3f7f6;\r\n    --cas-text:rgba(4,36,49,.68);\r\n    --cas-border:rgba(4,36,49,.11);\r\n\r\n    width:100vw;\r\n    max-width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n\r\n    background:#ffffff;\r\n    color:var(--cas-dark);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.cosmora-about-suite button{\r\n    font:inherit;\r\n}\r\n\r\n.cosmora-about-suite a,\r\n.cosmora-about-suite a:hover,\r\n.cosmora-about-suite a:focus{\r\n    text-decoration:none !important;\r\n}\r\n\r\n.cas-shell{\r\n    width:min(100%,1240px);\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SHARED HEADINGS\r\n================================================== *\/\r\n\r\n.cas-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n\r\n    margin-bottom:14px;\r\n\r\n    color:var(--cas-green);\r\n\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.24em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cas-eyebrow::before{\r\n    content:\"\";\r\n\r\n    width:30px;\r\n    height:1px;\r\n\r\n    background:var(--cas-green);\r\n}\r\n\r\n.cas-main-title{\r\n    margin:0;\r\n\r\n    color:var(--cas-dark);\r\n\r\n    font-size:clamp(42px,5vw,70px);\r\n    line-height:.94;\r\n    font-weight:700;\r\n    letter-spacing:-.055em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cas-main-title span{\r\n    color:var(--cas-green);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   OUR STORY\r\n================================================== *\/\r\n\r\n.cas-story{\r\n    position:relative;\r\n\r\n    padding:\r\n        clamp(60px,6vw,90px)\r\n        clamp(20px,4vw,65px);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 91% 7%,\r\n            rgba(63,178,145,.075),\r\n            transparent 27%\r\n        ),\r\n        #ffffff;\r\n}\r\n\r\n.cas-story::before{\r\n    content:\"STORY\";\r\n\r\n    position:absolute;\r\n    top:20px;\r\n    right:2%;\r\n\r\n    color:rgba(4,36,49,.023);\r\n\r\n    font-size:clamp(90px,14vw,220px);\r\n    line-height:.8;\r\n    font-weight:800;\r\n    letter-spacing:-.08em;\r\n\r\n    pointer-events:none;\r\n    user-select:none;\r\n}\r\n\r\n.cas-story-head{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:grid;\r\n    grid-template-columns:minmax(0,.85fr) minmax(400px,1.15fr);\r\n    align-items:end;\r\n\r\n    gap:clamp(35px,6vw,85px);\r\n\r\n    margin-bottom:48px;\r\n}\r\n\r\n.cas-story-lead{\r\n    margin:0;\r\n\r\n    color:var(--cas-text);\r\n\r\n    font-size:16px;\r\n    line-height:1.75;\r\n}\r\n\r\n.cas-story-lead strong{\r\n    color:var(--cas-dark);\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* Story layout *\/\r\n\r\n.cas-story-layout{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:grid;\r\n    grid-template-columns:235px minmax(0,1fr);\r\n    align-items:start;\r\n\r\n    gap:clamp(38px,5vw,72px);\r\n}\r\n\r\n.cas-story-side{\r\n    position:sticky;\r\n    top:105px;\r\n}\r\n\r\n.cas-side-label{\r\n    margin-bottom:14px;\r\n\r\n    color:rgba(4,36,49,.42);\r\n\r\n    font-size:9px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cas-side-title{\r\n    margin:0 0 20px;\r\n\r\n    color:var(--cas-dark);\r\n\r\n    font-size:clamp(28px,2.8vw,41px);\r\n    line-height:1.06;\r\n    font-weight:650;\r\n    letter-spacing:-.04em;\r\n}\r\n\r\n.cas-side-line{\r\n    width:70px;\r\n    height:2px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--cas-green),\r\n        transparent\r\n    );\r\n}\r\n\r\n.cas-story-content{\r\n    min-width:0;\r\n}\r\n\r\n.cas-paragraph{\r\n    margin:0 0 21px;\r\n\r\n    color:var(--cas-text);\r\n\r\n    font-size:15px;\r\n    line-height:1.78;\r\n}\r\n\r\n.cas-paragraph strong{\r\n    color:var(--cas-dark);\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   STORY ISSUES\r\n================================================== *\/\r\n\r\n.cas-issues{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n\r\n    gap:10px;\r\n\r\n    margin:28px 0;\r\n}\r\n\r\n.cas-issue{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    min-height:112px;\r\n    padding:19px;\r\n\r\n    background:var(--cas-soft);\r\n\r\n    border:1px solid rgba(4,36,49,.08);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        border-color .35s ease,\r\n        background .35s ease,\r\n        box-shadow .35s ease;\r\n}\r\n\r\n.cas-issue::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n\r\n    width:3px;\r\n    height:100%;\r\n\r\n    background:var(--cas-green);\r\n\r\n    transform:scaleY(0);\r\n    transform-origin:bottom;\r\n\r\n    transition:\r\n        transform .35s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.cas-issue-number{\r\n    display:block;\r\n\r\n    margin-bottom:13px;\r\n\r\n    color:var(--cas-green);\r\n\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n}\r\n\r\n.cas-issue p{\r\n    margin:0;\r\n\r\n    color:rgba(4,36,49,.72);\r\n\r\n    font-size:14px;\r\n    line-height:1.5;\r\n    font-weight:500;\r\n}\r\n\r\n.cas-issue:hover{\r\n    background:#ffffff;\r\n\r\n    border-color:rgba(63,178,145,.34);\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 16px 36px rgba(4,36,49,.07);\r\n}\r\n\r\n.cas-issue:hover::before{\r\n    transform:scaleY(1);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   STORY QUOTE\r\n================================================== *\/\r\n\r\n.cas-quote{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    margin:29px 0;\r\n    padding:24px 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(63,178,145,.11),\r\n            rgba(63,178,145,.025)\r\n        );\r\n\r\n    border-left:3px solid var(--cas-green);\r\n}\r\n\r\n.cas-quote::after{\r\n    content:\"\u201c\";\r\n\r\n    position:absolute;\r\n    top:-9px;\r\n    right:18px;\r\n\r\n    color:rgba(63,178,145,.14);\r\n\r\n    font-family:Georgia,serif;\r\n    font-size:78px;\r\n    line-height:1;\r\n}\r\n\r\n.cas-quote p{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    color:var(--cas-dark);\r\n\r\n    font-size:clamp(18px,1.8vw,24px);\r\n    line-height:1.35;\r\n    font-weight:600;\r\n    letter-spacing:-.02em;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   VISION & MISSION\r\n================================================== *\/\r\n\r\n.cas-purpose{\r\n    padding:\r\n        clamp(48px,5vw,72px)\r\n        clamp(20px,4vw,65px);\r\n\r\n    background:var(--cas-soft);\r\n}\r\n\r\n.cas-purpose-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n\r\n    gap:12px;\r\n}\r\n\r\n.cas-purpose-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    min-height:315px;\r\n    padding:32px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n\r\n    transition:\r\n        transform .4s cubic-bezier(.16,1,.3,1),\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.cas-purpose-card--vision{\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 12%,\r\n            rgba(63,178,145,.20),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            var(--cas-deep),\r\n            var(--cas-dark)\r\n        );\r\n\r\n    color:#ffffff;\r\n}\r\n\r\n.cas-purpose-card--mission{\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--cas-green),\r\n            var(--cas-green-light)\r\n        );\r\n\r\n    color:var(--cas-dark);\r\n}\r\n\r\n.cas-purpose-card::before{\r\n    content:attr(data-number);\r\n\r\n    position:absolute;\r\n    right:18px;\r\n    bottom:-18px;\r\n\r\n    color:rgba(255,255,255,.055);\r\n\r\n    font-size:106px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:-.08em;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.cas-purpose-card--mission::before{\r\n    color:rgba(4,36,49,.07);\r\n}\r\n\r\n.cas-purpose-label{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    color:var(--cas-green-light);\r\n\r\n    font-size:9px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.24em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cas-purpose-card--mission .cas-purpose-label{\r\n    color:rgba(4,36,49,.55);\r\n}\r\n\r\n.cas-purpose-title{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:45px 0 16px;\r\n\r\n    font-size:clamp(39px,4vw,60px);\r\n    line-height:.95;\r\n    font-weight:700;\r\n    letter-spacing:-.05em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cas-purpose-text{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    max-width:520px;\r\n    margin:0;\r\n\r\n    font-size:15px;\r\n    line-height:1.68;\r\n}\r\n\r\n.cas-purpose-card--vision .cas-purpose-text{\r\n    color:rgba(255,255,255,.69);\r\n}\r\n\r\n.cas-purpose-card--mission .cas-purpose-text{\r\n    color:rgba(4,36,49,.73);\r\n}\r\n\r\n.cas-purpose-card:hover{\r\n    transform:translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 24px 52px rgba(4,36,49,.14);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   OUR GOALS\r\n================================================== *\/\r\n\r\n.cas-goals{\r\n    position:relative;\r\n\r\n    padding:\r\n        clamp(58px,6vw,88px)\r\n        clamp(20px,4vw,65px);\r\n\r\n    background:#ffffff;\r\n}\r\n\r\n.cas-goals-head{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) minmax(270px,400px);\r\n    align-items:end;\r\n\r\n    gap:42px;\r\n\r\n    margin-bottom:36px;\r\n}\r\n\r\n.cas-goals-intro{\r\n    margin:0;\r\n\r\n    color:var(--cas-text);\r\n\r\n    font-size:14px;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GOALS TABS\r\n================================================== *\/\r\n\r\n.cas-tabs-wrap{\r\n    overflow:hidden;\r\n\r\n    border-top:1px solid var(--cas-border);\r\n    border-bottom:1px solid var(--cas-border);\r\n}\r\n\r\n.cas-tabs{\r\n    display:grid;\r\n    grid-template-columns:repeat(6,minmax(0,1fr));\r\n}\r\n\r\n.cas-tab{\r\n    position:relative;\r\n\r\n    appearance:none;\r\n\r\n    min-height:64px;\r\n\r\n    background:transparent;\r\n    color:rgba(4,36,49,.46);\r\n\r\n    border:0;\r\n    border-right:1px solid var(--cas-border);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        color .3s ease,\r\n        background-color .3s ease;\r\n}\r\n\r\n.cas-tab:last-child{\r\n    border-right:0;\r\n}\r\n\r\n.cas-tab::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n\r\n    height:3px;\r\n\r\n    background:var(--cas-green);\r\n\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n\r\n    transition:\r\n        transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.cas-tab span{\r\n    font-size:12px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.15em;\r\n}\r\n\r\n.cas-tab:hover{\r\n    color:var(--cas-green);\r\n    background:rgba(63,178,145,.045);\r\n}\r\n\r\n.cas-tab.is-active{\r\n    color:var(--cas-dark);\r\n    background:rgba(63,178,145,.08);\r\n}\r\n\r\n.cas-tab.is-active::after{\r\n    transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GOALS SLIDER PANEL\r\n================================================== *\/\r\n\r\n.cas-goal-stage{\r\n    position:relative;\r\n\r\n    display:grid;\r\n    grid-template-columns:250px minmax(0,1fr);\r\n\r\n    min-height:315px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#ffffff;\r\n\r\n    border:1px solid rgba(4,36,49,.09);\r\n    border-top:0;\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(4,36,49,.07);\r\n}\r\n\r\n\r\n\/* Solid left panel *\/\r\n\r\n.cas-goal-visual{\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    padding:34px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n\r\n    background:#042431;\r\n}\r\n\r\n\r\n\/* \u0625\u0644\u063a\u0627\u0621 \u0623\u064a Pattern \u0623\u0648 \u0645\u0631\u0628\u0639\u0627\u062a *\/\r\n\r\n.cas-goal-visual::before,\r\n.cas-goal-visual::after{\r\n    content:none !important;\r\n    display:none !important;\r\n    background:none !important;\r\n}\r\n\r\n.cas-goal-label{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    color:rgba(255,255,255,.42);\r\n\r\n    font-size:9px;\r\n    line-height:1;\r\n    font-weight:700;\r\n    letter-spacing:.24em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.cas-goal-number{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin-top:auto;\r\n\r\n    color:var(--cas-green);\r\n\r\n    font-size:clamp(82px,9vw,132px);\r\n    line-height:.72;\r\n    font-weight:700;\r\n    letter-spacing:-.08em;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.cas-goal-counter{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin-top:22px;\r\n\r\n    color:rgba(255,255,255,.34);\r\n\r\n    font-size:10px;\r\n    line-height:1;\r\n    font-weight:600;\r\n    letter-spacing:.15em;\r\n}\r\n\r\n\r\n\/* Goals content *\/\r\n\r\n.cas-goal-content{\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    padding:clamp(32px,5vw,60px);\r\n}\r\n\r\n.cas-goal-title{\r\n    margin:0 0 18px;\r\n\r\n    color:var(--cas-dark);\r\n\r\n    font-size:clamp(29px,3.5vw,46px);\r\n    line-height:1.04;\r\n    font-weight:650;\r\n    letter-spacing:-.045em;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.cas-goal-text{\r\n    max-width:680px;\r\n    margin:0;\r\n\r\n    color:var(--cas-text);\r\n\r\n    font-size:16px;\r\n    line-height:1.72;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GOALS CONTROLS\r\n================================================== *\/\r\n\r\n.cas-goal-controls{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:24px;\r\n\r\n    margin-top:18px;\r\n}\r\n\r\n.cas-progress{\r\n    position:relative;\r\n\r\n    flex:1;\r\n    height:2px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:rgba(4,36,49,.10);\r\n}\r\n\r\n.cas-progress span{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--cas-green),\r\n            var(--cas-green-light)\r\n        );\r\n\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n}\r\n\r\n.cas-progress.is-running span{\r\n    animation:\r\n        casProgress\r\n        5s\r\n        linear\r\n        forwards;\r\n}\r\n\r\n@keyframes casProgress{\r\n    from{\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    to{\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n.cas-arrows{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n}\r\n\r\n.cas-arrow{\r\n    appearance:none;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:42px;\r\n    height:42px;\r\n    padding:0;\r\n\r\n    background:transparent;\r\n    color:var(--cas-dark);\r\n\r\n    border:1px solid rgba(4,36,49,.16);\r\n    border-radius:50%;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        color .3s ease,\r\n        background-color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.cas-arrow svg{\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cas-arrow:hover{\r\n    background:var(--cas-green);\r\n    color:var(--cas-dark);\r\n\r\n    border-color:var(--cas-green);\r\n\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* Changing animation *\/\r\n\r\n.cas-goal-stage.is-changing .cas-goal-number,\r\n.cas-goal-stage.is-changing .cas-goal-title,\r\n.cas-goal-stage.is-changing .cas-goal-text{\r\n    opacity:0;\r\n    transform:translateY(10px);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SCROLL REVEAL\r\n================================================== *\/\r\n\r\n.cosmora-about-suite.cas-js .cas-reveal{\r\n    opacity:0;\r\n    transform:translateY(24px);\r\n\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .7s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.cosmora-about-suite.cas-js .cas-reveal.is-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .cas-story-head{\r\n        grid-template-columns:1fr;\r\n        gap:22px;\r\n    }\r\n\r\n    .cas-story-layout{\r\n        grid-template-columns:210px minmax(0,1fr);\r\n        gap:34px;\r\n    }\r\n\r\n    .cas-goals-head{\r\n        grid-template-columns:1fr;\r\n        gap:22px;\r\n    }\r\n\r\n    .cas-tabs{\r\n        grid-template-columns:repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n    .cas-tab{\r\n        border-bottom:1px solid var(--cas-border);\r\n    }\r\n\r\n    .cas-tab:nth-child(3n){\r\n        border-right:0;\r\n    }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .cas-story{\r\n        padding:55px 17px;\r\n    }\r\n\r\n    .cas-story::before{\r\n        display:none;\r\n    }\r\n\r\n    .cas-story-head{\r\n        margin-bottom:35px;\r\n    }\r\n\r\n    .cas-story-layout{\r\n        grid-template-columns:1fr;\r\n        gap:30px;\r\n    }\r\n\r\n    .cas-story-side{\r\n        position:relative;\r\n        top:auto;\r\n    }\r\n\r\n    .cas-issues{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    .cas-purpose{\r\n        padding:45px 17px;\r\n    }\r\n\r\n    .cas-purpose-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cas-purpose-card{\r\n        min-height:280px;\r\n        padding:27px;\r\n    }\r\n\r\n    .cas-purpose-title{\r\n        margin-top:35px;\r\n    }\r\n\r\n\r\n    .cas-goals{\r\n        padding:55px 17px;\r\n    }\r\n\r\n    .cas-goals-head{\r\n        margin-bottom:28px;\r\n    }\r\n\r\n    .cas-tabs-wrap{\r\n        overflow-x:auto;\r\n        scrollbar-width:none;\r\n    }\r\n\r\n    .cas-tabs-wrap::-webkit-scrollbar{\r\n        display:none;\r\n    }\r\n\r\n    .cas-tabs{\r\n        display:flex;\r\n        min-width:max-content;\r\n    }\r\n\r\n    .cas-tab{\r\n        flex:0 0 80px;\r\n        min-height:57px;\r\n\r\n        border-bottom:0;\r\n    }\r\n\r\n    .cas-goal-stage{\r\n        grid-template-columns:1fr;\r\n        min-height:0;\r\n    }\r\n\r\n    .cas-goal-visual{\r\n        min-height:180px;\r\n        padding:24px;\r\n    }\r\n\r\n    .cas-goal-number{\r\n        font-size:80px;\r\n    }\r\n\r\n    .cas-goal-content{\r\n        padding:28px 23px 32px;\r\n    }\r\n\r\n    .cas-goal-title{\r\n        font-size:29px;\r\n    }\r\n\r\n    .cas-goal-text{\r\n        font-size:14px;\r\n        line-height:1.68;\r\n    }\r\n\r\n    .cas-arrow{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   REDUCED MOTION\r\n================================================== *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    .cosmora-about-suite *,\r\n    .cosmora-about-suite *::before,\r\n    .cosmora-about-suite *::after{\r\n        animation:none !important;\r\n        transition-duration:.01ms !important;\r\n    }\r\n\r\n    .cosmora-about-suite.cas-js .cas-reveal{\r\n        opacity:1;\r\n        transform:none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ==================================================\r\n     OUR STORY\r\n================================================== -->\r\n\r\n<div class=\"cas-story\">\r\n\r\n    <div class=\"cas-shell\">\r\n\r\n        <header class=\"cas-story-head cas-reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"cas-eyebrow\">\r\n                    About COSMORA\r\n                <\/div>\r\n\r\n                <h2 class=\"cas-main-title\">\r\n                    Our <span>Story.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"cas-story-lead\">\r\n                A multidisciplinary team of\r\n                <strong>architects, engineers, and procurement specialists<\/strong>\r\n                with years of hands-on experience in Saudi Arabia\u2019s design\r\n                and construction market kept encountering the same recurring\r\n                challenges.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <div class=\"cas-story-layout\">\r\n\r\n            <aside class=\"cas-story-side cas-reveal\">\r\n\r\n                <div class=\"cas-side-label\">\r\n                    The Beginning\r\n                <\/div>\r\n\r\n                <h3 class=\"cas-side-title\">\r\n                    The industry needed a better way.\r\n                <\/h3>\r\n\r\n                <div class=\"cas-side-line\"><\/div>\r\n\r\n            <\/aside>\r\n\r\n\r\n            <div class=\"cas-story-content\">\r\n\r\n                <p class=\"cas-paragraph cas-reveal\">\r\n                    Across different projects, the team repeatedly saw\r\n                    uncertainty around cost, quality, timelines, and\r\n                    communication\u2014leaving clients disconnected from the\r\n                    projects they had invested in.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"cas-issues\">\r\n\r\n                    <article class=\"cas-issue cas-reveal\">\r\n\r\n                        <span class=\"cas-issue-number\">\r\n                            01\r\n                        <\/span>\r\n\r\n                        <p>\r\n                            Lack of transparency in pricing and project timelines.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"cas-issue cas-reveal\">\r\n\r\n                        <span class=\"cas-issue-number\">\r\n                            02\r\n                        <\/span>\r\n\r\n                        <p>\r\n                            Inconsistent quality between what was promised\r\n                            and delivered.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"cas-issue cas-reveal\">\r\n\r\n                        <span class=\"cas-issue-number\">\r\n                            03\r\n                        <\/span>\r\n\r\n                        <p>\r\n                            Constant delays without clear ownership\r\n                            or accountability.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <article class=\"cas-issue cas-reveal\">\r\n\r\n                        <span class=\"cas-issue-number\">\r\n                            04\r\n                        <\/span>\r\n\r\n                        <p>\r\n                            Poor communication that left clients confused\r\n                            and uncertain.\r\n                        <\/p>\r\n\r\n                    <\/article>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cas-quote cas-reveal\">\r\n\r\n                    <p>\r\n                        Instead of complaining about the problem, we decided\r\n                        to build the solution ourselves.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"cas-paragraph cas-reveal\">\r\n                    The idea was simple but ambitious: establish one integrated\r\n                    Saudi company where architecture, interior design,\r\n                    engineering, procurement, and construction execution operate\r\n                    together under one accountable system.\r\n                <\/p>\r\n\r\n\r\n                <p class=\"cas-paragraph cas-reveal\">\r\n                    Aligned with Saudi Vision 2030, the founders recognized that\r\n                    the Kingdom was undergoing a major transformation across\r\n                    infrastructure, tourism, hospitality, and urban living.\r\n                    This transformation required a new generation of construction\r\n                    companies built on\r\n                    <strong>\r\n                        integrity, efficiency, precision, and professionalism.\r\n                    <\/strong>\r\n                <\/p>\r\n\r\n\r\n                <p class=\"cas-paragraph cas-reveal\">\r\n                    That idea became <strong>COSMORA.<\/strong>\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ==================================================\r\n     VISION & MISSION\r\n================================================== -->\r\n\r\n<div class=\"cas-purpose\">\r\n\r\n    <div class=\"cas-shell\">\r\n\r\n        <div class=\"cas-purpose-grid\">\r\n\r\n            <article\r\n                class=\"cas-purpose-card cas-purpose-card--vision cas-reveal\"\r\n                data-number=\"01\"\r\n            >\r\n\r\n                <span class=\"cas-purpose-label\">\r\n                    Our Vision\r\n                <\/span>\r\n\r\n\r\n                <div>\r\n\r\n                    <h2 class=\"cas-purpose-title\">\r\n                        Vision\r\n                    <\/h2>\r\n\r\n                    <p class=\"cas-purpose-text\">\r\n                        To become the most trusted entity in architecture,\r\n                        design, and construction across Saudi Arabia\u2014not simply\r\n                        by becoming the largest, but by being the most honest,\r\n                        precise, and client-respecting company in the market.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article\r\n                class=\"cas-purpose-card cas-purpose-card--mission cas-reveal\"\r\n                data-number=\"02\"\r\n            >\r\n\r\n                <span class=\"cas-purpose-label\">\r\n                    Our Mission\r\n                <\/span>\r\n\r\n\r\n                <div>\r\n\r\n                    <h2 class=\"cas-purpose-title\">\r\n                        Mission\r\n                    <\/h2>\r\n\r\n                    <p class=\"cas-purpose-text\">\r\n                        To deliver exceptional spaces through honest design,\r\n                        disciplined execution, and uncompromising quality\u2014\r\n                        ensuring every project reflects our client\u2019s vision,\r\n                        respects their investment, and exceeds expectations.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ==================================================\r\n     OUR GOALS\r\n================================================== -->\r\n\r\n<div class=\"cas-goals\">\r\n\r\n    <div class=\"cas-shell\">\r\n\r\n        <header class=\"cas-goals-head cas-reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"cas-eyebrow\">\r\n                    Our Direction\r\n                <\/div>\r\n\r\n                <h2 class=\"cas-main-title\">\r\n                    Our <span>Goals.<\/span>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"cas-goals-intro\">\r\n                Six strategic priorities guiding COSMORA\u2019s growth,\r\n                client experience, industry standards, and contribution\r\n                to Saudi Vision 2030.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- Tabs -->\r\n\r\n        <div class=\"cas-tabs-wrap\">\r\n\r\n            <div\r\n                class=\"cas-tabs\"\r\n                role=\"tablist\"\r\n                aria-label=\"COSMORA goals\"\r\n            >\r\n\r\n                <button\r\n                    class=\"cas-tab is-active\"\r\n                    type=\"button\"\r\n                    data-index=\"0\"\r\n                    aria-selected=\"true\"\r\n                >\r\n                    <span>01<\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cas-tab\"\r\n                    type=\"button\"\r\n                    data-index=\"1\"\r\n                    aria-selected=\"false\"\r\n                >\r\n                    <span>02<\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cas-tab\"\r\n                    type=\"button\"\r\n                    data-index=\"2\"\r\n                    aria-selected=\"false\"\r\n                >\r\n                    <span>03<\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cas-tab\"\r\n                    type=\"button\"\r\n                    data-index=\"3\"\r\n                    aria-selected=\"false\"\r\n                >\r\n                    <span>04<\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cas-tab\"\r\n                    type=\"button\"\r\n                    data-index=\"4\"\r\n                    aria-selected=\"false\"\r\n                >\r\n                    <span>05<\/span>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cas-tab\"\r\n                    type=\"button\"\r\n                    data-index=\"5\"\r\n                    aria-selected=\"false\"\r\n                >\r\n                    <span>06<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Slider panel -->\r\n\r\n        <div class=\"cas-goal-stage\" id=\"cas-goal-stage\">\r\n\r\n            <div class=\"cas-goal-visual\">\r\n\r\n                <span class=\"cas-goal-label\">\r\n                    Strategic Priority\r\n                <\/span>\r\n\r\n\r\n                <strong\r\n                    class=\"cas-goal-number\"\r\n                    id=\"cas-goal-number\"\r\n                >\r\n                    01\r\n                <\/strong>\r\n\r\n\r\n                <span\r\n                    class=\"cas-goal-counter\"\r\n                    id=\"cas-goal-counter\"\r\n                >\r\n                    01 \/ 06\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cas-goal-content\">\r\n\r\n                <h3\r\n                    class=\"cas-goal-title\"\r\n                    id=\"cas-goal-title\"\r\n                >\r\n                    Establish Market Leadership\r\n                <\/h3>\r\n\r\n\r\n                <p\r\n                    class=\"cas-goal-text\"\r\n                    id=\"cas-goal-text\"\r\n                >\r\n                    Position COSMORA as the premium Design &amp; Build reference\r\n                    in Jeddah, followed by deliberate expansion into Riyadh and\r\n                    the Eastern Province.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Controls -->\r\n\r\n        <div class=\"cas-goal-controls\">\r\n\r\n            <div\r\n                class=\"cas-progress is-running\"\r\n                id=\"cas-progress\"\r\n                aria-hidden=\"true\"\r\n            >\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cas-arrows\">\r\n\r\n                <button\r\n                    class=\"cas-arrow\"\r\n                    id=\"cas-prev\"\r\n                    type=\"button\"\r\n                    aria-label=\"Previous goal\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cas-arrow\"\r\n                    id=\"cas-next\"\r\n                    type=\"button\"\r\n                    aria-label=\"Next goal\"\r\n                >\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5l7 7-7 7\"><\/path>\r\n                    <\/svg>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n    \"use strict\";\r\n\r\n    function initCosmoraAboutSuite(){\r\n\r\n        const section =\r\n            document.getElementById(\"cosmora-about-suite\");\r\n\r\n        if(\r\n            !section ||\r\n            section.dataset.initialized === \"true\"\r\n        ){\r\n            return;\r\n        }\r\n\r\n        section.dataset.initialized = \"true\";\r\n        section.classList.add(\"cas-js\");\r\n\r\n\r\n        \/* ======================================\r\n           Scroll reveal\r\n        ====================================== *\/\r\n\r\n        const revealItems =\r\n            section.querySelectorAll(\".cas-reveal\");\r\n\r\n        if(\"IntersectionObserver\" in window){\r\n\r\n            const revealObserver =\r\n                new IntersectionObserver(\r\n                    function(entries){\r\n\r\n                        entries.forEach(function(entry){\r\n\r\n                            if(entry.isIntersecting){\r\n\r\n                                entry.target.classList.add(\r\n                                    \"is-visible\"\r\n                                );\r\n\r\n                                revealObserver.unobserve(\r\n                                    entry.target\r\n                                );\r\n                            }\r\n\r\n                        });\r\n\r\n                    },\r\n                    {\r\n                        threshold:.1,\r\n                        rootMargin:\"0px 0px -6% 0px\"\r\n                    }\r\n                );\r\n\r\n\r\n            revealItems.forEach(function(item,index){\r\n\r\n                item.style.transitionDelay =\r\n                    Math.min(index % 3,2) * 60 + \"ms\";\r\n\r\n                revealObserver.observe(item);\r\n\r\n            });\r\n\r\n        }else{\r\n\r\n            revealItems.forEach(function(item){\r\n\r\n                item.classList.add(\"is-visible\");\r\n\r\n            });\r\n        }\r\n\r\n\r\n        \/* ======================================\r\n           Goals slider data\r\n        ====================================== *\/\r\n\r\n        const goals = [\r\n\r\n            {\r\n                number:\"01\",\r\n                title:\"Establish Market Leadership\",\r\n                text:\r\n                    \"Position COSMORA as the premium Design & Build reference in Jeddah, followed by deliberate expansion into Riyadh and the Eastern Province.\"\r\n            },\r\n\r\n            {\r\n                number:\"02\",\r\n                title:\"Redefine Client Trust\",\r\n                text:\r\n                    \"Transform the client experience from uncertainty to certainty. Every project becomes a testament to transparency, quality, and disciplined delivery.\"\r\n            },\r\n\r\n            {\r\n                number:\"03\",\r\n                title:\"Build a Legacy Brand\",\r\n                text:\r\n                    \"Create a brand clients recommend because COSMORA is consistently reliable, honest, accountable, and committed to excellence.\"\r\n            },\r\n\r\n            {\r\n                number:\"04\",\r\n                title:\"Drive Saudization & Local Impact\",\r\n                text:\r\n                    \"Develop Saudi architectural and engineering talent while contributing to Vision 2030 through real jobs, real projects, and meaningful national value.\"\r\n            },\r\n\r\n            {\r\n                number:\"05\",\r\n                title:\"Set Industry Benchmarks\",\r\n                text:\r\n                    \"Raise standards in project management, BIM adoption, finishing quality, execution control, and client communication.\"\r\n            },\r\n\r\n            {\r\n                number:\"06\",\r\n                title:\"Achieve Sustainable Growth\",\r\n                text:\r\n                    \"Grow deliberately through profitable, ethical, and scalable expansion that protects COSMORA\u2019s reputation while increasing its reach.\"\r\n            }\r\n\r\n        ];\r\n\r\n\r\n        const tabs =\r\n            Array.from(\r\n                section.querySelectorAll(\".cas-tab\")\r\n            );\r\n\r\n        const stage =\r\n            section.querySelector(\"#cas-goal-stage\");\r\n\r\n        const number =\r\n            section.querySelector(\"#cas-goal-number\");\r\n\r\n        const counter =\r\n            section.querySelector(\"#cas-goal-counter\");\r\n\r\n        const title =\r\n            section.querySelector(\"#cas-goal-title\");\r\n\r\n        const text =\r\n            section.querySelector(\"#cas-goal-text\");\r\n\r\n        const progress =\r\n            section.querySelector(\"#cas-progress\");\r\n\r\n        const previousButton =\r\n            section.querySelector(\"#cas-prev\");\r\n\r\n        const nextButton =\r\n            section.querySelector(\"#cas-next\");\r\n\r\n\r\n        let currentIndex = 0;\r\n        let autoplayTimer = null;\r\n        let isPaused = false;\r\n\r\n        const autoplayDuration = 5000;\r\n\r\n\r\n        function restartProgress(){\r\n\r\n            if(!progress){\r\n                return;\r\n            }\r\n\r\n            progress.classList.remove(\"is-running\");\r\n\r\n            void progress.offsetWidth;\r\n\r\n            if(!isPaused){\r\n                progress.classList.add(\"is-running\");\r\n            }\r\n        }\r\n\r\n\r\n        function startAutoplay(){\r\n\r\n            clearInterval(autoplayTimer);\r\n\r\n            if(isPaused){\r\n                return;\r\n            }\r\n\r\n            autoplayTimer =\r\n                setInterval(\r\n                    function(){\r\n\r\n                        showGoal(\r\n                            (currentIndex + 1) %\r\n                            goals.length\r\n                        );\r\n\r\n                    },\r\n                    autoplayDuration\r\n                );\r\n\r\n            restartProgress();\r\n        }\r\n\r\n\r\n        function showGoal(index){\r\n\r\n            index =\r\n                (index + goals.length) %\r\n                goals.length;\r\n\r\n            currentIndex = index;\r\n\r\n            stage.classList.add(\"is-changing\");\r\n\r\n\r\n            tabs.forEach(function(tab,tabIndex){\r\n\r\n                const isActive =\r\n                    tabIndex === currentIndex;\r\n\r\n                tab.classList.toggle(\r\n                    \"is-active\",\r\n                    isActive\r\n                );\r\n\r\n                tab.setAttribute(\r\n                    \"aria-selected\",\r\n                    String(isActive)\r\n                );\r\n\r\n            });\r\n\r\n\r\n            setTimeout(function(){\r\n\r\n                const activeGoal =\r\n                    goals[currentIndex];\r\n\r\n                number.textContent =\r\n                    activeGoal.number;\r\n\r\n                counter.textContent =\r\n                    activeGoal.number + \" \/ 06\";\r\n\r\n                title.textContent =\r\n                    activeGoal.title;\r\n\r\n                text.textContent =\r\n                    activeGoal.text;\r\n\r\n                stage.classList.remove(\r\n                    \"is-changing\"\r\n                );\r\n\r\n            },200);\r\n\r\n\r\n            startAutoplay();\r\n        }\r\n\r\n\r\n        tabs.forEach(function(tab){\r\n\r\n            tab.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    showGoal(\r\n                        Number(tab.dataset.index)\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n\r\n        previousButton.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                showGoal(currentIndex - 1);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        nextButton.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                showGoal(currentIndex + 1);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        section.addEventListener(\r\n            \"mouseenter\",\r\n            function(){\r\n\r\n                isPaused = true;\r\n\r\n                clearInterval(\r\n                    autoplayTimer\r\n                );\r\n\r\n                progress.classList.remove(\r\n                    \"is-running\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        section.addEventListener(\r\n            \"mouseleave\",\r\n            function(){\r\n\r\n                isPaused = false;\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        section.addEventListener(\r\n            \"focusin\",\r\n            function(){\r\n\r\n                isPaused = true;\r\n\r\n                clearInterval(\r\n                    autoplayTimer\r\n                );\r\n\r\n                progress.classList.remove(\r\n                    \"is-running\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        section.addEventListener(\r\n            \"focusout\",\r\n            function(){\r\n\r\n                isPaused = false;\r\n\r\n                startAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        document.addEventListener(\r\n            \"visibilitychange\",\r\n            function(){\r\n\r\n                if(document.hidden){\r\n\r\n                    clearInterval(\r\n                        autoplayTimer\r\n                    );\r\n\r\n                }else{\r\n\r\n                    startAutoplay();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        startAutoplay();\r\n    }\r\n\r\n\r\n    if(document.readyState === \"loading\"){\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initCosmoraAboutSuite,\r\n            {once:true}\r\n        );\r\n\r\n    }else{\r\n\r\n        initCosmoraAboutSuite();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\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-4916bf0e e-flex e-con-boxed e-con e-parent\" data-id=\"4916bf0e\" 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<div class=\"elementor-element elementor-element-6e7e79fd e-con-full e-flex e-con e-child\" data-id=\"6e7e79fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7b106a43 e-con-full e-flex e-con e-child\" data-id=\"7b106a43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a0f97c1 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5a0f97c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>(+) Our Framework<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15d27842 e-con-full e-flex e-con e-child\" data-id=\"15d27842\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-660ac03a elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"660ac03a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A STRUCTURED APPROACH BUILT AROUND INTEGRATION, ACCOUNTABILITY, AND LONG-TERM GROWTH.<\/h3>\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-1a82761f e-con-full e-flex e-con e-child\" data-id=\"1a82761f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-441e9e42 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"441e9e42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4270ed55 e-con-full e-flex e-con e-child\" data-id=\"4270ed55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ba9f19 elementor-widget elementor-widget-counter\" data-id=\"16ba9f19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"8\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5722b67e elementor-widget elementor-widget-heading\" data-id=\"5722b67e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c3d0c68 e-con-full e-flex e-con e-child\" data-id=\"5c3d0c68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cd227d9 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4cd227d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Project Delivery Stages<\/p>\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-38b0390d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"38b0390d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-138bcdd3 e-con-full e-flex e-con e-child\" data-id=\"138bcdd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35353f9b elementor-widget elementor-widget-counter\" data-id=\"35353f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"98\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e9e51a1 elementor-widget elementor-widget-heading\" data-id=\"1e9e51a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">%<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5decbaf e-con-full e-flex e-con e-child\" data-id=\"5decbaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8da68c3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8da68c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Client Satisfaction<\/p>\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-b08c2b0 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"b08c2b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3ae4a9c8 e-con-full e-flex e-con e-child\" data-id=\"3ae4a9c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a4497be elementor-widget elementor-widget-counter\" data-id=\"6a4497be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"6\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c8faf3d elementor-widget elementor-widget-heading\" data-id=\"1c8faf3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f495311 e-con-full e-flex e-con e-child\" data-id=\"1f495311\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5233b8ed elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5233b8ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Strategic Growth Goals<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3059b83 e-flex e-con-boxed e-con e-parent\" data-id=\"3059b83\" 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-05e1072 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"05e1072\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WHY CHOOSE COSMORA?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1df37e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b1df37e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">We are a Saudi company, so we understand the local market, culture, regulations, and client needs.<\/h6>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b1be1d e-con e-atomic-element e-flexbox-base e-3b1be1d-894ab66 \" data-id=\"3b1be1d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3b1be1d\">\n    <div class=\"elementor-element elementor-element-1e0f7dc e-con e-atomic-element e-flexbox-base e-1e0f7dc-40357d4 \" data-id=\"1e0f7dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1e0f7dc\">\n    \t\t<div class=\"elementor-element elementor-element-b882709 elementor-widget elementor-widget-n-accordion\" data-id=\"b882709\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1930\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1930\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> One entity, Full Responsibility <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1930\" class=\"elementor-element elementor-element-364acfd e-con-full e-flex e-con e-child\" data-id=\"364acfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a948525 elementor-widget elementor-widget-text-editor\" data-id=\"a948525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We design and build. No finger-pointing between designers and contractors. One team, one vision, one accountability.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1931\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1931\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Transparency is Not Optional <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1931\" class=\"elementor-element elementor-element-97f3964 e-con-full e-flex e-con e-child\" data-id=\"97f3964\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7668172 elementor-widget elementor-widget-text-editor\" data-id=\"7668172\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Open BOQ, detailed cost breakdowns, and real-time project updates. You always know where your money is going.<\/span><\/p><p><br \/><br \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1932\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1932\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Technology-Driven Execution <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1932\" class=\"elementor-element elementor-element-aa6122d e-con-full e-flex e-con e-child\" data-id=\"aa6122d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08614fc elementor-widget elementor-widget-text-editor\" data-id=\"08614fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">BIM integration for clash-free design, digital tracking for schedules and budgets, and structured reporting for every stage.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cedf5f9 e-con e-atomic-element e-flexbox-base e-cedf5f9-27d5ad1 \" data-id=\"cedf5f9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cedf5f9\">\n    \t\t<div class=\"elementor-element elementor-element-9dd9cc6 elementor-widget elementor-widget-n-accordion\" data-id=\"9dd9cc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1650\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1650\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Premium Without Pretension <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1650\" class=\"elementor-element elementor-element-077c80d e-con-full e-flex e-con e-child\" data-id=\"077c80d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15cf507 elementor-widget elementor-widget-text-editor\" data-id=\"15cf507\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We deliver high-quality finishes and materials, but we also respect budgets. No overpromising. No underwhelming.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1651\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1651\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Client Partnership, Not Transaction <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1651\" class=\"elementor-element elementor-element-906d651 e-con-full e-flex e-con e-child\" data-id=\"906d651\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b969c36 elementor-widget elementor-widget-text-editor\" data-id=\"b969c36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We treat your project like our own. Every decision is made with your long-term value in mind.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1652\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1652\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Saudi Talent, Global Standards <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1652\" class=\"elementor-element elementor-element-963aeeb e-con-full e-flex e-con e-child\" data-id=\"963aeeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-078e8e4 elementor-widget elementor-widget-text-editor\" data-id=\"078e8e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We invest in local expertise while adopting international best practices in project management and construction quality.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-581e74b e-flex e-con-boxed e-con e-parent\" data-id=\"581e74b\" 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<div class=\"elementor-element elementor-element-8c193e7 e-con-full e-flex e-con e-child\" data-id=\"8c193e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e25c4e4 e-con-full e-flex e-con e-child\" data-id=\"e25c4e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1d802e1 e-con-full e-flex e-con e-child\" data-id=\"1d802e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a76677 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5a76677\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From vision to handover, we deliver refined spaces with precision, transparency, and full accountability.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49b60e4 e-con-full e-flex e-con e-child\" data-id=\"49b60e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5d85f elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4a5d85f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">INTEGRATED DESIGN &amp; BUILD<\/h5>\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-e649d8b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e649d8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9aeb5f1 elementor-widget elementor-widget-heading\" data-id=\"9aeb5f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cosmora<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb3628 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"1eb3628\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"jki jki-registered-solid\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3672b27 e-con-full e-flex e-con e-child\" data-id=\"3672b27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5db5259 e-con-full e-flex e-con e-child\" data-id=\"5db5259\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e68879d elementor-invisible elementor-widget elementor-widget-button\" data-id=\"e68879d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cosmora-sa.com\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg class=\"ekit-svg-icon icon-right-arrow\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21.548 5.088c-0.436-0.451-1.162-0.451-1.613 0-0.436 0.436-0.436 1.162 0 1.596l8.177 8.177h-26.984c-0.629 0.001-1.129 0.501-1.129 1.13s0.5 1.145 1.129 1.145h26.984l-8.177 8.162c-0.436 0.451-0.436 1.178 0 1.613 0.451 0.451 1.178 0.451 1.613 0l10.113-10.113c0.451-0.436 0.451-1.162 0-1.596l-10.113-10.114z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get in touch<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Who We Are? COSMORA is a premium modern Saudi design and construction company specializing in architectural design, interior design, construction execution, fit-out solutions, and turnkey project delivery. We are Saudi-founded, Saudi-led, and proudly committed to Saudization \u2014 developing local talent, employing Saudi engineers and project managers, and contributing to the Kingdom&#8217;s human capital vision. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=58"}],"version-history":[{"count":5,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=\/wp\/v2\/pages\/58\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/cosmora-sa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}