{"id":487,"date":"2026-09-20T10:59:55","date_gmt":"2026-09-20T10:59:55","guid":{"rendered":"https:\/\/urbanfitouts.ae\/?page_id=487"},"modified":"2026-09-20T11:05:32","modified_gmt":"2026-09-20T11:05:32","slug":"why-choose-us","status":"publish","type":"page","link":"https:\/\/urbanfitouts.ae\/why-choose-us\/","title":{"rendered":"Why Choose Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"487\" class=\"elementor elementor-487\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e63cfeb e-con e-atomic-element e-flexbox-base e-default-div e-68327e6 \" data-id=\"e63cfeb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e63cfeb\">\n    \t\t<div class=\"elementor-element elementor-element-c05970f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c05970f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Why Choose Us | Urban Fitouts UAE<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n:root{\r\n    --dark:#151513;\r\n    --dark2:#211f1b;\r\n    --cream:#f5f1e9;\r\n    --warm:#e5ddd0;\r\n    --gold:#b49a6a;\r\n    --gold-light:#d7c29e;\r\n    --text:#292821;\r\n    --muted:#77736b;\r\n    --white:#fff;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    font-family:\"DM Sans\",sans-serif;\r\n    background:var(--cream);\r\n    color:var(--text);\r\n    overflow-x:hidden;\r\n}\r\n\r\nsection{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.container{\r\n    width:min(1200px,92%);\r\n    margin:auto;\r\n}\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(45px);\r\n    transition:\r\n        opacity .9s ease,\r\n        transform .9s ease;\r\n}\r\n\r\n.reveal.show{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.eyebrow span{\r\n    width:40px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.hero{\r\n    min-height:100svh;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    color:white;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(10,10,8,.05),\r\n            rgba(10,10,8,.82)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=90\")\r\n        center\/cover;\r\n}\r\n\r\n.hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:auto 0 0;\r\n    height:40%;\r\n    background:\r\n        linear-gradient(\r\n            transparent,\r\n            rgba(0,0,0,.65)\r\n        );\r\n}\r\n\r\n.hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n    padding:100px 0 70px;\r\n}\r\n\r\n.hero .eyebrow{\r\n    color:#ded9cf;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.hero h1{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(4rem,10vw,10rem);\r\n    line-height:.82;\r\n    font-weight:500;\r\n    letter-spacing:-6px;\r\n    max-width:1100px;\r\n}\r\n\r\n.hero h1 em{\r\n    color:#d5c3a2;\r\n    font-style:normal;\r\n}\r\n\r\n.hero-bottom{\r\n    margin-top:42px;\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:40px;\r\n}\r\n\r\n.hero-description{\r\n    max-width:570px;\r\n    color:#dedbd3;\r\n    font-size:16px;\r\n    line-height:1.85;\r\n}\r\n\r\n.scroll-note{\r\n    white-space:nowrap;\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    opacity:.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.intro{\r\n    padding:140px 0;\r\n}\r\n\r\n.intro-grid{\r\n    display:grid;\r\n    grid-template-columns:.7fr 1.5fr;\r\n    gap:100px;\r\n}\r\n\r\n.section-number{\r\n    color:var(--gold);\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n}\r\n\r\n.intro h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,6rem);\r\n    line-height:.92;\r\n    font-weight:500;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.intro h2 span{\r\n    color:#aaa49b;\r\n}\r\n\r\n.intro-text{\r\n    margin-top:38px;\r\n    max-width:730px;\r\n    color:var(--muted);\r\n    font-size:17px;\r\n    line-height:1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D CORE\r\n========================================================= *\/\r\n\r\n.core{\r\n    padding:130px 0;\r\n    background:#161614;\r\n    color:white;\r\n}\r\n\r\n.core-heading{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:flex-end;\r\n    gap:50px;\r\n    margin-bottom:60px;\r\n}\r\n\r\n.core-heading h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,6rem);\r\n    line-height:.88;\r\n    font-weight:500;\r\n}\r\n\r\n.core-heading p{\r\n    max-width:410px;\r\n    color:#99968e;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D OBJECT\r\n========================================================= *\/\r\n\r\n.core-stage{\r\n    height:680px;\r\n    position:relative;\r\n    perspective:1500px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 42%,\r\n            rgba(195,166,111,.18),\r\n            transparent 32%\r\n        ),\r\n        #1b1b18;\r\n    border:1px solid rgba(255,255,255,.08);\r\n    cursor:grab;\r\n}\r\n\r\n.core-stage:active{\r\n    cursor:grabbing;\r\n}\r\n\r\n.core-object{\r\n    position:absolute;\r\n    width:500px;\r\n    height:500px;\r\n    left:50%;\r\n    top:50%;\r\n    transform:\r\n        translate(-50%,-50%)\r\n        rotateX(12deg)\r\n        rotateY(-18deg);\r\n    transform-style:preserve-3d;\r\n    transition:transform .15s ease-out;\r\n}\r\n\r\n\r\n\/* CORE CUBE *\/\r\n\r\n.core-cube{\r\n    position:absolute;\r\n    width:270px;\r\n    height:270px;\r\n    left:115px;\r\n    top:115px;\r\n    transform-style:preserve-3d;\r\n    animation:\r\n        floatingCube 6s ease-in-out infinite;\r\n}\r\n\r\n.cube-face{\r\n    position:absolute;\r\n    width:270px;\r\n    height:270px;\r\n    border:1px solid rgba(255,255,255,.13);\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(210,190,150,.17),\r\n            rgba(255,255,255,.025)\r\n        );\r\n    backdrop-filter:blur(4px);\r\n}\r\n\r\n.cube-front{\r\n    transform:translateZ(135px);\r\n}\r\n\r\n.cube-back{\r\n    transform:rotateY(180deg) translateZ(135px);\r\n}\r\n\r\n.cube-right{\r\n    transform:rotateY(90deg) translateZ(135px);\r\n}\r\n\r\n.cube-left{\r\n    transform:rotateY(-90deg) translateZ(135px);\r\n}\r\n\r\n.cube-top{\r\n    transform:rotateX(90deg) translateZ(135px);\r\n}\r\n\r\n.cube-bottom{\r\n    transform:rotateX(-90deg) translateZ(135px);\r\n}\r\n\r\n\r\n\/* CENTER TEXT *\/\r\n\r\n.core-center{\r\n    position:absolute;\r\n    inset:0;\r\n    display:grid;\r\n    place-items:center;\r\n    transform:translateZ(150px);\r\n    z-index:4;\r\n    text-align:center;\r\n}\r\n\r\n.core-center strong{\r\n    display:block;\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:42px;\r\n    font-weight:500;\r\n}\r\n\r\n.core-center small{\r\n    color:#aaa69d;\r\n    letter-spacing:2px;\r\n    font-size:10px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* ORBITS *\/\r\n\r\n.orbit{\r\n    position:absolute;\r\n    border:1px solid rgba(194,167,115,.24);\r\n    border-radius:50%;\r\n    transform-style:preserve-3d;\r\n}\r\n\r\n.orbit.one{\r\n    width:390px;\r\n    height:390px;\r\n    left:55px;\r\n    top:55px;\r\n    transform:rotateX(70deg) rotateY(12deg);\r\n    animation:orbitOne 9s linear infinite;\r\n}\r\n\r\n.orbit.two{\r\n    width:460px;\r\n    height:460px;\r\n    left:20px;\r\n    top:20px;\r\n    transform:rotateY(70deg) rotateZ(25deg);\r\n    animation:orbitTwo 12s linear infinite;\r\n}\r\n\r\n.orbit.three{\r\n    width:340px;\r\n    height:340px;\r\n    left:80px;\r\n    top:80px;\r\n    transform:rotateX(55deg) rotateZ(65deg);\r\n    animation:orbitThree 10s linear infinite reverse;\r\n}\r\n\r\n\r\n\/* ORBIT DOTS *\/\r\n\r\n.orbit-dot{\r\n    position:absolute;\r\n    width:14px;\r\n    height:14px;\r\n    border-radius:50%;\r\n    background:#c4a876;\r\n    box-shadow:\r\n        0 0 25px rgba(196,168,118,.8);\r\n}\r\n\r\n.dot-one{\r\n    left:25px;\r\n    top:80px;\r\n}\r\n\r\n.dot-two{\r\n    right:20px;\r\n    top:160px;\r\n}\r\n\r\n.dot-three{\r\n    left:170px;\r\n    bottom:15px;\r\n}\r\n\r\n\r\n\/* FLOOR SHADOW *\/\r\n\r\n.core-shadow{\r\n    position:absolute;\r\n    width:360px;\r\n    height:100px;\r\n    left:70px;\r\n    bottom:45px;\r\n    border-radius:50%;\r\n    background:rgba(0,0,0,.55);\r\n    filter:blur(25px);\r\n    transform:rotateX(70deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE LABELS\r\n========================================================= *\/\r\n\r\n.core-label{\r\n    position:absolute;\r\n    padding:12px 17px;\r\n    border:1px solid rgba(255,255,255,.13);\r\n    background:rgba(255,255,255,.035);\r\n    backdrop-filter:blur(10px);\r\n    color:#bcb8b0;\r\n    font-size:11px;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.label-one{\r\n    left:7%;\r\n    top:28%;\r\n}\r\n\r\n.label-two{\r\n    right:7%;\r\n    top:24%;\r\n}\r\n\r\n.label-three{\r\n    left:9%;\r\n    bottom:23%;\r\n}\r\n\r\n.label-four{\r\n    right:8%;\r\n    bottom:20%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUES\r\n========================================================= *\/\r\n\r\n.values{\r\n    padding:140px 0;\r\n}\r\n\r\n.values-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:flex-end;\r\n    gap:50px;\r\n    margin-bottom:70px;\r\n}\r\n\r\n.values-head h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,6rem);\r\n    line-height:.9;\r\n    font-weight:500;\r\n}\r\n\r\n.values-head p{\r\n    max-width:410px;\r\n    color:var(--muted);\r\n    line-height:1.8;\r\n}\r\n\r\n.values-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:17px;\r\n}\r\n\r\n\r\n\/* VALUE CARD *\/\r\n\r\n.value-card{\r\n    min-height:430px;\r\n    padding:35px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    color:white;\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #282722,\r\n            #171714\r\n        );\r\n    transform-style:preserve-3d;\r\n    transition:\r\n        transform .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.value-card:hover{\r\n    transform:\r\n        perspective(900px)\r\n        rotateX(4deg)\r\n        rotateY(-5deg)\r\n        translateY(-10px);\r\n    box-shadow:\r\n        0 35px 70px rgba(0,0,0,.18);\r\n}\r\n\r\n.value-number{\r\n    color:#c4a676;\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.value-icon{\r\n    width:68px;\r\n    height:68px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(255,255,255,.18);\r\n    display:grid;\r\n    place-items:center;\r\n    margin:75px 0 55px;\r\n    color:#d3bc94;\r\n    font-size:24px;\r\n    transform:translateZ(25px);\r\n}\r\n\r\n.value-card h3{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:31px;\r\n    font-weight:500;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.value-card p{\r\n    color:#99968e;\r\n    font-size:14px;\r\n    line-height:1.75;\r\n}\r\n\r\n.value-orbit{\r\n    position:absolute;\r\n    width:260px;\r\n    height:260px;\r\n    border:1px solid rgba(196,167,113,.1);\r\n    border-radius:50%;\r\n    right:-130px;\r\n    top:-130px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HUMAN EXPERIENCE\r\n========================================================= *\/\r\n\r\n.human{\r\n    padding:140px 0;\r\n    background:#e5ded2;\r\n}\r\n\r\n.human-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:90px;\r\n    align-items:center;\r\n}\r\n\r\n.human-image{\r\n    height:680px;\r\n    overflow:hidden;\r\n    position:relative;\r\n}\r\n\r\n.human-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:transform 1.2s ease;\r\n}\r\n\r\n.human-image:hover img{\r\n    transform:scale(1.05);\r\n}\r\n\r\n.image-tag{\r\n    position:absolute;\r\n    left:25px;\r\n    bottom:25px;\r\n    background:rgba(255,255,255,.87);\r\n    backdrop-filter:blur(10px);\r\n    padding:14px 18px;\r\n    font-size:11px;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.human-copy h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,6rem);\r\n    line-height:.9;\r\n    font-weight:500;\r\n    margin-top:22px;\r\n}\r\n\r\n.human-copy > p{\r\n    margin:30px 0;\r\n    color:#6e6a62;\r\n    line-height:1.9;\r\n    font-size:16px;\r\n}\r\n\r\n.human-list{\r\n    border-top:1px solid rgba(0,0,0,.15);\r\n}\r\n\r\n.human-item{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    padding:18px 0;\r\n    border-bottom:1px solid rgba(0,0,0,.15);\r\n    font-size:14px;\r\n}\r\n\r\n.human-item span{\r\n    color:#9d8055;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D QUALITY PROCESS\r\n========================================================= *\/\r\n\r\n.quality{\r\n    padding:140px 0;\r\n    background:#181816;\r\n    color:white;\r\n}\r\n\r\n.quality-heading{\r\n    max-width:800px;\r\n    margin-bottom:80px;\r\n}\r\n\r\n.quality-heading h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,6rem);\r\n    line-height:.9;\r\n    font-weight:500;\r\n    margin-top:20px;\r\n}\r\n\r\n.quality-heading p{\r\n    max-width:600px;\r\n    margin-top:28px;\r\n    color:#97948d;\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* TIMELINE *\/\r\n\r\n.quality-track{\r\n    position:relative;\r\n    padding:25px 0;\r\n}\r\n\r\n.quality-line{\r\n    position:absolute;\r\n    left:50%;\r\n    top:0;\r\n    bottom:0;\r\n    width:1px;\r\n    background:rgba(255,255,255,.14);\r\n    transform:translateX(-50%);\r\n}\r\n\r\n.quality-step{\r\n    width:50%;\r\n    padding:35px 65px;\r\n    position:relative;\r\n}\r\n\r\n.quality-step:nth-child(odd){\r\n    margin-left:0;\r\n    text-align:right;\r\n}\r\n\r\n.quality-step:nth-child(even){\r\n    margin-left:50%;\r\n}\r\n\r\n.quality-dot{\r\n    position:absolute;\r\n    top:50px;\r\n    width:13px;\r\n    height:13px;\r\n    border-radius:50%;\r\n    background:#c3a575;\r\n    box-shadow:\r\n        0 0 0 7px rgba(195,165,117,.09),\r\n        0 0 30px rgba(195,165,117,.5);\r\n}\r\n\r\n.quality-step:nth-child(odd) .quality-dot{\r\n    right:-7px;\r\n}\r\n\r\n.quality-step:nth-child(even) .quality-dot{\r\n    left:-6px;\r\n}\r\n\r\n.quality-number{\r\n    color:#b79b6c;\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.quality-step h3{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:32px;\r\n    font-weight:500;\r\n    margin:10px 0;\r\n}\r\n\r\n.quality-step p{\r\n    color:#8e8b84;\r\n    line-height:1.7;\r\n    font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTERS\r\n========================================================= *\/\r\n\r\n.stats{\r\n    padding:120px 0;\r\n    background:#dcd3c5;\r\n}\r\n\r\n.stats-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:20px;\r\n}\r\n\r\n.stat{\r\n    text-align:center;\r\n    padding:35px 15px;\r\n    border-right:1px solid rgba(0,0,0,.14);\r\n}\r\n\r\n.stat:last-child{\r\n    border-right:none;\r\n}\r\n\r\n.stat-number{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,5.5rem);\r\n    line-height:1;\r\n}\r\n\r\n.stat-label{\r\n    color:#716d64;\r\n    margin-top:12px;\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIFFERENCE\r\n========================================================= *\/\r\n\r\n.difference{\r\n    padding:140px 0;\r\n}\r\n\r\n.difference-grid{\r\n    display:grid;\r\n    grid-template-columns:.9fr 1.1fr;\r\n    gap:100px;\r\n    align-items:start;\r\n}\r\n\r\n.difference-title h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(3rem,6vw,6rem);\r\n    line-height:.9;\r\n    font-weight:500;\r\n}\r\n\r\n.difference-title p{\r\n    color:var(--muted);\r\n    line-height:1.8;\r\n    margin-top:28px;\r\n    max-width:430px;\r\n}\r\n\r\n.difference-list{\r\n    border-top:1px solid rgba(0,0,0,.18);\r\n}\r\n\r\n.difference-row{\r\n    display:grid;\r\n    grid-template-columns:65px 1fr 25px;\r\n    align-items:center;\r\n    gap:20px;\r\n    padding:25px 0;\r\n    border-bottom:1px solid rgba(0,0,0,.18);\r\n    cursor:pointer;\r\n    transition:padding .3s ease;\r\n}\r\n\r\n.difference-row:hover{\r\n    padding-left:10px;\r\n}\r\n\r\n.difference-number{\r\n    color:#a3875e;\r\n    font-size:11px;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.difference-row h3{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:25px;\r\n    font-weight:500;\r\n}\r\n\r\n.difference-row p{\r\n    display:none;\r\n    color:#77736b;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    margin-top:8px;\r\n}\r\n\r\n.difference-row.active p{\r\n    display:block;\r\n}\r\n\r\n.difference-arrow{\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.difference-row.active .difference-arrow{\r\n    transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.cta{\r\n    min-height:680px;\r\n    display:flex;\r\n    align-items:center;\r\n    text-align:center;\r\n    color:white;\r\n    background:\r\n        linear-gradient(\r\n            rgba(13,13,11,.72),\r\n            rgba(13,13,11,.87)\r\n        ),\r\n        url(\"https:\/\/images.unsplash.com\/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=2200&q=90\")\r\n        center\/cover fixed;\r\n}\r\n\r\n.cta-content{\r\n    max-width:900px;\r\n    margin:auto;\r\n}\r\n\r\n.cta h2{\r\n    font-family:\"Playfair Display\",serif;\r\n    font-size:clamp(4rem,9vw,9rem);\r\n    line-height:.83;\r\n    font-weight:500;\r\n}\r\n\r\n.cta p{\r\n    max-width:600px;\r\n    margin:32px auto;\r\n    color:#c6c2b9;\r\n    line-height:1.8;\r\n}\r\n\r\n.cta-button{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:16px;\r\n    padding:17px 30px;\r\n    border:1px solid rgba(255,255,255,.4);\r\n    border-radius:100px;\r\n    color:white;\r\n    text-decoration:none;\r\n    transition:.3s;\r\n}\r\n\r\n.cta-button:hover{\r\n    background:white;\r\n    color:#181815;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYFRAMES\r\n========================================================= *\/\r\n\r\n@keyframes floatingCube{\r\n\r\n    0%,100%{\r\n        transform:\r\n            translateY(0)\r\n            rotateX(0)\r\n            rotateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n            translateY(-18px)\r\n            rotateX(4deg)\r\n            rotateY(7deg);\r\n    }\r\n}\r\n\r\n@keyframes orbitOne{\r\n\r\n    from{\r\n        transform:\r\n            rotateX(70deg)\r\n            rotateY(12deg)\r\n            rotateZ(0);\r\n    }\r\n\r\n    to{\r\n        transform:\r\n            rotateX(70deg)\r\n            rotateY(12deg)\r\n            rotateZ(360deg);\r\n    }\r\n}\r\n\r\n@keyframes orbitTwo{\r\n\r\n    from{\r\n        transform:\r\n            rotateY(70deg)\r\n            rotateZ(25deg)\r\n            rotateX(0);\r\n    }\r\n\r\n    to{\r\n        transform:\r\n            rotateY(70deg)\r\n            rotateZ(25deg)\r\n            rotateX(360deg);\r\n    }\r\n}\r\n\r\n@keyframes orbitThree{\r\n\r\n    from{\r\n        transform:\r\n            rotateX(55deg)\r\n            rotateZ(65deg);\r\n    }\r\n\r\n    to{\r\n        transform:\r\n            rotateX(55deg)\r\n            rotateZ(425deg);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .intro-grid{\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n    .values-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .difference-grid{\r\n        grid-template-columns:1fr;\r\n        gap:60px;\r\n    }\r\n\r\n    .core-object{\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(.82)\r\n            rotateX(12deg)\r\n            rotateY(-18deg);\r\n    }\r\n\r\n    .core-stage{\r\n        height:620px;\r\n    }\r\n}\r\n\r\n\r\n@media(max-width:750px){\r\n\r\n    .container{\r\n        width:90%;\r\n    }\r\n\r\n    .hero{\r\n        min-height:780px;\r\n    }\r\n\r\n    .hero-content{\r\n        padding:80px 0 50px;\r\n    }\r\n\r\n    .hero h1{\r\n        font-size:clamp(4rem,18vw,7rem);\r\n        letter-spacing:-4px;\r\n    }\r\n\r\n    .hero-bottom,\r\n    .core-heading,\r\n    .values-head{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .intro,\r\n    .core,\r\n    .values,\r\n    .human,\r\n    .quality,\r\n    .difference{\r\n        padding:90px 0;\r\n    }\r\n\r\n    .core-stage{\r\n        height:500px;\r\n    }\r\n\r\n    .core-object{\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(.57)\r\n            rotateX(12deg)\r\n            rotateY(-18deg);\r\n    }\r\n\r\n    .core-label{\r\n        font-size:9px;\r\n        padding:8px 11px;\r\n    }\r\n\r\n    .label-one{\r\n        left:3%;\r\n        top:18%;\r\n    }\r\n\r\n    .label-two{\r\n        right:3%;\r\n        top:18%;\r\n    }\r\n\r\n    .label-three{\r\n        left:3%;\r\n        bottom:17%;\r\n    }\r\n\r\n    .label-four{\r\n        right:3%;\r\n        bottom:17%;\r\n    }\r\n\r\n    .values-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .human-grid{\r\n        grid-template-columns:1fr;\r\n        gap:50px;\r\n    }\r\n\r\n    .human-image{\r\n        height:500px;\r\n    }\r\n\r\n    .quality-line{\r\n        left:20px;\r\n    }\r\n\r\n    .quality-step,\r\n    .quality-step:nth-child(even){\r\n        width:100%;\r\n        margin-left:0;\r\n        padding:\r\n            30px 0\r\n            30px 55px;\r\n        text-align:left;\r\n    }\r\n\r\n    .quality-step:nth-child(odd) .quality-dot,\r\n    .quality-step:nth-child(even) .quality-dot{\r\n        left:13px;\r\n        right:auto;\r\n    }\r\n\r\n    .stats-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .stat{\r\n        border-right:none;\r\n        border-bottom:1px solid rgba(0,0,0,.14);\r\n    }\r\n\r\n    .cta{\r\n        min-height:560px;\r\n        background-attachment:scroll;\r\n    }\r\n}\r\n\r\n\r\n@media(max-width:450px){\r\n\r\n    .hero h1{\r\n        font-size:18vw;\r\n    }\r\n\r\n    .hero-description{\r\n        font-size:14px;\r\n    }\r\n\r\n    .core-stage{\r\n        height:430px;\r\n    }\r\n\r\n    .core-object{\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(.43)\r\n            rotateX(12deg)\r\n            rotateY(-18deg);\r\n    }\r\n\r\n    .core-label{\r\n        display:none;\r\n    }\r\n\r\n    .value-card{\r\n        min-height:400px;\r\n    }\r\n\r\n    .stats-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .stat-number{\r\n        font-size:42px;\r\n    }\r\n\r\n    .difference-row{\r\n        grid-template-columns:45px 1fr 20px;\r\n        gap:12px;\r\n    }\r\n\r\n    .difference-row h3{\r\n        font-size:21px;\r\n    }\r\n\r\n    .cta h2{\r\n        font-size:18vw;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<section class=\"hero\">\r\n\r\n    <div class=\"container hero-content reveal\">\r\n\r\n        <div class=\"eyebrow\">\r\n            <span><\/span>\r\n            Urban Fitouts UAE \u00b7 Why Choose Us\r\n        <\/div>\r\n\r\n        <h1>\r\n            Spaces<br>\r\n            Made <em>Personal.<\/em>\r\n        <\/h1>\r\n\r\n        <div class=\"hero-bottom\">\r\n\r\n            <p class=\"hero-description\">\r\n                We believe exceptional interiors are not created\r\n                by adding more \u2014 they are created by understanding\r\n                people, architecture, materials and the small\r\n                details that make a space feel like your own.\r\n            <\/p>\r\n\r\n            <div class=\"scroll-note\">\r\n                Discover the difference\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     INTRO\r\n========================================================= -->\r\n\r\n<section class=\"intro\">\r\n\r\n    <div class=\"container intro-grid\">\r\n\r\n        <div class=\"section-number reveal\">\r\n            01 \/ OUR APPROACH\r\n        <\/div>\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <h2>\r\n                We don't just<br>\r\n                <span>design spaces.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"intro-text\">\r\n                We design the experience of living, working,\r\n                relaxing and connecting within them. From the\r\n                first conversation to the final detail, Urban\r\n                Fitouts UAE brings design thinking, craftsmanship,\r\n                technical precision and genuine human understanding\r\n                together under one vision.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     3D CORE EXPERIENCE\r\n========================================================= -->\r\n\r\n<section class=\"core\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"core-heading reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"eyebrow\">\r\n                    <span><\/span>\r\n                    The Urban Fitouts Difference\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Six ideas.<br>\r\n                    One vision.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                Explore the core principles behind how we approach\r\n                every interior project. Move your cursor around\r\n                the centre to experience the 3D interaction.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"core-stage\" id=\"coreStage\">\r\n\r\n            <div class=\"core-label label-one\">\r\n                HUMAN FIRST\r\n            <\/div>\r\n\r\n            <div class=\"core-label label-two\">\r\n                DETAIL DRIVEN\r\n            <\/div>\r\n\r\n            <div class=\"core-label label-three\">\r\n                MATERIAL LED\r\n            <\/div>\r\n\r\n            <div class=\"core-label label-four\">\r\n                BUILT TO LAST\r\n            <\/div>\r\n\r\n\r\n            <div class=\"core-object\" id=\"coreObject\">\r\n\r\n                <div class=\"orbit one\">\r\n                    <div class=\"orbit-dot dot-one\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"orbit two\">\r\n                    <div class=\"orbit-dot dot-two\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"orbit three\">\r\n                    <div class=\"orbit-dot dot-three\"><\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"core-cube\">\r\n\r\n                    <div class=\"cube-face cube-front\"><\/div>\r\n                    <div class=\"cube-face cube-back\"><\/div>\r\n                    <div class=\"cube-face cube-right\"><\/div>\r\n                    <div class=\"cube-face cube-left\"><\/div>\r\n                    <div class=\"cube-face cube-top\"><\/div>\r\n                    <div class=\"cube-face cube-bottom\"><\/div>\r\n\r\n                    <div class=\"core-center\">\r\n\r\n                        <div>\r\n\r\n                            <strong>UF<\/strong>\r\n\r\n                            <small>\r\n                                Crafted Interiors\r\n                            <\/small>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"core-shadow\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"studio-hint\" style=\"\r\n            text-align:center;\r\n            margin-top:22px;\r\n            color:#66655f;\r\n            font-size:10px;\r\n            letter-spacing:2px;\r\n            text-transform:uppercase;\r\n        \">\r\n            Move your cursor \u00b7 explore the core\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     VALUES\r\n========================================================= -->\r\n\r\n<section class=\"values\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"values-head reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"eyebrow\">\r\n                    <span><\/span>\r\n                    Why Urban Fitouts\r\n                <\/div>\r\n\r\n                <h2>\r\n                    The things<br>\r\n                    that matter.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n                A beautiful interior is only the beginning.\r\n                The real difference comes from how thoughtfully\r\n                every decision is made.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"values-grid\">\r\n\r\n\r\n            <!-- CARD 01 -->\r\n\r\n            <div class=\"value-card reveal\">\r\n\r\n                <div class=\"value-orbit\"><\/div>\r\n\r\n                <div class=\"value-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"value-icon\">\r\n                    \u25c9\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Human-Centred\r\n                <\/h3>\r\n\r\n                <p>\r\n                    We begin with how people actually use a space,\r\n                    creating interiors that feel natural, personal\r\n                    and comfortable rather than simply impressive.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CARD 02 -->\r\n\r\n            <div class=\"value-card reveal\">\r\n\r\n                <div class=\"value-orbit\"><\/div>\r\n\r\n                <div class=\"value-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"value-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Detail Driven\r\n                <\/h3>\r\n\r\n                <p>\r\n                    From curtain folds and flooring transitions to\r\n                    lighting, joinery and finishes, we believe the\r\n                    smallest details shape the overall experience.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CARD 03 -->\r\n\r\n            <div class=\"value-card reveal\">\r\n\r\n                <div class=\"value-orbit\"><\/div>\r\n\r\n                <div class=\"value-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"value-icon\">\r\n                    \u25c7\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Bespoke Thinking\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Your space shouldn't look like everyone else's.\r\n                    Every design direction is developed around your\r\n                    architecture, personality and requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CARD 04 -->\r\n\r\n            <div class=\"value-card reveal\">\r\n\r\n                <div class=\"value-orbit\"><\/div>\r\n\r\n                <div class=\"value-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"value-icon\">\r\n                    \u2302\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Complete Vision\r\n                <\/h3>\r\n\r\n                <p>\r\n                    We consider design, materials, functionality\r\n                    and execution as one connected experience,\r\n                    creating stronger visual and practical results.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CARD 05 -->\r\n\r\n            <div class=\"value-card reveal\">\r\n\r\n                <div class=\"value-orbit\"><\/div>\r\n\r\n                <div class=\"value-number\">\r\n                    05\r\n                <\/div>\r\n\r\n                <div class=\"value-icon\">\r\n                    \u2197\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Transparent Journey\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Clear communication and considered decisions\r\n                    keep the project journey understandable from\r\n                    concept through completion.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CARD 06 -->\r\n\r\n            <div class=\"value-card reveal\">\r\n\r\n                <div class=\"value-orbit\"><\/div>\r\n\r\n                <div class=\"value-number\">\r\n                    06\r\n                <\/div>\r\n\r\n                <div class=\"value-icon\">\r\n                    \u221e\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Built To Endure\r\n                <\/h3>\r\n\r\n                <p>\r\n                    We select materials and solutions with everyday\r\n                    living in mind, balancing aesthetics with\r\n                    longevity and practical performance.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     HUMAN EXPERIENCE\r\n========================================================= -->\r\n\r\n<section class=\"human\">\r\n\r\n    <div class=\"container human-grid\">\r\n\r\n        <div class=\"human-image reveal\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1500&q=90\"\r\n                alt=\"Luxury interior designed around people\">\r\n\r\n            <div class=\"image-tag\">\r\n                Designed For Real Life \u00b7 Dubai\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"human-copy reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                The Human Difference\r\n            <\/div>\r\n\r\n            <h2>\r\n                Beautiful<br>\r\n                is personal.\r\n            <\/h2>\r\n\r\n            <p>\r\n                We don't believe luxury has one universal look.\r\n                For one person it might mean quiet natural\r\n                materials. For another, it might mean bold\r\n                architectural details. Our role is to understand\r\n                what makes your space feel right.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"human-list\">\r\n\r\n                <div class=\"human-item\">\r\n                    <span>How you live<\/span>\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>How you work<\/span>\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>How you move<\/span>\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>How you feel<\/span>\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"human-item\">\r\n                    <span>What you value<\/span>\r\n                    05\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     QUALITY PROCESS\r\n========================================================= -->\r\n\r\n<section class=\"quality\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"quality-heading reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                From Concept To Completion\r\n            <\/div>\r\n\r\n            <h2>\r\n                One vision.<br>\r\n                Every detail.\r\n            <\/h2>\r\n\r\n            <p>\r\n                Our process connects creative thinking with\r\n                practical execution so that the final space\r\n                reflects the original design intention.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"quality-track\">\r\n\r\n            <div class=\"quality-line\"><\/div>\r\n\r\n\r\n            <div class=\"quality-step reveal\">\r\n\r\n                <div class=\"quality-dot\"><\/div>\r\n\r\n                <div class=\"quality-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Listen\r\n                <\/h3>\r\n\r\n                <p>\r\n                    We understand your goals, lifestyle, space,\r\n                    preferences and practical requirements.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"quality-step reveal\">\r\n\r\n                <div class=\"quality-dot\"><\/div>\r\n\r\n                <div class=\"quality-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Shape\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Ideas become layouts, materials, textures,\r\n                    colours and a cohesive visual direction.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"quality-step reveal\">\r\n\r\n                <div class=\"quality-dot\"><\/div>\r\n\r\n                <div class=\"quality-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Refine\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Every important detail is reviewed to balance\r\n                    beauty, comfort and functionality.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"quality-step reveal\">\r\n\r\n                <div class=\"quality-dot\"><\/div>\r\n\r\n                <div class=\"quality-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Deliver\r\n                <\/h3>\r\n\r\n                <p>\r\n                    The finished environment is brought together\r\n                    with careful attention to execution and detail.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     STATS\r\n========================================================= -->\r\n\r\n<section class=\"stats\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"stats-grid\">\r\n\r\n            <div class=\"stat reveal\">\r\n\r\n                <div\r\n                    class=\"stat-number\"\r\n                    data-target=\"360\">\r\n                    0\r\n                <\/div>\r\n\r\n                <div class=\"stat-label\">\r\n                    Degree Thinking\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"stat reveal\">\r\n\r\n                <div\r\n                    class=\"stat-number\"\r\n                    data-target=\"100\">\r\n                    0\r\n                <\/div>\r\n\r\n                <div class=\"stat-label\">\r\n                    Detail Focus\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"stat reveal\">\r\n\r\n                <div\r\n                    class=\"stat-number\"\r\n                    data-target=\"24\">\r\n                    0\r\n                <\/div>\r\n\r\n                <div class=\"stat-label\">\r\n                    Hour Response\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"stat reveal\">\r\n\r\n                <div\r\n                    class=\"stat-number\"\r\n                    data-target=\"1\">\r\n                    0\r\n                <\/div>\r\n\r\n                <div class=\"stat-label\">\r\n                    Complete Vision\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     DIFFERENCE\r\n========================================================= -->\r\n\r\n<section class=\"difference\">\r\n\r\n    <div class=\"container difference-grid\">\r\n\r\n        <div class=\"difference-title reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                What Sets Us Apart\r\n            <\/div>\r\n\r\n            <h2>\r\n                The difference<br>\r\n                is in the thinking.\r\n            <\/h2>\r\n\r\n            <p>\r\n                Great interiors don't happen by accident.\r\n                They come from thousands of small decisions\r\n                made with intention.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"difference-list reveal\">\r\n\r\n\r\n            <div class=\"difference-row active\">\r\n\r\n                <div class=\"difference-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\r\n                        One connected vision\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Architecture, furniture, flooring,\r\n                        curtains, lighting, colour and materials\r\n                        are considered as one complete composition.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"difference-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"difference-row\">\r\n\r\n                <div class=\"difference-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\r\n                        Design with purpose\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Every design decision has a reason \u2014\r\n                        from visual impact to everyday comfort\r\n                        and functionality.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"difference-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"difference-row\">\r\n\r\n                <div class=\"difference-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\r\n                        Detail that feels natural\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We aim for details that enrich the space\r\n                        without making the design feel forced\r\n                        or overworked.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"difference-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"difference-row\">\r\n\r\n                <div class=\"difference-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\r\n                        A space that feels yours\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        The final environment should reflect the\r\n                        people who use it rather than simply\r\n                        reproduce a design trend.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"difference-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"difference-row\">\r\n\r\n                <div class=\"difference-number\">\r\n                    05\r\n                <\/div>\r\n\r\n                <div>\r\n                    <h3>\r\n                        Designed for tomorrow\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We balance today's aesthetic with materials,\r\n                        layouts and decisions that can remain relevant\r\n                        over time.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"difference-arrow\">\r\n                    +\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     CTA\r\n========================================================= -->\r\n\r\n<section class=\"cta\">\r\n\r\n    <div class=\"container cta-content reveal\">\r\n\r\n        <div\r\n            class=\"eyebrow\"\r\n            style=\"justify-content:center;\">\r\n            <span><\/span>\r\n            Urban Fitouts UAE\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n        <h2>\r\n            Let's make<br>\r\n            it personal.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Tell us about your space, your lifestyle and what\r\n            you want it to feel like. We'll help turn that vision\r\n            into an interior with character, comfort and purpose.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"cta-button\">\r\n            Start Your Project\r\n            <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\nconst revealElements =\r\ndocument.querySelectorAll(\".reveal\");\r\n\r\nconst revealObserver =\r\nnew IntersectionObserver(\r\n    (entries)=>{\r\n        entries.forEach(entry=>{\r\n\r\n            if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\"show\");\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:.12\r\n    }\r\n);\r\n\r\nrevealElements.forEach(el=>{\r\n    revealObserver.observe(el);\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   3D CORE MOUSE INTERACTION\r\n========================================================= *\/\r\n\r\nconst coreStage =\r\ndocument.getElementById(\"coreStage\");\r\n\r\nconst coreObject =\r\ndocument.getElementById(\"coreObject\");\r\n\r\nlet targetX = -18;\r\nlet targetY = 12;\r\n\r\nlet currentX = -18;\r\nlet currentY = 12;\r\n\r\ncoreStage.addEventListener(\r\n    \"mousemove\",\r\n    e=>{\r\n\r\n        const rect =\r\n            coreStage.getBoundingClientRect();\r\n\r\n        const x =\r\n            (e.clientX-rect.left) \/\r\n            rect.width-.5;\r\n\r\n        const y =\r\n            (e.clientY-rect.top) \/\r\n            rect.height-.5;\r\n\r\n        targetX =\r\n            -18 + x*22;\r\n\r\n        targetY =\r\n            12 - y*18;\r\n\r\n    }\r\n);\r\n\r\ncoreStage.addEventListener(\r\n    \"mouseleave\",\r\n    ()=>{\r\n\r\n        targetX=-18;\r\n        targetY=12;\r\n\r\n    }\r\n);\r\n\r\n\r\nfunction animateCore(){\r\n\r\n    currentX +=\r\n        (targetX-currentX)*.08;\r\n\r\n    currentY +=\r\n        (targetY-currentY)*.08;\r\n\r\n    coreObject.style.transform =\r\n        `translate(-50%,-50%)\r\n         rotateX(${currentY}deg)\r\n         rotateY(${currentX}deg)`;\r\n\r\n    requestAnimationFrame(\r\n        animateCore\r\n    );\r\n}\r\n\r\nanimateCore();\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH 3D INTERACTION\r\n========================================================= *\/\r\n\r\nlet touchStartX=0;\r\nlet touchStartY=0;\r\n\r\ncoreStage.addEventListener(\r\n    \"touchstart\",\r\n    e=>{\r\n\r\n        const touch=e.touches[0];\r\n\r\n        touchStartX=touch.clientX;\r\n        touchStartY=touch.clientY;\r\n\r\n    },\r\n    {passive:true}\r\n);\r\n\r\ncoreStage.addEventListener(\r\n    \"touchmove\",\r\n    e=>{\r\n\r\n        const touch=e.touches[0];\r\n\r\n        const dx =\r\n            touch.clientX-touchStartX;\r\n\r\n        const dy =\r\n            touch.clientY-touchStartY;\r\n\r\n        targetX =\r\n            -18+dx*.05;\r\n\r\n        targetY =\r\n            12-dy*.05;\r\n\r\n    },\r\n    {passive:true}\r\n);\r\n\r\ncoreStage.addEventListener(\r\n    \"touchend\",\r\n    ()=>{\r\n\r\n        targetX=-18;\r\n        targetY=12;\r\n\r\n    }\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   COUNTER ANIMATION\r\n========================================================= *\/\r\n\r\nconst counters =\r\ndocument.querySelectorAll(\r\n    \".stat-number\"\r\n);\r\n\r\nconst counterObserver =\r\nnew IntersectionObserver(\r\n    entries=>{\r\n\r\n        entries.forEach(entry=>{\r\n\r\n            if(!entry.isIntersecting)\r\n                return;\r\n\r\n            const counter =\r\n                entry.target;\r\n\r\n            const target =\r\n                Number(\r\n                    counter.dataset.target\r\n                );\r\n\r\n            let current=0;\r\n\r\n            const duration=1500;\r\n\r\n            const start =\r\n                performance.now();\r\n\r\n            function update(now){\r\n\r\n                const progress =\r\n                    Math.min(\r\n                        (now-start)\/duration,\r\n                        1\r\n                    );\r\n\r\n                const eased =\r\n                    1-Math.pow(\r\n                        1-progress,\r\n                        3\r\n                    );\r\n\r\n                current =\r\n                    Math.floor(\r\n                        target*eased\r\n                    );\r\n\r\n                counter.textContent =\r\n                    current +\r\n                    (target === 360\r\n                        ? \"\u00b0\"\r\n                        : target === 100\r\n                        ? \"%\"\r\n                        : target === 24\r\n                        ? \"\/7\"\r\n                        : \"\");\r\n\r\n                if(progress<1){\r\n\r\n                    requestAnimationFrame(\r\n                        update\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n            requestAnimationFrame(\r\n                update\r\n            );\r\n\r\n            counterObserver.unobserve(\r\n                counter\r\n            );\r\n\r\n        });\r\n\r\n    },\r\n    {\r\n        threshold:.5\r\n    }\r\n);\r\n\r\ncounters.forEach(counter=>{\r\n    counterObserver.observe(counter);\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   DIFFERENCE ACCORDION\r\n========================================================= *\/\r\n\r\nconst differenceRows =\r\ndocument.querySelectorAll(\r\n    \".difference-row\"\r\n);\r\n\r\ndifferenceRows.forEach(row=>{\r\n\r\n    row.addEventListener(\r\n        \"click\",\r\n        ()=>{\r\n\r\n            differenceRows.forEach(\r\n                item=>{\r\n                    if(item!==row){\r\n                        item.classList.remove(\r\n                            \"active\"\r\n                        );\r\n                    }\r\n                }\r\n            );\r\n\r\n            row.classList.toggle(\r\n                \"active\"\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   HERO PARALLAX\r\n========================================================= *\/\r\n\r\nconst hero =\r\ndocument.querySelector(\".hero\");\r\n\r\nwindow.addEventListener(\r\n    \"scroll\",\r\n    ()=>{\r\n\r\n        const scroll =\r\n            window.scrollY;\r\n\r\n        if(scroll <\r\n           window.innerHeight){\r\n\r\n            hero.style.backgroundPosition =\r\n                `center ${50+scroll*.025}%`;\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;`html Why Choose Us | Urban Fitouts UAE Urban Fitouts UAE \u00b7 Why Choose Us Spaces Made Personal. We believe [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"[]","_thinkrank_advanced_robots_meta":"[]","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-487","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Why Choose Us - urbanfitouts.ae<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/urbanfitouts.ae\/why-choose-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Choose Us - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"&#8220;`html Why Choose Us | Urban Fitouts UAE Urban Fitouts UAE \u00b7 Why Choose Us Spaces Made Personal. We believe [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/why-choose-us\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-20T11:05:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/why-choose-us\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/why-choose-us\\\/\",\"name\":\"Why Choose Us - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"datePublished\":\"2026-09-20T10:59:55+00:00\",\"dateModified\":\"2026-09-20T11:05:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/why-choose-us\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/why-choose-us\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/why-choose-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why Choose Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"name\":\"urbanfitouts.ae\",\"description\":\"urbanfitouts\",\"publisher\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/urbanfitouts.ae\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\",\"name\":\"urbanfitouts.ae\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"contentUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"width\":1892,\"height\":2118,\"caption\":\"urbanfitouts.ae\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why Choose Us - urbanfitouts.ae","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/urbanfitouts.ae\/why-choose-us\/","og_locale":"en_US","og_type":"article","og_title":"Why Choose Us - urbanfitouts.ae","og_description":"&#8220;`html Why Choose Us | Urban Fitouts UAE Urban Fitouts UAE \u00b7 Why Choose Us Spaces Made Personal. We believe [&hellip;]","og_url":"https:\/\/urbanfitouts.ae\/why-choose-us\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-20T11:05:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/urbanfitouts.ae\/why-choose-us\/","url":"https:\/\/urbanfitouts.ae\/why-choose-us\/","name":"Why Choose Us - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"datePublished":"2026-09-20T10:59:55+00:00","dateModified":"2026-09-20T11:05:32+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/why-choose-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/why-choose-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/why-choose-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Why Choose Us"}]},{"@type":"WebSite","@id":"https:\/\/urbanfitouts.ae\/#website","url":"https:\/\/urbanfitouts.ae\/","name":"urbanfitouts.ae","description":"urbanfitouts","publisher":{"@id":"https:\/\/urbanfitouts.ae\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/urbanfitouts.ae\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/urbanfitouts.ae\/#organization","name":"urbanfitouts.ae","url":"https:\/\/urbanfitouts.ae\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/","url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","contentUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","width":1892,"height":2118,"caption":"urbanfitouts.ae"},"image":{"@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/comments?post=487"}],"version-history":[{"count":4,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/487\/revisions"}],"predecessor-version":[{"id":491,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/487\/revisions\/491"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}