Urban Wrap UAE | Interior Design & Fit-Out<\/title>\r\n\r\n <style>\r\n \/* =========================================\r\n RESET\r\n ========================================= *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #111;\r\n color: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n button {\r\n font-family: inherit;\r\n }\r\n\r\n\r\n \/* =========================================\r\n HERO SLIDER\r\n ========================================= *\/\r\n\r\n .urban-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 650px;\r\n overflow: hidden;\r\n background: #111;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDES\r\n ========================================= *\/\r\n\r\n .urban-slide {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n\r\n transition:\r\n opacity 1s ease,\r\n visibility 1s ease;\r\n }\r\n\r\n .urban-slide.active {\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 2;\r\n }\r\n\r\n\r\n \/* =========================================\r\n BACKGROUND IMAGE\r\n ========================================= *\/\r\n\r\n .urban-slide-image {\r\n position: absolute;\r\n inset: 0;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n\r\n transform: scale(1);\r\n }\r\n\r\n .urban-slide.active .urban-slide-image {\r\n animation: urbanZoom 7s ease forwards;\r\n }\r\n\r\n @keyframes urbanZoom {\r\n\r\n 0% {\r\n transform: scale(1);\r\n }\r\n\r\n 100% {\r\n transform: scale(1.08);\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n DARK OVERLAY\r\n ========================================= *\/\r\n\r\n .urban-overlay {\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(0, 0, 0, 0.82) 0%,\r\n rgba(0, 0, 0, 0.58) 45%,\r\n rgba(0, 0, 0, 0.20) 100%\r\n );\r\n\r\n z-index: 1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDE CONTENT\r\n ========================================= *\/\r\n\r\n .urban-container {\r\n position: relative;\r\n\r\n width: 100%;\r\n max-width: 1400px;\r\n\r\n height: 100%;\r\n\r\n margin: auto;\r\n\r\n padding: 0 7%;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n z-index: 3;\r\n }\r\n\r\n .urban-content {\r\n width: 720px;\r\n max-width: 100%;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SMALL LABEL\r\n ========================================= *\/\r\n\r\n .urban-label {\r\n display: inline-block;\r\n\r\n margin-bottom: 20px;\r\n\r\n font-size: 13px;\r\n font-weight: 600;\r\n\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n\r\n color: #fff;\r\n\r\n border-left: 3px solid #fff;\r\n\r\n padding-left: 14px;\r\n\r\n opacity: 0;\r\n transform: translateY(25px);\r\n }\r\n\r\n\r\n \/* =========================================\r\n HEADING\r\n ========================================= *\/\r\n\r\n .urban-title {\r\n font-size: clamp(42px, 6vw, 86px);\r\n\r\n line-height: 1.02;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: -2px;\r\n\r\n margin-bottom: 25px;\r\n\r\n opacity: 0;\r\n transform: translateY(45px);\r\n }\r\n\r\n\r\n .urban-title span {\r\n display: block;\r\n font-weight: 300;\r\n }\r\n\r\n\r\n \/* =========================================\r\n DESCRIPTION\r\n ========================================= *\/\r\n\r\n .urban-description {\r\n max-width: 620px;\r\n\r\n font-size: 18px;\r\n line-height: 1.8;\r\n\r\n color: rgba(255, 255, 255, 0.85);\r\n\r\n margin-bottom: 35px;\r\n\r\n opacity: 0;\r\n transform: translateY(35px);\r\n }\r\n\r\n\r\n \/* =========================================\r\n BUTTONS\r\n ========================================= *\/\r\n\r\n .urban-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .urban-btn {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-width: 190px;\r\n\r\n padding: 15px 28px;\r\n\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n\r\n font-size: 14px;\r\n font-weight: 600;\r\n\r\n letter-spacing: 1px;\r\n\r\n text-transform: uppercase;\r\n\r\n transition: all 0.35s ease;\r\n }\r\n\r\n .urban-btn-primary {\r\n background: #fff;\r\n color: #111;\r\n border-color: #fff;\r\n }\r\n\r\n .urban-btn-primary:hover {\r\n background: transparent;\r\n color: #fff;\r\n }\r\n\r\n .urban-btn-outline {\r\n background: transparent;\r\n color: #fff;\r\n }\r\n\r\n .urban-btn-outline:hover {\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n\r\n \/* =========================================\r\n ACTIVE TEXT ANIMATION\r\n ========================================= *\/\r\n\r\n .urban-slide.active .urban-label {\r\n animation: urbanTextUp 0.8s ease 0.2s forwards;\r\n }\r\n\r\n .urban-slide.active .urban-title {\r\n animation: urbanTextUp 0.9s ease 0.35s forwards;\r\n }\r\n\r\n .urban-slide.active .urban-description {\r\n animation: urbanTextUp 0.9s ease 0.5s forwards;\r\n }\r\n\r\n .urban-slide.active .urban-buttons {\r\n animation: urbanTextUp 0.9s ease 0.65s forwards;\r\n }\r\n\r\n @keyframes urbanTextUp {\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDE COUNTER\r\n ========================================= *\/\r\n\r\n .urban-counter {\r\n position: absolute;\r\n\r\n right: 7%;\r\n bottom: 70px;\r\n\r\n z-index: 5;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 15px;\r\n\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .urban-counter-line {\r\n width: 80px;\r\n height: 1px;\r\n\r\n background: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n\r\n \/* =========================================\r\n ARROWS\r\n ========================================= *\/\r\n\r\n .urban-arrow {\r\n position: absolute;\r\n\r\n top: 50%;\r\n\r\n transform: translateY(-50%);\r\n\r\n width: 55px;\r\n height: 55px;\r\n\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n\r\n background: rgba(0, 0, 0, 0.25);\r\n\r\n color: #fff;\r\n\r\n cursor: pointer;\r\n\r\n z-index: 10;\r\n\r\n font-size: 25px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .urban-arrow:hover {\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n .urban-prev {\r\n left: 25px;\r\n }\r\n\r\n .urban-next {\r\n right: 25px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n DOT NAVIGATION\r\n ========================================= *\/\r\n\r\n .urban-dots {\r\n position: absolute;\r\n\r\n left: 7%;\r\n bottom: 55px;\r\n\r\n display: flex;\r\n\r\n gap: 10px;\r\n\r\n z-index: 10;\r\n }\r\n\r\n .urban-dot {\r\n width: 35px;\r\n height: 3px;\r\n\r\n border: 0;\r\n\r\n background: rgba(255, 255, 255, 0.35);\r\n\r\n cursor: pointer;\r\n\r\n transition: all 0.35s ease;\r\n }\r\n\r\n .urban-dot.active {\r\n width: 65px;\r\n background: #fff;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SCROLL INDICATOR\r\n ========================================= *\/\r\n\r\n .urban-scroll {\r\n position: absolute;\r\n\r\n right: 35px;\r\n bottom: 55px;\r\n\r\n z-index: 5;\r\n\r\n writing-mode: vertical-rl;\r\n\r\n text-transform: uppercase;\r\n\r\n font-size: 10px;\r\n\r\n letter-spacing: 3px;\r\n\r\n opacity: 0.7;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDE PROGRESS\r\n ========================================= *\/\r\n\r\n .urban-progress {\r\n position: absolute;\r\n\r\n top: 0;\r\n left: 0;\r\n\r\n width: 0;\r\n height: 3px;\r\n\r\n background: #fff;\r\n\r\n z-index: 20;\r\n }\r\n\r\n .urban-progress.running {\r\n animation: urbanProgress 6s linear forwards;\r\n }\r\n\r\n @keyframes urbanProgress {\r\n\r\n from {\r\n width: 0;\r\n }\r\n\r\n to {\r\n width: 100%;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 991px) {\r\n\r\n .urban-hero {\r\n min-height: 600px;\r\n }\r\n\r\n .urban-container {\r\n padding: 0 8%;\r\n }\r\n\r\n .urban-title {\r\n font-size: clamp(44px, 8vw, 70px);\r\n }\r\n\r\n .urban-description {\r\n font-size: 16px;\r\n max-width: 540px;\r\n }\r\n\r\n .urban-arrow {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .urban-prev {\r\n left: 15px;\r\n }\r\n\r\n .urban-next {\r\n right: 15px;\r\n }\r\n\r\n .urban-dots {\r\n left: 8%;\r\n bottom: 40px;\r\n }\r\n\r\n .urban-counter {\r\n right: 8%;\r\n bottom: 45px;\r\n }\r\n\r\n .urban-scroll {\r\n display: none;\r\n }\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 .urban-hero {\r\n height: 85vh;\r\n min-height: 600px;\r\n }\r\n\r\n .urban-overlay {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0, 0, 0, 0.45),\r\n rgba(0, 0, 0, 0.82)\r\n );\r\n }\r\n\r\n .urban-container {\r\n padding: 0 25px;\r\n\r\n align-items: flex-end;\r\n\r\n padding-bottom: 125px;\r\n }\r\n\r\n .urban-content {\r\n width: 100%;\r\n }\r\n\r\n .urban-label {\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .urban-title {\r\n font-size: clamp(38px, 11vw, 58px);\r\n\r\n letter-spacing: -1px;\r\n\r\n margin-bottom: 18px;\r\n }\r\n\r\n .urban-description {\r\n font-size: 14px;\r\n\r\n line-height: 1.65;\r\n\r\n margin-bottom: 25px;\r\n }\r\n\r\n .urban-buttons {\r\n gap: 10px;\r\n }\r\n\r\n .urban-btn {\r\n min-width: 0;\r\n\r\n width: 100%;\r\n\r\n padding: 13px 18px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .urban-arrow {\r\n top: auto;\r\n bottom: 35px;\r\n\r\n transform: none;\r\n\r\n width: 42px;\r\n height: 42px;\r\n\r\n font-size: 18px;\r\n }\r\n\r\n .urban-prev {\r\n left: 25px;\r\n }\r\n\r\n .urban-next {\r\n right: 25px;\r\n }\r\n\r\n .urban-dots {\r\n left: 50%;\r\n bottom: 54px;\r\n\r\n transform: translateX(-50%);\r\n\r\n gap: 6px;\r\n }\r\n\r\n .urban-dot {\r\n width: 20px;\r\n }\r\n\r\n .urban-dot.active {\r\n width: 38px;\r\n }\r\n\r\n .urban-counter {\r\n display: none;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n SMALL MOBILE\r\n ========================================= *\/\r\n\r\n @media (max-width: 400px) {\r\n\r\n .urban-hero {\r\n height: 90vh;\r\n min-height: 580px;\r\n }\r\n\r\n .urban-container {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n padding-bottom: 115px;\r\n }\r\n\r\n .urban-title {\r\n font-size: 36px;\r\n }\r\n\r\n .urban-description {\r\n font-size: 13px;\r\n }\r\n\r\n .urban-btn {\r\n padding: 12px 15px;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"urban-hero\" id=\"home\" aria-label=\"Urban Wrap UAE Interior Design\">\r\n\r\n\r\n \r\n <div class=\"urban-progress\" id=\"urbanProgress\"><\/div>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide active\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Urban Wrap UAE\r\n <\/span>\r\n\r\n <h1 class=\"urban-title\">\r\n Transforming\r\n <span>Spaces Into Experiences.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"urban-description\">\r\n Professional interior design, construction and\r\n fit-out solutions crafted to create stylish,\r\n functional and exceptional spaces.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#services\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Explore Services\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Get Consultation\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Commercial Interiors\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n Modern Workspaces.\r\n <span>Professional Results.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n Create productive and inspiring offices with\r\n contemporary interior solutions designed around\r\n your business requirements.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#projects\"\r\n class=\"urban-btn urban-btn-primary\">\r\n View Projects\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Start Your Project\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK-Home-1.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Residential Interiors\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n Your Space.\r\n <span>Your Style.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n Elegant residential interiors designed to bring\r\n comfort, personality and timeless style into\r\n every corner of your home.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#services\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Discover More\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Contact Us\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Retail & Hospitality\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n Spaces That\r\n <span>Make An Impression.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n From retail stores and showrooms to restaurants\r\n and caf\u00e9s, we create interiors that strengthen\r\n your brand and elevate customer experiences.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#services\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Our Solutions\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Get In Touch\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK-Home.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Turnkey Fit-Out\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n From Concept\r\n <span>To Completion.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n Complete interior fit-out solutions covering\r\n design, planning, construction, finishing and\r\n final handover.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Start Your Project\r\n <\/a>\r\n\r\n <a href=\"#about\"\r\n class=\"urban-btn urban-btn-outline\">\r\n About Urban Wrap\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <button class=\"urban-arrow urban-prev\"\r\n id=\"urbanPrev\"\r\n aria-label=\"Previous slide\">\r\n ❮\r\n <\/button>\r\n\r\n <button class=\"urban-arrow urban-next\"\r\n id=\"urbanNext\"\r\n aria-label=\"Next slide\">\r\n ❯\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div class=\"urban-dots\"\r\n id=\"urbanDots\">\r\n\r\n <button class=\"urban-dot active\"\r\n aria-label=\"Go to slide 1\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 2\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 3\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 4\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 5\">\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"urban-counter\">\r\n\r\n <span id=\"urbanCurrent\">\r\n 01\r\n <\/span>\r\n\r\n <span class=\"urban-counter-line\"><\/span>\r\n\r\n <span>\r\n 05\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"urban-scroll\">\r\n Scroll to Explore\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n \/* =========================================\r\n URBAN WRAP HERO SLIDER\r\n ========================================= *\/\r\n\r\n const slides =\r\n document.querySelectorAll(\".urban-slide\");\r\n\r\n const dots =\r\n document.querySelectorAll(\".urban-dot\");\r\n\r\n const prevBtn =\r\n document.getElementById(\"urbanPrev\");\r\n\r\n const nextBtn =\r\n document.getElementById(\"urbanNext\");\r\n\r\n const currentNumber =\r\n document.getElementById(\"urbanCurrent\");\r\n\r\n const progress =\r\n document.getElementById(\"urbanProgress\");\r\n\r\n\r\n let currentSlide = 0;\r\n\r\n let slideTimer;\r\n\r\n const slideDuration = 6000;\r\n\r\n\r\n \/* =========================================\r\n SHOW SLIDE\r\n ========================================= *\/\r\n\r\n function showSlide(index) {\r\n\r\n if (index >= slides.length) {\r\n currentSlide = 0;\r\n }\r\n\r\n else if (index < 0) {\r\n currentSlide = slides.length - 1;\r\n }\r\n\r\n else {\r\n currentSlide = index;\r\n }\r\n\r\n\r\n \/* Remove active class *\/\r\n\r\n slides.forEach((slide) => {\r\n slide.classList.remove(\"active\");\r\n });\r\n\r\n\r\n dots.forEach((dot) => {\r\n dot.classList.remove(\"active\");\r\n });\r\n\r\n\r\n \/* Add active class *\/\r\n\r\n slides[currentSlide]\r\n .classList.add(\"active\");\r\n\r\n\r\n dots[currentSlide]\r\n .classList.add(\"active\");\r\n\r\n\r\n \/* Update counter *\/\r\n\r\n currentNumber.textContent =\r\n String(currentSlide + 1).padStart(2, \"0\");\r\n\r\n\r\n \/* Restart progress *\/\r\n\r\n progress.classList.remove(\"running\");\r\n\r\n void progress.offsetWidth;\r\n\r\n progress.classList.add(\"running\");\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n NEXT SLIDE\r\n ========================================= *\/\r\n\r\n function nextSlide() {\r\n\r\n showSlide(currentSlide + 1);\r\n\r\n restartTimer();\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n PREVIOUS SLIDE\r\n ========================================= *\/\r\n\r\n function previousSlide() {\r\n\r\n showSlide(currentSlide - 1);\r\n\r\n restartTimer();\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n AUTO SLIDER\r\n ========================================= *\/\r\n\r\n function startTimer() {\r\n\r\n slideTimer =\r\n setInterval(() => {\r\n\r\n showSlide(currentSlide + 1);\r\n\r\n }, slideDuration);\r\n\r\n }\r\n\r\n\r\n function restartTimer() {\r\n\r\n clearInterval(slideTimer);\r\n\r\n startTimer();\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n ARROW EVENTS\r\n ========================================= *\/\r\n\r\n nextBtn.addEventListener(\r\n \"click\",\r\n nextSlide\r\n );\r\n\r\n\r\n prevBtn.addEventListener(\r\n \"click\",\r\n previousSlide\r\n );\r\n\r\n\r\n \/* =========================================\r\n DOT EVENTS\r\n ========================================= *\/\r\n\r\n dots.forEach((dot, index) => {\r\n\r\n dot.addEventListener(\r\n \"click\",\r\n () => {\r\n\r\n showSlide(index);\r\n\r\n restartTimer();\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =========================================\r\n KEYBOARD CONTROL\r\n ========================================= *\/\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n (event) => {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n nextSlide();\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n previousSlide();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =========================================\r\n TOUCH \/ SWIPE SUPPORT\r\n ========================================= *\/\r\n\r\n let touchStartX = 0;\r\n\r\n let touchEndX = 0;\r\n\r\n\r\n const hero =\r\n document.querySelector(\".urban-hero\");\r\n\r\n\r\n hero.addEventListener(\r\n \"touchstart\",\r\n (event) => {\r\n\r\n touchStartX =\r\n event.changedTouches[0].screenX;\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n hero.addEventListener(\r\n \"touchend\",\r\n (event) => {\r\n\r\n touchEndX =\r\n event.changedTouches[0].screenX;\r\n\r\n handleSwipe();\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n function handleSwipe() {\r\n\r\n const swipeDistance =\r\n touchEndX - touchStartX;\r\n\r\n\r\n if (Math.abs(swipeDistance) < 50) {\r\n return;\r\n }\r\n\r\n\r\n if (swipeDistance < 0) {\r\n nextSlide();\r\n }\r\n\r\n else {\r\n previousSlide();\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n PAUSE ON MOUSE HOVER\r\n ========================================= *\/\r\n\r\n hero.addEventListener(\r\n \"mouseenter\",\r\n () => {\r\n clearInterval(slideTimer);\r\n }\r\n );\r\n\r\n\r\n hero.addEventListener(\r\n \"mouseleave\",\r\n () => {\r\n restartTimer();\r\n }\r\n );\r\n\r\n\r\n \/* =========================================\r\n INITIALIZE\r\n ========================================= *\/\r\n\r\n showSlide(0);\r\n\r\n startTimer();\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d88a0a4 e-con e-atomic-element e-flexbox-base e-default-div e-d88a0a4-f34b11b \" data-id=\"d88a0a4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d88a0a4\">\n \t\t<div class=\"elementor-element elementor-element-62dbaaa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"62dbaaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Urban Wrap UAE | Interior Design & Fit-Out<\/title>\r\n\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;700&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n <style>\r\n\r\n :root {\r\n --dark: #111111;\r\n --dark-soft: #191919;\r\n --gold: #c6a15b;\r\n --gold-light: #d9bd83;\r\n --white: #ffffff;\r\n --light: #f7f6f2;\r\n --text: #555;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: \"DM Sans\", sans-serif;\r\n color: var(--dark);\r\n background: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ========================================\r\n HEADER\r\n ======================================== *\/\r\n\r\n .main-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 9999;\r\n background: rgba(255,255,255,0.96);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n transition: all .35s ease;\r\n }\r\n\r\n .main-header.scrolled {\r\n background: rgba(255,255,255,0.98);\r\n box-shadow: 0 10px 35px rgba(0,0,0,.08);\r\n }\r\n\r\n .header-container {\r\n width: min(1400px, 92%);\r\n margin: auto;\r\n }\r\n\r\n .navbar-custom {\r\n min-height: 88px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* ========================================\r\n LOGO\r\n ======================================== *\/\r\n\r\n .brand-logo {\r\n display: inline-flex;\r\n align-items: center;\r\n text-decoration: none;\r\n position: relative;\r\n z-index: 10001;\r\n }\r\n\r\n .brand-logo img {\r\n width: 175px;\r\n height: auto;\r\n object-fit: contain;\r\n transition: .3s ease;\r\n }\r\n\r\n .brand-logo:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* ========================================\r\n DESKTOP NAVIGATION\r\n ======================================== *\/\r\n\r\n .desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .desktop-nav > li {\r\n position: relative;\r\n }\r\n\r\n .desktop-nav > li > a {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 34px 17px;\r\n text-decoration: none;\r\n color: var(--dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: .2px;\r\n position: relative;\r\n transition: .3s ease;\r\n }\r\n\r\n .desktop-nav > li > a::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 24px;\r\n left: 17px;\r\n width: 0;\r\n height: 2px;\r\n background: var(--gold);\r\n transition: .3s ease;\r\n }\r\n\r\n .desktop-nav > li:hover > a,\r\n .desktop-nav > li.active > a {\r\n color: var(--gold);\r\n }\r\n\r\n .desktop-nav > li:hover > a::after,\r\n .desktop-nav > li.active > a::after {\r\n width: calc(100% - 34px);\r\n }\r\n\r\n .arrow {\r\n font-size: 10px;\r\n transition: transform .3s ease;\r\n }\r\n\r\n .has-dropdown:hover .arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* ========================================\r\n DROPDOWN\r\n ======================================== *\/\r\n\r\n .dropdown-menu-custom {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 250px;\r\n background: #fff;\r\n padding: 12px 0;\r\n list-style: none;\r\n margin: 0;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(15px);\r\n\r\n box-shadow: 0 20px 50px rgba(0,0,0,.12);\r\n border-top: 2px solid var(--gold);\r\n\r\n transition: all .3s ease;\r\n }\r\n\r\n .has-dropdown:hover > .dropdown-menu-custom {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0);\r\n }\r\n\r\n .dropdown-menu-custom li {\r\n position: relative;\r\n }\r\n\r\n .dropdown-menu-custom li a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 13px 22px;\r\n text-decoration: none;\r\n color: #222;\r\n font-size: 13px;\r\n font-weight: 500;\r\n transition: all .3s ease;\r\n }\r\n\r\n .dropdown-menu-custom li a:hover {\r\n color: var(--gold);\r\n background: #faf9f5;\r\n padding-left: 28px;\r\n }\r\n\r\n \/* ========================================\r\n SECOND LEVEL SUBMENU\r\n ======================================== *\/\r\n\r\n .sub-dropdown {\r\n position: absolute;\r\n left: 100%;\r\n top: -12px;\r\n width: 245px;\r\n\r\n background: #fff;\r\n padding: 12px 0;\r\n list-style: none;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateX(15px);\r\n\r\n border-top: 2px solid var(--gold);\r\n box-shadow: 0 20px 50px rgba(0,0,0,.12);\r\n\r\n transition: all .3s ease;\r\n }\r\n\r\n .dropdown-menu-custom li:hover > .sub-dropdown {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateX(0);\r\n }\r\n\r\n \/* ========================================\r\n CTA BUTTON\r\n ======================================== *\/\r\n\r\n .header-cta {\r\n margin-left: 15px;\r\n }\r\n\r\n .header-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 13px 21px;\r\n background: var(--dark);\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .2px;\r\n transition: all .3s ease;\r\n }\r\n\r\n .header-cta a:hover {\r\n background: var(--gold);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ========================================\r\n MOBILE TOGGLE\r\n ======================================== *\/\r\n\r\n .mobile-toggle {\r\n display: none;\r\n width: 46px;\r\n height: 46px;\r\n border: 1px solid rgba(0,0,0,.12);\r\n background: #fff;\r\n cursor: pointer;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .mobile-toggle span {\r\n display: block;\r\n width: 22px;\r\n height: 2px;\r\n background: var(--dark);\r\n transition: .3s ease;\r\n }\r\n\r\n .mobile-toggle.active span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .mobile-toggle.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .mobile-toggle.active span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n \/* ========================================\r\n MOBILE NAVIGATION\r\n ======================================== *\/\r\n\r\n .mobile-nav {\r\n display: none;\r\n background: #fff;\r\n max-height: calc(100vh - 88px);\r\n overflow-y: auto;\r\n border-top: 1px solid rgba(0,0,0,.06);\r\n }\r\n\r\n .mobile-nav ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .mobile-nav > ul > li {\r\n border-bottom: 1px solid rgba(0,0,0,.07);\r\n }\r\n\r\n .mobile-nav a {\r\n text-decoration: none;\r\n color: var(--dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .mobile-main-link {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 17px 5%;\r\n }\r\n\r\n .mobile-main-link:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .mobile-submenu {\r\n display: none;\r\n background: #f8f7f3;\r\n }\r\n\r\n .mobile-submenu.open {\r\n display: block;\r\n }\r\n\r\n .mobile-submenu li {\r\n border-top: 1px solid rgba(0,0,0,.05);\r\n }\r\n\r\n .mobile-submenu a {\r\n display: block;\r\n padding: 13px 8%;\r\n font-size: 13px;\r\n font-weight: 500;\r\n }\r\n\r\n .mobile-submenu a:hover {\r\n color: var(--gold);\r\n padding-left: 10%;\r\n }\r\n\r\n .mobile-arrow {\r\n transition: transform .3s ease;\r\n }\r\n\r\n .mobile-arrow.rotate {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .mobile-cta {\r\n padding: 20px 5%;\r\n }\r\n\r\n .mobile-cta a {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px;\r\n background: var(--dark);\r\n color: #fff;\r\n }\r\n\r\n .demo-content {\r\n width: min(1400px, 92%);\r\n margin: auto;\r\n color: #fff;\r\n }\r\n\r\n .demo-content span {\r\n color: var(--gold-light);\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n\r\n .demo-content h1 {\r\n max-width: 850px;\r\n margin: 20px 0;\r\n font-family: \"Playfair Display\", serif;\r\n font-size: clamp(48px, 7vw, 100px);\r\n line-height: 1;\r\n font-weight: 500;\r\n }\r\n\r\n .demo-content p {\r\n max-width: 620px;\r\n color: rgba(255,255,255,.8);\r\n font-size: 17px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n\r\n .desktop-nav > li > a {\r\n padding-left: 11px;\r\n padding-right: 11px;\r\n font-size: 13px;\r\n }\r\n\r\n .desktop-nav > li > a::after {\r\n left: 11px;\r\n }\r\n\r\n .header-cta {\r\n margin-left: 8px;\r\n }\r\n\r\n .header-cta a {\r\n padding: 12px 15px;\r\n }\r\n\r\n .brand-logo img {\r\n width: 155px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n\r\n .navbar-custom {\r\n min-height: 78px;\r\n }\r\n\r\n .desktop-navigation {\r\n display: none;\r\n }\r\n\r\n .header-cta {\r\n display: none;\r\n }\r\n\r\n .mobile-toggle {\r\n display: flex;\r\n }\r\n\r\n .mobile-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-nav.show {\r\n display: block;\r\n }\r\n\r\n .demo-hero {\r\n padding-top: 78px;\r\n }\r\n }\r\n\r\n @media (max-width: 575px) {\r\n\r\n .header-container {\r\n width: 90%;\r\n }\r\n\r\n .brand-logo img {\r\n width: 140px;\r\n }\r\n\r\n .mobile-toggle {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .demo-content {\r\n width: 90%;\r\n }\r\n\r\n .demo-content h1 {\r\n font-size: clamp(42px, 13vw, 65px);\r\n }\r\n\r\n .demo-content p {\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n\r\n .brand-logo img {\r\n width: 125px;\r\n }\r\n\r\n .mobile-toggle {\r\n width: 40px;\r\n height: 40px;\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\r\n<header class=\"main-header\" id=\"mainHeader\">\r\n\r\n <div class=\"header-container\">\r\n\r\n <div class=\"navbar-custom\">\r\n\r\n \r\n <a href=\"https:\/\/urbanfitouts.ae\/\" class=\"brand-logo\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\"\r\n alt=\"Urban Wrap UAE\">\r\n <\/a>\r\n\r\n\r\n \r\n <nav class=\"desktop-navigation\">\r\n\r\n <ul class=\"desktop-nav\">\r\n\r\n <li class=\"active\">\r\n <a href=\"https:\/\/urbanfitouts.ae\/\">\r\n Home\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#about\">\r\n About\r\n <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"dropdown-menu-custom\">\r\n\r\n <li>\r\n <a href=\"https:\/\/urbanfitouts.ae\/about-us\/\">\r\n About Urban Wrap\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#why-us\">\r\n Why Choose Us\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#process\">\r\n Our Process\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#values\">\r\n Our Values\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#services\">\r\n Services\r\n <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"dropdown-menu-custom\">\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"https:\/\/urbanfitouts.ae\/premium-residential\/\">\r\n Residential\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"sub-dropdown\">\r\n\r\n <li>\r\n <a href=\"#villa\">\r\n Villa Interior Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#apartment\">\r\n Apartment Interiors\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#luxury\">\r\n Luxury Residential\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#renovation\">\r\n Renovation & Remodeling\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"https:\/\/urbanfitouts.ae\/commercial-design\/\">\r\n Commercial\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"sub-dropdown\">\r\n\r\n <li>\r\n <a href=\"#retail\">\r\n Retail & Showroom\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#restaurant\">\r\n Restaurant & Caf\u00e9\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#corporate\">\r\n Corporate Interiors\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial-fitout\">\r\n Commercial Fit-Out\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#office\">\r\n Office Design\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"sub-dropdown\">\r\n\r\n <li>\r\n <a href=\"#modern-office\">\r\n Modern Office\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#executive\">\r\n Executive Office\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#workspace\">\r\n Workspace Planning\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#interior\">\r\n Interior Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#architectural\">\r\n Architectural Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout\">\r\n Fit-Out & Execution\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#visualisation\">\r\n 3D Visualisation\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#consultation\">\r\n Design Consultation\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#projects\">\r\n Projects\r\n <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"dropdown-menu-custom\">\r\n\r\n <li>\r\n <a href=\"#residential-projects\">\r\n Residential Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial-projects\">\r\n Commercial Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#office-projects\">\r\n Office Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout-projects\">\r\n Fit-Out Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#gallery\">\r\n Gallery\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#contact\">\r\n Contact\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/nav>\r\n\r\n\r\n \r\n <div class=\"header-cta\">\r\n\r\n <a href=\"#contact\">\r\n <i class=\"fa-regular fa-calendar\"><\/i>\r\n Get Consultation\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <button class=\"mobile-toggle\"\r\n id=\"mobileToggle\"\r\n aria-label=\"Open Menu\">\r\n\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"mobile-nav\" id=\"mobileNav\">\r\n\r\n <ul>\r\n\r\n <li>\r\n <a href=\"#home\" class=\"mobile-main-link\">\r\n Home\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li>\r\n\r\n <a href=\"#\"\r\n class=\"mobile-main-link submenu-toggle\">\r\n\r\n <span>About<\/span>\r\n\r\n <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n\r\n <\/a>\r\n\r\n <ul class=\"mobile-submenu\">\r\n\r\n <li>\r\n <a href=\"#about\">\r\n About Urban Wrap\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#why-us\">\r\n Why Choose Us\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#process\">\r\n Our Process\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#values\">\r\n Our Values\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li>\r\n\r\n <a href=\"#\"\r\n class=\"mobile-main-link submenu-toggle\">\r\n\r\n <span>Services<\/span>\r\n\r\n <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n\r\n <\/a>\r\n\r\n <ul class=\"mobile-submenu\">\r\n\r\n <li>\r\n <a href=\"#residential\">\r\n Residential Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial\">\r\n Commercial Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#office\">\r\n Office Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#interior\">\r\n Interior Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#architectural\">\r\n Architectural Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout\">\r\n Fit-Out & Execution\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#visualisation\">\r\n 3D Visualisation\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#renovation\">\r\n Renovation & Remodeling\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#consultation\">\r\n Design Consultation\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li>\r\n\r\n <a href=\"#\"\r\n class=\"mobile-main-link submenu-toggle\">\r\n\r\n <span>Projects<\/span>\r\n\r\n <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n\r\n <\/a>\r\n\r\n <ul class=\"mobile-submenu\">\r\n\r\n <li>\r\n <a href=\"#residential-projects\">\r\n Residential Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial-projects\">\r\n Commercial Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#office-projects\">\r\n Office Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout-projects\">\r\n Fit-Out Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#gallery\" class=\"mobile-main-link\">\r\n Gallery\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#contact\" class=\"mobile-main-link\">\r\n Contact\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li class=\"mobile-cta\">\r\n\r\n <a href=\"#contact\">\r\n\r\n <i class=\"fa-regular fa-calendar\"><\/i>\r\n\r\n Get Consultation\r\n\r\n <\/a>\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n<script>\r\n\r\n \/* ========================================\r\n HEADER SCROLL EFFECT\r\n ======================================== *\/\r\n\r\n const header = document.getElementById(\"mainHeader\");\r\n\r\n window.addEventListener(\"scroll\", function () {\r\n\r\n if (window.scrollY > 30) {\r\n header.classList.add(\"scrolled\");\r\n } else {\r\n header.classList.remove(\"scrolled\");\r\n }\r\n\r\n });\r\n\r\n\r\n\r\n \/* ========================================\r\n MOBILE MENU\r\n ======================================== *\/\r\n\r\n const mobileToggle =\r\n document.getElementById(\"mobileToggle\");\r\n\r\n const mobileNav =\r\n document.getElementById(\"mobileNav\");\r\n\r\n\r\n mobileToggle.addEventListener(\"click\", function () {\r\n\r\n mobileToggle.classList.toggle(\"active\");\r\n\r\n mobileNav.classList.toggle(\"show\");\r\n\r\n });\r\n\r\n\r\n\r\n \/* ========================================\r\n MOBILE SUBMENU\r\n ======================================== *\/\r\n\r\n const submenuButtons =\r\n document.querySelectorAll(\".submenu-toggle\");\r\n\r\n\r\n submenuButtons.forEach(function(button) {\r\n\r\n button.addEventListener(\"click\", function(e) {\r\n\r\n e.preventDefault();\r\n\r\n const submenu =\r\n this.nextElementSibling;\r\n\r\n const arrow =\r\n this.querySelector(\".mobile-arrow\");\r\n\r\n\r\n submenu.classList.toggle(\"open\");\r\n\r\n arrow.classList.toggle(\"rotate\");\r\n\r\n });\r\n\r\n });\r\n\r\n\r\n\r\n \/* ========================================\r\n CLOSE MOBILE MENU AFTER CLICK\r\n ======================================== *\/\r\n\r\n const mobileLinks =\r\n document.querySelectorAll(\".mobile-nav a:not(.submenu-toggle)\");\r\n\r\n\r\n mobileLinks.forEach(function(link) {\r\n\r\n link.addEventListener(\"click\", function() {\r\n\r\n mobileNav.classList.remove(\"show\");\r\n\r\n mobileToggle.classList.remove(\"active\");\r\n\r\n });\r\n\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9ea3f4e e-con e-atomic-element e-flexbox-base e-default-div e-9ea3f4e-b0915a9 \" data-id=\"9ea3f4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ea3f4e\">\n \t\t<div class=\"elementor-element elementor-element-bde10e4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bde10e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"uw-services\" aria-label=\"Urban Wrap UAE services\">\r\n\r\n <div class=\"uw-services-inner\">\r\n\r\n \r\n <div class=\"uw-section-head\">\r\n <div>\r\n <span class=\"uw-eyebrow\">Featured Services for RESIDENTIAL WRAPPING<\/span>\r\n <h2>Transforming Spaces<br><em>With Purpose.<\/em><\/h2>\r\n <\/div>\r\n <p>\r\n Explore our specialist wrapping, printing, window film,\r\n villa and interior solutions.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"uw-feature-grid\">\r\n\r\n <a class=\"uw-card uw-card-large\"\r\n href=\"\/services\/creative-prints\/\"\r\n aria-label=\"Explore Creative Prints service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/bathroom-wrapping-after-1.jpg-1-e1790278364592.webp\"\r\n alt=\"Creative Prints interior design application\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">01<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">BATHROOM WRAPPING<\/span>\r\n <h3>BATHROOM WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\"\r\n href=\"\/services\/yacht-wrapping\/\"\r\n aria-label=\"Explore Yacht Wrapping service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK-Home-1.jpg\"\r\n alt=\"Luxury yacht wrapping service\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">02<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">KITCHEN WRAPPING<\/span>\r\n <h3>KITCHEN WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\"\r\n href=\"\/services\/full-villa\/\"\r\n aria-label=\"Explore Full Villa service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic.jpg\"\r\n alt=\"Full villa interior transformation\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">03<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FURNITURE WRAPPING<\/span>\r\n <h3>FURNITURE WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\"\r\n href=\"\/services\/window-films\/\"\r\n aria-label=\"Explore Window Films service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/image1.jpg\"\r\n alt=\"Modern architectural window film installation\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">04<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FLOORING OPTIONS<\/span>\r\n <h3>FLOORING OPTIONS<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"uw-section-head uw-category-head\">\r\n <div>\r\n <span class=\"uw-eyebrow\">01 \/ COMMERCIAL WRAPPING<\/span>\r\n <h2>Designed Around<br><em>Your Lifestyle.<\/em><\/h2>\r\n <\/div>\r\n\r\n <p>\r\n Thoughtful residential detailing for elegant,\r\n functional and highly personalised interiors.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"uw-service-grid\">\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/bathrooms\/\"\r\n aria-label=\"Explore Bathrooms\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220820_10_26_27-min-1024x683.jpg.webp\"\r\n alt=\"Luxury bathroom interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">01<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">OFFICE WRAPPING<\/span>\r\n <h3>OFFICE WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/kitchen\/\"\r\n aria-label=\"Explore Kitchen\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/12.jpg\"\r\n alt=\"Modern fitted kitchen interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">02<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">HOTEL WRAPPING<\/span>\r\n <h3>HOTEL WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/wardrobes\/\"\r\n aria-label=\"Explore Wardrobes\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/11.jpg\"\r\n alt=\"Contemporary built-in wardrobe\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">03<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RESTAURANT WRAPPING<\/span>\r\n <h3>RESTAURANT WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/interior-doors\/\"\r\n aria-label=\"Explore Interior Doors\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220616_16_29_05-min-1024x683.jpg.webp\"\r\n alt=\"Premium interior doors\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">04<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">SALONS & SPAS<\/span>\r\n <h3>SALONS & SPAS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/furniture\/\"\r\n aria-label=\"Explore Furniture\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220924_18_23_21-min-1024x683.jpg.webp\"\r\n alt=\"Custom interior furniture\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">05<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RHOTELS<\/span>\r\n <h3>HOTELS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/miscellaneous\/\"\r\n aria-label=\"Explore Miscellaneous\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220616_13_44_38-min-1024x683.jpg.webp\"\r\n alt=\"Residential interior detailing\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">06<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RESTAURANTS<\/span>\r\n <h3>RESTAURANTS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/feature-walls\/\"\r\n aria-label=\"Explore Feature Walls\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220901_11_39_45-min-1024x683.jpg.webp\"\r\n alt=\"Decorative feature wall\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">07<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RSCHOOLS<\/span>\r\n <h3>SCHOOLS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/staircase\/\"\r\n aria-label=\"Explore Staircase\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220616_13_16_02-1024x683.jpg.webp\"\r\n alt=\"Contemporary staircase interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">08<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">MALLS<\/span>\r\n <h3>MALLS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/flooring-options\/\"\r\n aria-label=\"Explore Flooring Options\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220618_12_27_39-min-1024x683.jpg.webp\"\r\n alt=\"Premium residential flooring\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">09<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">HOSPITALS<\/span>\r\n <h3>HOSPITALS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"uw-section-head uw-category-head\">\r\n <div>\r\n <span class=\"uw-eyebrow\">02 \/ CRESIDENTIAL WRAPPING<\/span>\r\n <h2>Spaces That<br><em>Make An Impact.<\/em><\/h2>\r\n <\/div>\r\n\r\n <p>\r\n CRESIDENTIAL WRAPPING environments designed to communicate\r\n identity, functionality and lasting visual appeal.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"uw-service-grid\">\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/hotels\/\"\r\n aria-label=\"Explore Hotels\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Bathrooms-1024x594.jpg.webp\"\r\n alt=\"Luxury hotel interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">01<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">BATHROOMS<\/span>\r\n <h3>BATHROOMS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/bars\/\"\r\n aria-label=\"Explore Bars\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/222.png.webp\"\r\n alt=\"Contemporary bar interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">02<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">KITCHENS<\/span>\r\n <h3>KITCHENS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/restaurants\/\"\r\n aria-label=\"Explore Restaurants\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Wardrobes-1024x594.jpg.webp\"\r\n alt=\"Modern restaurant interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">03<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">WARDROBES<\/span>\r\n <h3>WARDROBES<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/salons-spas\/\"\r\n aria-label=\"Explore Salons and Spas\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Doors-1024x594.jpg.webp\"\r\n alt=\"Luxury salon and spa interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">04<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">INTERIOR DOORS<\/span>\r\n <h3>INTERIOR & DOORS <\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/schools\/\"\r\n aria-label=\"Explore Schools\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Furniture-1024x594-1.jpg\"\r\n alt=\"Modern educational interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">05<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FURNITURE<\/span>\r\n <h3>FURNITURE<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/malls\/\"\r\n aria-label=\"Explore Malls\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Miscellaneous-1024x594.jpg.webp\"\r\n alt=\"Contemporary shopping mall interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">06<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">MISCELLANEOUS<\/span>\r\n <h3>MISCELLANEOUS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/hospitals\/\"\r\n aria-label=\"Explore Hospitals\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_FeatureWalls-1024x594.jpg.webp\"\r\n alt=\"Modern hospital interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">07<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FEATURE WALLS<\/span>\r\n <h3>FEATURE WALLS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/offices\/\"\r\n aria-label=\"Explore Offices\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Floors-1024x594.jpg.webp\"\r\n alt=\"Premium modern office interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">08<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FLOORING OPTIONS<\/span>\r\n <h3>FLOORING OPTIONS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n URBAN WRAP UAE \u2014 PREMIUM SERVICE GALLERY\r\n========================================================= *\/\r\n\r\n.uw-services {\r\n width: 100%;\r\n padding: 110px 5%;\r\n background: #f7f7f5;\r\n color: #111;\r\n font-family: Arial, Helvetica, sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n.uw-services-inner {\r\n width: min(1500px, 100%);\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n SECTION HEADER\r\n========================= *\/\r\n\r\n.uw-section-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: 42px;\r\n}\r\n\r\n.uw-eyebrow {\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 2.8px;\r\n text-transform: uppercase;\r\n opacity: .55;\r\n}\r\n\r\n.uw-section-head h2 {\r\n margin: 0;\r\n font-size: clamp(38px, 4vw, 70px);\r\n line-height: .98;\r\n letter-spacing: -2.5px;\r\n font-weight: 600;\r\n}\r\n\r\n.uw-section-head h2 em {\r\n font-style: normal;\r\n font-weight: 300;\r\n}\r\n\r\n.uw-section-head p {\r\n max-width: 380px;\r\n margin: 0 0 4px;\r\n font-size: 14px;\r\n line-height: 1.8;\r\n opacity: .62;\r\n}\r\n\r\n.uw-category-head {\r\n margin-top: 125px;\r\n}\r\n\r\n\r\n\/* =========================\r\n FEATURE GRID\r\n========================= *\/\r\n\r\n.uw-feature-grid {\r\n display: grid;\r\n grid-template-columns: 1.35fr 1fr 1fr;\r\n grid-template-rows: 390px 390px;\r\n gap: 16px;\r\n}\r\n\r\n.uw-feature-grid .uw-card-large {\r\n grid-row: span 2;\r\n}\r\n\r\n\r\n\/* =========================\r\n STANDARD GRID\r\n========================= *\/\r\n\r\n.uw-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================\r\n CARD\r\n========================= *\/\r\n\r\n.uw-card {\r\n position: relative;\r\n display: block;\r\n min-height: 340px;\r\n overflow: hidden;\r\n background: #ddd;\r\n color: #fff;\r\n text-decoration: none;\r\n isolation: isolate;\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n}\r\n\r\n.uw-card img {\r\n position: absolute;\r\n inset: -2%;\r\n width: 104%;\r\n height: 104%;\r\n object-fit: cover;\r\n transition:\r\n transform .8s cubic-bezier(.2,.7,.2,1),\r\n filter .8s ease;\r\n will-change: transform;\r\n}\r\n\r\n.uw-card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,0,0,.04) 20%,\r\n rgba(0,0,0,.15) 42%,\r\n rgba(0,0,0,.86) 100%\r\n );\r\n transition: opacity .5s ease;\r\n}\r\n\r\n.uw-card-number,\r\n.uw-number {\r\n position: absolute;\r\n top: 23px;\r\n right: 24px;\r\n z-index: 3;\r\n font-size: 11px;\r\n letter-spacing: 1px;\r\n opacity: .75;\r\n}\r\n\r\n.uw-card-content {\r\n position: absolute;\r\n left: 28px;\r\n right: 28px;\r\n bottom: 27px;\r\n z-index: 3;\r\n transform: translateY(8px);\r\n transition: transform .6s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.uw-category {\r\n display: block;\r\n margin-bottom: 9px;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n opacity: .65;\r\n}\r\n\r\n.uw-card-content h3 {\r\n margin: 0;\r\n font-size: clamp(25px, 2vw, 35px);\r\n line-height: 1;\r\n font-weight: 500;\r\n letter-spacing: -.8px;\r\n}\r\n\r\n.uw-card-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 18px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition:\r\n opacity .45s ease,\r\n transform .45s ease;\r\n}\r\n\r\n.uw-card-link b {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n border: 1px solid rgba(255,255,255,.45);\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 400;\r\n transition: transform .35s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n DESKTOP HOVER\r\n========================= *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n .uw-card:hover img {\r\n transform: scale(1.09);\r\n filter: saturate(1.05);\r\n }\r\n\r\n .uw-card:hover .uw-card-overlay {\r\n opacity: .94;\r\n }\r\n\r\n .uw-card:hover .uw-card-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card:hover .uw-card-link {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card:hover .uw-card-link b {\r\n transform: translate(4px, -4px);\r\n }\r\n\r\n .uw-card:focus-visible {\r\n outline: 3px solid #111;\r\n outline-offset: 7px;\r\n }\r\n\r\n .uw-card:focus-visible img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .uw-card:focus-visible .uw-card-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card:focus-visible .uw-card-link {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n TOUCH DEVICES\r\n========================= *\/\r\n\r\n@media (hover: none) and (pointer: coarse) {\r\n\r\n .uw-card {\r\n min-height: 310px;\r\n }\r\n\r\n .uw-card .uw-card-overlay {\r\n opacity: .88;\r\n }\r\n\r\n .uw-card .uw-card-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card .uw-card-link {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card.is-touched {\r\n transform: scale(.985);\r\n }\r\n\r\n .uw-card.is-touched img {\r\n transform: scale(1.045);\r\n }\r\n\r\n .uw-card.is-touched .uw-card-overlay {\r\n opacity: .96;\r\n }\r\n\r\n .uw-card.is-touched .uw-card-link b {\r\n transform: translate(3px, -3px);\r\n }\r\n\r\n .uw-card:focus-visible {\r\n outline: 3px solid #111;\r\n outline-offset: 6px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n LARGE DESKTOP\r\n========================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n\r\n .uw-services {\r\n padding-left: 6%;\r\n padding-right: 6%;\r\n }\r\n\r\n .uw-service-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .uw-card {\r\n min-height: 370px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n NORMAL DESKTOP\r\n========================= *\/\r\n\r\n@media (min-width: 1101px) and (max-width: 1499px) {\r\n\r\n .uw-service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .uw-card {\r\n min-height: 330px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1100px) {\r\n\r\n .uw-services {\r\n padding: 80px 4%;\r\n }\r\n\r\n .uw-section-head {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .uw-section-head p {\r\n max-width: 600px;\r\n }\r\n\r\n .uw-feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-template-rows: repeat(2, 330px);\r\n }\r\n\r\n .uw-feature-grid .uw-card-large {\r\n grid-row: auto;\r\n }\r\n\r\n .uw-service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .uw-card {\r\n min-height: 320px;\r\n }\r\n\r\n .uw-category-head {\r\n margin-top: 90px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .uw-services {\r\n padding: 65px 18px;\r\n }\r\n\r\n .uw-section-head {\r\n display: block;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .uw-section-head h2 {\r\n font-size: 42px;\r\n letter-spacing: -1.8px;\r\n }\r\n\r\n .uw-section-head p {\r\n margin-top: 20px;\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n .uw-feature-grid,\r\n .uw-service-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .uw-feature-grid {\r\n grid-template-rows: none;\r\n }\r\n\r\n .uw-feature-grid .uw-card-large {\r\n grid-row: auto;\r\n }\r\n\r\n .uw-card {\r\n min-height: 285px;\r\n }\r\n\r\n .uw-card-content {\r\n left: 22px;\r\n right: 22px;\r\n bottom: 22px;\r\n }\r\n\r\n .uw-card-content h3 {\r\n font-size: 29px;\r\n }\r\n\r\n .uw-category-head {\r\n margin-top: 78px;\r\n }\r\n\r\n .uw-number {\r\n top: 18px;\r\n right: 19px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n SMALL MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n .uw-services {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n }\r\n\r\n .uw-section-head h2 {\r\n font-size: 36px;\r\n }\r\n\r\n .uw-card {\r\n min-height: 255px;\r\n }\r\n\r\n .uw-card-content h3 {\r\n font-size: 26px;\r\n }\r\n\r\n .uw-card-content {\r\n left: 18px;\r\n right: 18px;\r\n bottom: 19px;\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 .uw-card,\r\n .uw-card *,\r\n .uw-card img {\r\n transition: none !important;\r\n animation: none !important;\r\n }\r\n\r\n .uw-card.is-touched,\r\n .uw-card.is-touched img {\r\n transform: none !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n const cards = document.querySelectorAll(\".uw-card\");\r\n\r\n if (!cards.length) return;\r\n\r\n const touchQuery =\r\n window.matchMedia(\"(hover: none) and (pointer: coarse)\");\r\n\r\n cards.forEach(card => {\r\n\r\n const image = card.querySelector(\"img\");\r\n\r\n \/* --------------------------------\r\n TOUCH FEEDBACK\r\n -------------------------------- *\/\r\n\r\n card.addEventListener(\"touchstart\", function () {\r\n\r\n if (!touchQuery.matches) return;\r\n\r\n card.classList.add(\"is-touched\");\r\n\r\n }, { passive: true });\r\n\r\n\r\n card.addEventListener(\"touchend\", function () {\r\n\r\n if (!touchQuery.matches) return;\r\n\r\n setTimeout(function () {\r\n card.classList.remove(\"is-touched\");\r\n }, 180);\r\n\r\n }, { passive: true });\r\n\r\n\r\n card.addEventListener(\"touchcancel\", function () {\r\n\r\n card.classList.remove(\"is-touched\");\r\n\r\n }, { passive: true });\r\n\r\n\r\n \/* --------------------------------\r\n DESKTOP HUMAN-TOUCH MOVEMENT\r\n -------------------------------- *\/\r\n\r\n card.addEventListener(\"mousemove\", function (event) {\r\n\r\n if (touchQuery.matches) return;\r\n\r\n const rect = card.getBoundingClientRect();\r\n\r\n const x =\r\n ((event.clientX - rect.left) \/ rect.width - .5) * 6;\r\n\r\n const y =\r\n ((event.clientY - rect.top) \/ rect.height - .5) * 6;\r\n\r\n image.style.transform =\r\n \"scale(1.075) translate(\" + x + \"px,\" + y + \"px)\";\r\n\r\n });\r\n\r\n\r\n card.addEventListener(\"mouseleave\", function () {\r\n\r\n if (touchQuery.matches) return;\r\n\r\n image.style.transform = \"\";\r\n\r\n });\r\n\r\n\r\n \/* --------------------------------\r\n KEYBOARD ACCESSIBILITY\r\n -------------------------------- *\/\r\n\r\n card.addEventListener(\"focus\", function () {\r\n\r\n card.classList.add(\"uw-keyboard-focus\");\r\n\r\n });\r\n\r\n\r\n card.addEventListener(\"blur\", function () {\r\n\r\n card.classList.remove(\"uw-keyboard-focus\");\r\n\r\n if (!touchQuery.matches) {\r\n image.style.transform = \"\";\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n})();\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-465d566 e-con e-atomic-element e-flexbox-base e-default-div e-465d566-1ed897f \" data-id=\"465d566\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"465d566\">\n \t\t<div class=\"elementor-element elementor-element-3485e3a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3485e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"category-section\"> <div class=\"category-container\">\r\n\r\n <h2 class=\"category-heading\"> End\u2011to\u2011End Interiors\u2014 Delivered Seamlessly United Arab\r\n Emirates Homes <\/h2>\r\n\r\n <div class=\"category-slider\">\r\n\r\n \r\n <button class=\"category-arrow category-prev\" type=\"button\"\r\n aria-label=\"Previous categories\"\r\n >\r\n ❮ <\/button>\r\n\r\n <div class=\"category-viewport\"> <div class=\"category-track\">\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/14.jpg\" alt=\"Contemporary Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Contemporary Modular Kitchen with Built-In Appliances\r\n <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Minimalistic-4-BHK-Home.jpg\" alt=\"Sleek Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Sleek Modular Kitchen with Tall Storage Units <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/15.jpg\" alt=\"U-Shaped Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> U-Shaped Modular Kitchen with Sleek Storage <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/111.jpg\" alt=\"L-Shaped Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> L-Shaped Modular Kitchen for Modern Homes <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/112.jpg\" alt=\"Parallel Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Parallel Modular Kitchen with Smart Storage <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/12.jpg\" alt=\"Parallel Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Luxury Modular Kitchen with Premium Finishes <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n <\/div> <\/div>\r\n\r\n \r\n <button class=\"category-arrow category-next\" type=\"button\"\r\n aria-label=\"Next categories\"\r\n >\r\n ❯ <\/button>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"category-button-wrap\"> <a href=\"#\" class=\"category-button\">\r\n Talk to Our Kitchen Expert <\/a> <\/div>\r\n\r\n <\/div> <\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ========================================= RESET\r\n ========================================= *\/\r\n\r\n.category-section,\r\n.category-section * { box-sizing: border-box; }\r\n\r\n\r\n\/* ========================================= SECTION\r\n ========================================= *\/\r\n\r\n.category-section { width: 100%; background: #ffffff; padding: 35px 48px 45px;\r\n overflow: hidden; }\r\n\r\n.category-container { width: 100%; max-width: 1800px; margin: 0 auto; }\r\n\r\n\r\n\/* ========================================= HEADING\r\n ========================================= *\/\r\n\r\n.category-heading { margin: 0 0 32px; color: #172b3f; font-family: Arial,\r\n Helvetica, sans-serif; font-size: 34px; font-weight: 400; line-height:\r\n 1.25; }\r\n\r\n\r\n\/* ========================================= SLIDER\r\n ========================================= *\/\r\n\r\n.category-slider { position: relative; width: 100%; }\r\n\r\n.category-viewport { width: 100%; overflow: hidden; }\r\n\r\n.category-track { display: flex; gap: 24px; transition: transform 0.45s\r\n cubic-bezier(.4, 0, .2, 1); will-change: transform; }\r\n\r\n\r\n\/* ========================================= CATEGORY ITEM\r\n ========================================= *\/\r\n\r\n.category-item { flex: 0 0 calc((100% - 48px) \/ 3); min-width: 0; }\r\n\r\n\r\n\/* ========================================= CATEGORY CARD\r\n ========================================= *\/\r\n\r\n.category-card { display: block; width: 100%; text-decoration: none; color:\r\n inherit; }\r\n\r\n.category-image-wrap { position: relative; width: 100%; aspect-ratio: 1.78 \/\r\n 1; overflow: hidden; border-radius: 4px; background: #f2f2f2; }\r\n\r\n.category-image-wrap img { width: 100%; height: 100%; display: block;\r\n object-fit: cover; transition: transform .5s ease; }\r\n\r\n.category-card:hover .category-image-wrap img { transform: scale(1.04); }\r\n\r\n\r\n\/* ========================================= CATEGORY TITLE\r\n ========================================= *\/\r\n\r\n.category-card h3 { margin: 12px 0 0; color: #292929; font-family: Arial,\r\n Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height:\r\n 1.35; }\r\n\r\n\r\n\/* ========================================= ARROWS\r\n ========================================= *\/\r\n\r\n.category-arrow { position: absolute; top: 50%; z-index: 10;\r\n\r\n width: 40px; height: 58px;\r\n\r\n border: 0; padding: 0;\r\n\r\n display: flex; align-items: center; justify-content: center;\r\n\r\n background: rgba(255, 255, 255, .95); color: #ed1c24;\r\n\r\n font-size: 26px; line-height: 1;\r\n\r\n cursor: pointer;\r\n\r\n transform: translateY(-50%);\r\n\r\n box-shadow: 0 2px 8px rgba(0,0,0,.10);\r\n\r\n transition: background .2s ease, color .2s ease, opacity .2s ease; }\r\n\r\n.category-arrow:hover { background: #ed1c24; color: #ffffff; }\r\n\r\n.category-arrow:disabled { opacity: 0; pointer-events: none; }\r\n\r\n.category-prev { left: 0; }\r\n\r\n.category-next { right: 0; }\r\n\r\n\r\n\/* ========================================= CTA\r\n ========================================= *\/\r\n\r\n.category-button-wrap { display: flex; justify-content: center; margin-top:\r\n 38px; }\r\n\r\n.category-button { display: inline-flex; align-items: center; justify-content:\r\n center;\r\n\r\n min-width: 308px; min-height: 56px;\r\n\r\n padding: 14px 30px;\r\n\r\n background: #ed1c24; color: #ffffff;\r\n\r\n border-radius: 4px;\r\n\r\n font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:\r\n 700;\r\n\r\n text-decoration: none;\r\n\r\n transition: background .2s ease, transform .2s ease; }\r\n\r\n.category-button:hover { background: #c9141b; transform: translateY(-2px); }\r\n\r\n\r\n\/* ========================================= LARGE LAPTOP\r\n ========================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n .category-section { padding-left: 32px; padding-right: 32px; }\r\n\r\n .category-heading { font-size: 31px; }\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 .category-section { padding: 30px 28px 40px; }\r\n\r\n .category-heading { margin-bottom: 25px; font-size: 29px; }\r\n\r\n .category-track { gap: 20px; }\r\n\r\n .category-item { flex-basis: calc((100% - 20px) \/ 2); }\r\n\r\n .category-card h3 { font-size: 18px; }\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 .category-section { padding: 25px 16px 35px; }\r\n\r\n .category-heading { margin-bottom: 20px; font-size: 25px; line-height:\r\n 1.3; }\r\n\r\n .category-track { gap: 16px; }\r\n\r\n .category-item { flex-basis: 100%; }\r\n\r\n .category-image-wrap { aspect-ratio: 1.5 \/ 1; }\r\n\r\n .category-card h3 { margin-top: 10px; font-size: 17px; line-height: 1.35; }\r\n\r\n .category-arrow { width: 34px; height: 50px; font-size: 22px; }\r\n\r\n .category-button-wrap { margin-top: 30px; }\r\n\r\n .category-button { width: 100%; min-width: 0; min-height: 52px; padding:\r\n 13px 20px; font-size: 17px; }\r\n\r\n}\r\n\r\n\r\n\/* ========================================= SMALL MOBILE\r\n ========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .category-section { padding-left: 14px; padding-right: 14px; }\r\n\r\n .category-heading { font-size: 22px; }\r\n\r\n .category-card h3 { font-size: 16px; }\r\n\r\n .category-arrow { width: 30px; height: 45px; }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n const viewport = document.querySelector(\r\n \".category-viewport\" );\r\n\r\n const track = document.querySelector(\r\n \".category-track\" );\r\n\r\n const items = document.querySelectorAll(\r\n \".category-item\" );\r\n\r\n const prevButton = document.querySelector(\r\n \".category-prev\" );\r\n\r\n const nextButton = document.querySelector(\r\n \".category-next\" );\r\n\r\n let currentIndex = 0;\r\n\r\n \/* ===================================== GET NUMBER OF VISIBLE ITEMS\r\n ===================================== *\/\r\n\r\n function getVisibleItems() {\r\n\r\n if (window.innerWidth <= 767) { return 1; }\r\n\r\n if (window.innerWidth <= 1024) { return 2; }\r\n\r\n return 3; }\r\n\r\n\r\n \/* ===================================== GET GAP\r\n ===================================== *\/\r\n\r\n function getGap() {\r\n\r\n if (window.innerWidth <= 767) { return 16; }\r\n\r\n if (window.innerWidth <= 1024) { return 20; }\r\n\r\n return 24; }\r\n\r\n\r\n \/* ===================================== MAXIMUM INDEX\r\n ===================================== *\/\r\n\r\n function getMaxIndex() {\r\n\r\n return Math.max( 0, items.length - getVisibleItems() );\r\n\r\n }\r\n\r\n\r\n \/* ===================================== UPDATE SLIDER\r\n ===================================== *\/\r\n\r\n function updateSlider() {\r\n\r\n const visibleItems = getVisibleItems();\r\n\r\n const gap = getGap();\r\n\r\n const viewportWidth = viewport.clientWidth;\r\n\r\n const itemWidth =( viewportWidth - gap * (visibleItems - 1) ) \/\r\n visibleItems;\r\n\r\n const move =(itemWidth + gap) * currentIndex;\r\n\r\n track.style.transform =\r\n \"translate3d(-\" + move + \"px, 0, 0)\";\r\n\r\n\r\n \/* Buttons *\/\r\n\r\n prevButton.disabled = currentIndex <= 0;\r\n\r\n nextButton.disabled = currentIndex >= getMaxIndex();\r\n\r\n }\r\n\r\n\r\n \/* ===================================== NEXT\r\n ===================================== *\/\r\n\r\n nextButton.addEventListener(\r\n \"click\", function () {\r\n\r\n if ( currentIndex < getMaxIndex() ) {\r\n\r\n currentIndex++;\r\n\r\n updateSlider();\r\n\r\n }\r\n\r\n } );\r\n\r\n\r\n \/* ===================================== PREVIOUS\r\n ===================================== *\/\r\n\r\n prevButton.addEventListener(\r\n \"click\", function () {\r\n\r\n if (currentIndex > 0) {\r\n\r\n currentIndex--;\r\n\r\n updateSlider();\r\n\r\n }\r\n\r\n } );\r\n\r\n\r\n \/* ===================================== TOUCH SWIPE\r\n ===================================== *\/\r\n\r\n let startX = 0; let endX = 0;\r\n\r\n viewport.addEventListener(\r\n \"touchstart\", function (event) {\r\n\r\n startX = event.touches[0].clientX;\r\n\r\n },{ passive: true } );\r\n\r\n\r\n viewport.addEventListener(\r\n \"touchend\", function (event) {\r\n\r\n endX = event.changedTouches[0].clientX;\r\n\r\n const distance = startX - endX;\r\n\r\n if (Math.abs(distance) < 50) { return; }\r\n\r\n\r\n \/* Swipe left *\/\r\n\r\n if (distance > 0) {\r\n\r\n if ( currentIndex < getMaxIndex() ) {\r\n\r\n currentIndex++; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n \/* Swipe right *\/\r\n\r\n else {\r\n\r\n if (currentIndex > 0) {\r\n\r\n currentIndex--; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n },{ passive: true } );\r\n\r\n\r\n \/* ===================================== KEYBOARD\r\n ===================================== *\/\r\n\r\n document.addEventListener(\r\n \"keydown\", function (event) {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n\r\n if ( currentIndex < getMaxIndex() ) {\r\n\r\n currentIndex++; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n\r\n if (currentIndex > 0) {\r\n\r\n currentIndex--; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n } );\r\n\r\n\r\n \/* ===================================== RESIZE\r\n ===================================== *\/\r\n\r\n let resizeTimer;\r\n\r\n window.addEventListener(\r\n \"resize\", function () {\r\n\r\n clearTimeout(resizeTimer);\r\n\r\n resizeTimer = setTimeout( function () {\r\n\r\n currentIndex = Math.min( currentIndex, getMaxIndex() );\r\n\r\n updateSlider();\r\n\r\n }, 100 );\r\n\r\n } );\r\n\r\n\r\n \/* INITIALIZE *\/\r\n\r\n updateSlider();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dd3ecb9 e-con e-atomic-element e-flexbox-base e-default-div e-dd3ecb9-75fb7e2 \" data-id=\"dd3ecb9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dd3ecb9\">\n \t\t<div class=\"elementor-element elementor-element-a278121 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a278121\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"interior-section\">\r\n\r\n <div class=\"interior-container\">\r\n\r\n \r\n <div class=\"interior-header\">\r\n <h2>Interior Design Ideas for Every Home<\/h2>\r\n\r\n <p>\r\n Explore beautiful interior designs, styles and inspiration\r\n for every room in your home.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"interior-tags-wrapper\">\r\n\r\n \r\n <button\r\n class=\"interior-tag-arrow interior-tag-prev\"\r\n type=\"button\"\r\n aria-label=\"Previous categories\">\r\n ❮\r\n <\/button>\r\n\r\n\r\n <div class=\"interior-tags-viewport\">\r\n\r\n <div class=\"interior-tags-track\">\r\n\r\n <button class=\"interior-tag active\">\r\n All\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Living Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Bedroom\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Kitchen\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Dining Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Bathroom\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Pooja Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Home Office\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Kids Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Balcony\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <button\r\n class=\"interior-tag-arrow interior-tag-next\"\r\n type=\"button\"\r\n aria-label=\"Next categories\">\r\n ❯\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"interior-cards-wrapper\">\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/ll.avif\"\r\n alt=\"Modern living room interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Living Room\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Modern Living Room Interior Design\r\n <\/h3>\r\n\r\n <p>\r\n Contemporary interiors designed for\r\n comfortable modern living.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/ll.avif\"\r\n alt=\"Modern bedroom interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Bedroom\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Elegant Bedroom Interior Design\r\n <\/h3>\r\n\r\n <p>\r\n Relaxing bedroom spaces with smart\r\n storage and beautiful finishes.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/image.jpg\"\r\n alt=\"Modern kitchen interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Kitchen\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Stylish Modular Kitchen Design\r\n <\/h3>\r\n\r\n <p>\r\n Functional kitchen interiors created\r\n for modern Indian homes.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/112.jpg\"\r\n alt=\"Dining room interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Dining Room\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Contemporary Dining Room Design\r\n <\/h3>\r\n\r\n <p>\r\n Sophisticated dining spaces for\r\n everyday meals and entertaining.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/image1.jpg\"\r\n alt=\"Pooja room interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Pooja Room\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Beautiful Pooja Room Interior\r\n <\/h3>\r\n\r\n <p>\r\n Peaceful and elegant spaces designed\r\n for Indian homes.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/12.jpg\"\r\n alt=\"Home office interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Home Office\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Smart Home Office Interior\r\n <\/h3>\r\n\r\n <p>\r\n Productive and stylish workspaces\r\n designed for modern lifestyles.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"interior-cta\">\r\n <a href=\"#\">\r\n Explore All Interior Designs\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n RESET\r\n========================================= *\/\r\n\r\n.interior-section,\r\n.interior-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SECTION\r\n========================================= *\/\r\n\r\n.interior-section {\r\n width: 100%;\r\n padding: 60px 48px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n}\r\n\r\n.interior-container {\r\n width: 100%;\r\n max-width: 1500px;\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.interior-header {\r\n text-align: center;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.interior-header h2 {\r\n margin: 0 0 12px;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 36px;\r\n font-weight: 500;\r\n line-height: 1.25;\r\n color: #172b3f;\r\n}\r\n\r\n.interior-header p {\r\n max-width: 700px;\r\n margin: auto;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 17px;\r\n line-height: 1.6;\r\n color: #666;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TAG SLIDER\r\n========================================= *\/\r\n\r\n.interior-tags-wrapper {\r\n position: relative;\r\n width: 100%;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.interior-tags-viewport {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.interior-tags-track {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n\r\n transition:\r\n transform .4s ease;\r\n\r\n will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TAG\r\n========================================= *\/\r\n\r\n.interior-tag {\r\n flex: 0 0 auto;\r\n\r\n padding: 12px 24px;\r\n\r\n border: 1px solid #d7d7d7;\r\n border-radius: 30px;\r\n\r\n background: #ffffff;\r\n color: #333;\r\n\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n\r\n white-space: nowrap;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n background .25s ease,\r\n color .25s ease,\r\n border-color .25s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.interior-tag:hover {\r\n border-color: #ed1c24;\r\n color: #ed1c24;\r\n}\r\n\r\n.interior-tag.active {\r\n background: #ed1c24;\r\n border-color: #ed1c24;\r\n color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TAG ARROWS\r\n========================================= *\/\r\n\r\n.interior-tag-arrow {\r\n position: absolute;\r\n top: 50%;\r\n z-index: 5;\r\n\r\n width: 38px;\r\n height: 48px;\r\n\r\n border: 0;\r\n\r\n background: #ffffff;\r\n color: #ed1c24;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n font-size: 22px;\r\n\r\n cursor: pointer;\r\n\r\n transform: translateY(-50%);\r\n\r\n box-shadow: 0 2px 8px rgba(0,0,0,.12);\r\n\r\n transition:\r\n background .2s ease,\r\n color .2s ease;\r\n}\r\n\r\n.interior-tag-arrow:hover {\r\n background: #ed1c24;\r\n color: #ffffff;\r\n}\r\n\r\n.interior-tag-arrow:disabled {\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.interior-tag-prev {\r\n left: 0;\r\n}\r\n\r\n.interior-tag-next {\r\n right: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARDS\r\n========================================= *\/\r\n\r\n.interior-cards-wrapper {\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 28px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARD\r\n========================================= *\/\r\n\r\n.interior-card {\r\n min-width: 0;\r\n\r\n background: #ffffff;\r\n\r\n border: 1px solid #eeeeee;\r\n\r\n border-radius: 6px;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.interior-card:hover {\r\n transform: translateY(-5px);\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.interior-card-link {\r\n display: block;\r\n\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\r\n\/* =========================================\r\n IMAGE\r\n========================================= *\/\r\n\r\n.interior-image {\r\n position: relative;\r\n\r\n width: 100%;\r\n\r\n aspect-ratio: 1.55 \/ 1;\r\n\r\n overflow: hidden;\r\n\r\n background: #eeeeee;\r\n}\r\n\r\n.interior-image img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: cover;\r\n\r\n transition:\r\n transform .5s ease;\r\n}\r\n\r\n.interior-card:hover .interior-image img {\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================\r\n IMAGE TAG\r\n========================================= *\/\r\n\r\n.interior-card-tag {\r\n position: absolute;\r\n\r\n left: 15px;\r\n bottom: 15px;\r\n\r\n padding: 7px 13px;\r\n\r\n border-radius: 20px;\r\n\r\n background: rgba(0,0,0,.72);\r\n\r\n color: #ffffff;\r\n\r\n font-size: 13px;\r\n font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTENT\r\n========================================= *\/\r\n\r\n.interior-card-content {\r\n padding: 20px;\r\n}\r\n\r\n.interior-card-content h3 {\r\n margin: 0 0 10px;\r\n\r\n color: #222;\r\n\r\n font-family: Arial, Helvetica, sans-serif;\r\n\r\n font-size: 21px;\r\n font-weight: 500;\r\n\r\n line-height: 1.35;\r\n}\r\n\r\n.interior-card-content p {\r\n margin: 0 0 15px;\r\n\r\n color: #666;\r\n\r\n font-family: Arial, Helvetica, sans-serif;\r\n\r\n font-size: 15px;\r\n\r\n line-height: 1.55;\r\n}\r\n\r\n.interior-read-more {\r\n color: #ed1c24;\r\n\r\n font-size: 15px;\r\n font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CTA\r\n========================================= *\/\r\n\r\n.interior-cta {\r\n display: flex;\r\n\r\n justify-content: center;\r\n\r\n margin-top: 38px;\r\n}\r\n\r\n.interior-cta a {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-width: 280px;\r\n min-height: 54px;\r\n\r\n padding: 14px 28px;\r\n\r\n border-radius: 4px;\r\n\r\n background: #ed1c24;\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 17px;\r\n font-weight: 700;\r\n\r\n transition:\r\n background .2s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.interior-cta a:hover {\r\n background: #c9141b;\r\n\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n LARGE TABLET \/ SMALL DESKTOP\r\n========================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n .interior-section {\r\n padding-left: 32px;\r\n padding-right: 32px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .interior-cards-wrapper {\r\n gap: 22px;\r\n }\r\n\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 .interior-section {\r\n padding: 50px 28px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 30px;\r\n }\r\n\r\n .interior-tags-track {\r\n justify-content: flex-start;\r\n }\r\n\r\n .interior-cards-wrapper {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n\r\n gap: 20px;\r\n }\r\n\r\n .interior-card-content h3 {\r\n font-size: 19px;\r\n }\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 .interior-section {\r\n padding: 40px 16px;\r\n }\r\n\r\n .interior-header {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 25px;\r\n line-height: 1.3;\r\n }\r\n\r\n .interior-header p {\r\n font-size: 15px;\r\n }\r\n\r\n\r\n \/* TAGS *\/\r\n\r\n .interior-tags-wrapper {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .interior-tags-track {\r\n justify-content: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .interior-tag {\r\n padding: 10px 17px;\r\n\r\n font-size: 14px;\r\n }\r\n\r\n .interior-tag-arrow {\r\n width: 32px;\r\n height: 42px;\r\n }\r\n\r\n\r\n \/* CARDS *\/\r\n\r\n .interior-cards-wrapper {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 18px;\r\n }\r\n\r\n .interior-image {\r\n aspect-ratio: 1.55 \/ 1;\r\n }\r\n\r\n .interior-card-content {\r\n padding: 17px;\r\n }\r\n\r\n .interior-card-content h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .interior-card-content p {\r\n font-size: 14px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .interior-cta {\r\n margin-top: 28px;\r\n }\r\n\r\n .interior-cta a {\r\n width: 100%;\r\n min-width: 0;\r\n font-size: 16px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .interior-section {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 22px;\r\n }\r\n\r\n .interior-header p {\r\n font-size: 14px;\r\n }\r\n\r\n .interior-card-content h3 {\r\n font-size: 17px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n const viewport =\r\n document.querySelector(\r\n \".interior-tags-viewport\"\r\n );\r\n\r\n const track =\r\n document.querySelector(\r\n \".interior-tags-track\"\r\n );\r\n\r\n const tags =\r\n Array.from(\r\n document.querySelectorAll(\r\n \".interior-tag\"\r\n )\r\n );\r\n\r\n const prev =\r\n document.querySelector(\r\n \".interior-tag-prev\"\r\n );\r\n\r\n const next =\r\n document.querySelector(\r\n \".interior-tag-next\"\r\n );\r\n\r\n\r\n let position = 0;\r\n\r\n\r\n \/* =====================================\r\n CALCULATE MAX SCROLL\r\n ====================================== *\/\r\n\r\n function getMaxScroll() {\r\n\r\n return Math.max(\r\n 0,\r\n track.scrollWidth -\r\n viewport.clientWidth\r\n );\r\n\r\n }\r\n\r\n\r\n \/* =====================================\r\n MOVE SLIDER\r\n ====================================== *\/\r\n\r\n function updateSlider() {\r\n\r\n const maxScroll =\r\n getMaxScroll();\r\n\r\n position =\r\n Math.max(\r\n 0,\r\n Math.min(position, maxScroll)\r\n );\r\n\r\n track.style.transform =\r\n `translate3d(-${position}px,0,0)`;\r\n\r\n\r\n prev.disabled =\r\n position <= 0;\r\n\r\n next.disabled =\r\n position >= maxScroll - 1;\r\n\r\n }\r\n\r\n\r\n \/* =====================================\r\n NEXT\r\n ====================================== *\/\r\n\r\n next.addEventListener(\r\n \"click\",\r\n function () {\r\n\r\n position +=\r\n viewport.clientWidth * 0.65;\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n PREVIOUS\r\n ====================================== *\/\r\n\r\n prev.addEventListener(\r\n \"click\",\r\n function () {\r\n\r\n position -=\r\n viewport.clientWidth * 0.65;\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n TAG ACTIVE STATE\r\n ====================================== *\/\r\n\r\n tags.forEach(function (tag) {\r\n\r\n tag.addEventListener(\r\n \"click\",\r\n function () {\r\n\r\n tags.forEach(function (item) {\r\n item.classList.remove(\"active\");\r\n });\r\n\r\n tag.classList.add(\"active\");\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =====================================\r\n TOUCH SWIPE\r\n ====================================== *\/\r\n\r\n let startX = 0;\r\n let startPosition = 0;\r\n\r\n viewport.addEventListener(\r\n \"touchstart\",\r\n function (event) {\r\n\r\n startX =\r\n event.touches[0].clientX;\r\n\r\n startPosition = position;\r\n\r\n track.style.transition =\r\n \"none\";\r\n\r\n },\r\n {\r\n passive: true\r\n }\r\n );\r\n\r\n\r\n viewport.addEventListener(\r\n \"touchmove\",\r\n function (event) {\r\n\r\n const currentX =\r\n event.touches[0].clientX;\r\n\r\n const distance =\r\n startX - currentX;\r\n\r\n position =\r\n startPosition + distance;\r\n\r\n const maxScroll =\r\n getMaxScroll();\r\n\r\n position =\r\n Math.max(\r\n 0,\r\n Math.min(position, maxScroll)\r\n );\r\n\r\n track.style.transform =\r\n `translate3d(-${position}px,0,0)`;\r\n\r\n },\r\n {\r\n passive: true\r\n }\r\n );\r\n\r\n\r\n viewport.addEventListener(\r\n \"touchend\",\r\n function () {\r\n\r\n track.style.transition =\r\n \"transform .4s ease\";\r\n\r\n updateSlider();\r\n\r\n },\r\n {\r\n passive: true\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n MOUSE DRAG\r\n ====================================== *\/\r\n\r\n let mouseDown = false;\r\n let mouseStart = 0;\r\n let mousePosition = 0;\r\n\r\n\r\n viewport.addEventListener(\r\n \"mousedown\",\r\n function (event) {\r\n\r\n mouseDown = true;\r\n\r\n mouseStart =\r\n event.clientX;\r\n\r\n mousePosition =\r\n position;\r\n\r\n viewport.style.cursor =\r\n \"grabbing\";\r\n\r\n track.style.transition =\r\n \"none\";\r\n\r\n }\r\n );\r\n\r\n\r\n window.addEventListener(\r\n \"mousemove\",\r\n function (event) {\r\n\r\n if (!mouseDown) {\r\n return;\r\n }\r\n\r\n const distance =\r\n mouseStart - event.clientX;\r\n\r\n position =\r\n mousePosition + distance;\r\n\r\n const maxScroll =\r\n getMaxScroll();\r\n\r\n position =\r\n Math.max(\r\n 0,\r\n Math.min(position, maxScroll)\r\n );\r\n\r\n track.style.transform =\r\n `translate3d(-${position}px,0,0)`;\r\n\r\n }\r\n );\r\n\r\n\r\n window.addEventListener(\r\n \"mouseup\",\r\n function () {\r\n\r\n if (!mouseDown) {\r\n return;\r\n }\r\n\r\n mouseDown = false;\r\n\r\n viewport.style.cursor =\r\n \"\";\r\n\r\n track.style.transition =\r\n \"transform .4s ease\";\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n RESIZE\r\n ====================================== *\/\r\n\r\n window.addEventListener(\r\n \"resize\",\r\n function () {\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* INITIALIZE *\/\r\n\r\n updateSlider();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-983211b e-con e-atomic-element e-flexbox-base e-default-div e-983211b-b780f74 \" data-id=\"983211b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"983211b\">\n \t\t<div class=\"elementor-element elementor-element-7732b52 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7732b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"premium-reviews\" id=\"premium-reviews\">\r\n\r\n <div class=\"reviews-wrap\">\r\n\r\n \r\n <div class=\"reviews-intro\">\r\n\r\n <div class=\"intro-left\">\r\n <span class=\"eyebrow\">\r\n <i><\/i>\r\n CLIENT EXPERIENCES\r\n <\/span>\r\n\r\n <h2>\r\n Designed Around\r\n <em>Your Story.<\/em>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"intro-right\">\r\n <p>\r\n Every space begins with an idea. Our clients share how that idea\r\n became a thoughtfully designed environment built around the way\r\n they live, work and experience their space.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"google-strip\">\r\n\r\n <div class=\"google-brand\">\r\n\r\n <div class=\"google-g\">\r\n G\r\n <\/div>\r\n\r\n <div class=\"google-content\">\r\n <strong>Google Reviews<\/strong>\r\n\r\n <div class=\"google-rating\">\r\n <span>5.0<\/span>\r\n\r\n <div class=\"stars\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n\r\n <small>Client experiences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"google-message\">\r\n <span>YOUR EXPERIENCE MATTERS<\/span>\r\n <p>\r\n Worked with us? Tell others about your experience.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/g.page\/r\/YOUR-GOOGLE-REVIEW-LINK\/review\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"google-button\"\r\n >\r\n <span>Write a Review<\/span>\r\n <b>\u2197<\/b>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"testimonial-area\">\r\n\r\n <div class=\"slider-top\">\r\n\r\n <div>\r\n <span class=\"slider-label\">WHAT CLIENTS SAY<\/span>\r\n <\/div>\r\n\r\n <div class=\"slider-controls\">\r\n\r\n <button class=\"review-prev\" aria-label=\"Previous testimonial\">\r\n \u2190\r\n <\/button>\r\n\r\n <button class=\"review-next\" aria-label=\"Next testimonial\">\r\n \u2192\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"review-slider\">\r\n\r\n <div class=\"review-track\">\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">01 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cFrom the first consultation to the final handover,\r\n everything felt carefully considered. The team understood\r\n our vision and turned our home into a space that feels\r\n personal, elegant and effortless.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n A\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Ahmed R.<\/strong>\r\n <span>Villa Interior Project<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card dark\">\r\n\r\n <div class=\"card-number\">02 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cWe wanted a contemporary interior without losing warmth.\r\n The design team balanced materials, lighting and furniture\r\n beautifully. The final result exceeded what we imagined.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n S\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Sarah M.<\/strong>\r\n <span>Luxury Apartment<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">03 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cOur office needed to feel professional while remaining\r\n welcoming. The result is a functional workspace with a\r\n sophisticated design language that our entire team enjoys.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n M\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Mohammed K.<\/strong>\r\n <span>Corporate Office<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>COMMERCIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">04 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cThe entire process was organised and transparent. We\r\n appreciated the attention given to every detail, especially\r\n the finishing and installation quality.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n N\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Nadia A.<\/strong>\r\n <span>Apartment Interior<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card dark\">\r\n\r\n <div class=\"card-number\">05 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cThe design brought together luxury and practicality in a\r\n very natural way. Communication throughout the project was\r\n excellent and the finished space looks incredible.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n R\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Rahul P.<\/strong>\r\n <span>Retail Showroom<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RETAIL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">06 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cA beautiful combination of creativity and execution.\r\n Every room has its own character while still feeling like\r\n part of one complete home.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n L\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Layla H.<\/strong>\r\n <span>Luxury Villa<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"slider-bottom\">\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"slider-counter\">\r\n <span id=\"currentReview\">01<\/span>\r\n <i><\/i>\r\n <span>06<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"review-bottom\">\r\n\r\n <div class=\"bottom-text\">\r\n <span>SHARE YOUR EXPERIENCE<\/span>\r\n <h3>\r\n Your space has a story.\r\n <em>Tell us yours.<\/em>\r\n <\/h3>\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/g.page\/r\/YOUR-GOOGLE-REVIEW-LINK\/review\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"bottom-google\"\r\n >\r\n <span class=\"mini-google\">G<\/span>\r\n\r\n <div>\r\n <strong>Review us on Google<\/strong>\r\n <small>Share your experience<\/small>\r\n <\/div>\r\n\r\n <b>\u2197<\/b>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM REVIEWS\r\n ========================================================= *\/\r\n\r\n.premium-reviews {\r\n position: relative;\r\n width: 100%;\r\n padding: 120px 5%;\r\n background: #f4f2ed;\r\n color: #161616;\r\n overflow: hidden;\r\n font-family:\r\n \"DM Sans\",\r\n \"Helvetica Neue\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n.reviews-wrap {\r\n width: min(1450px, 100%);\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n ========================================================= *\/\r\n\r\n.reviews-intro {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 80px;\r\n align-items: end;\r\n margin-bottom: 65px;\r\n}\r\n\r\n.eyebrow,\r\n.slider-label,\r\n.google-message > span,\r\n.bottom-text > span {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n}\r\n\r\n.eyebrow i {\r\n display: block;\r\n width: 35px;\r\n height: 1px;\r\n background: #171717;\r\n}\r\n\r\n.reviews-intro h2 {\r\n margin: 20px 0 0;\r\n\r\n font-family:\r\n \"Playfair Display\",\r\n Georgia,\r\n serif;\r\n\r\n font-size: clamp(50px, 7vw, 100px);\r\n font-weight: 500;\r\n line-height: .94;\r\n letter-spacing: -4px;\r\n}\r\n\r\n.reviews-intro h2 em {\r\n display: block;\r\n font-weight: 400;\r\n color: #77736b;\r\n}\r\n\r\n.intro-right {\r\n padding-bottom: 5px;\r\n}\r\n\r\n.intro-right p {\r\n max-width: 500px;\r\n margin: 0;\r\n\r\n color: #6f6c66;\r\n\r\n font-size: 15px;\r\n line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GOOGLE STRIP\r\n ========================================================= *\/\r\n\r\n.google-strip {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr auto;\r\n align-items: center;\r\n\r\n gap: 35px;\r\n\r\n padding: 25px 30px;\r\n\r\n background: #1b1b1a;\r\n color: #fff;\r\n\r\n margin-bottom: 70px;\r\n\r\n transition: .4s ease;\r\n}\r\n\r\n.google-strip:hover {\r\n box-shadow: 0 25px 70px rgba(0,0,0,.15);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.google-brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.google-g {\r\n width: 55px;\r\n height: 55px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #fff;\r\n color: #4285f4;\r\n\r\n font-size: 25px;\r\n font-weight: 700;\r\n}\r\n\r\n.google-content strong {\r\n display: block;\r\n margin-bottom: 7px;\r\n font-size: 15px;\r\n}\r\n\r\n.google-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.google-rating span {\r\n font-size: 13px;\r\n font-weight: 700;\r\n}\r\n\r\n.stars {\r\n color: #f5b400;\r\n letter-spacing: 2px;\r\n font-size: 12px;\r\n}\r\n\r\n.google-rating small {\r\n color: #9d9d9d;\r\n font-size: 10px;\r\n}\r\n\r\n.google-message {\r\n border-left: 1px solid #444;\r\n padding-left: 35px;\r\n}\r\n\r\n.google-message > span {\r\n color: #999;\r\n font-size: 9px;\r\n}\r\n\r\n.google-message p {\r\n margin: 6px 0 0;\r\n color: #ddd;\r\n font-size: 13px;\r\n}\r\n\r\n.google-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n padding: 15px 22px;\r\n\r\n background: #fff;\r\n color: #171717;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 12px;\r\n font-weight: 700;\r\n\r\n transition: .35s ease;\r\n}\r\n\r\n.google-button b {\r\n font-size: 18px;\r\n font-weight: 400;\r\n transition: .35s ease;\r\n}\r\n\r\n.google-button:hover {\r\n padding-right: 27px;\r\n}\r\n\r\n.google-button:hover b {\r\n transform: translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER HEADER\r\n ========================================================= *\/\r\n\r\n.testimonial-area {\r\n width: 100%;\r\n}\r\n\r\n.slider-top {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n margin-bottom: 25px;\r\n}\r\n\r\n.slider-label {\r\n color: #77736d;\r\n font-size: 9px;\r\n}\r\n\r\n.slider-controls {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.slider-controls button {\r\n width: 50px;\r\n height: 50px;\r\n\r\n border: 1px solid #d7d3ca;\r\n\r\n background: transparent;\r\n color: #171717;\r\n\r\n cursor: pointer;\r\n\r\n font-size: 19px;\r\n\r\n transition: .3s ease;\r\n}\r\n\r\n.slider-controls button:hover {\r\n background: #171717;\r\n color: #fff;\r\n border-color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER\r\n ========================================================= *\/\r\n\r\n.review-slider {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.review-track {\r\n display: flex;\r\n gap: 22px;\r\n\r\n transition:\r\n transform .8s cubic-bezier(.77,0,.18,1);\r\n\r\n will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW CARD\r\n ========================================================= *\/\r\n\r\n.review-card {\r\n position: relative;\r\n\r\n flex: 0 0 calc(33.333% - 15px);\r\n\r\n min-height: 470px;\r\n\r\n padding: 38px;\r\n\r\n background: #fff;\r\n\r\n border: 1px solid #e2ded5;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n transform .45s ease,\r\n box-shadow .45s ease,\r\n border-color .45s ease;\r\n}\r\n\r\n.review-card::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 180px;\r\n height: 180px;\r\n\r\n right: -90px;\r\n bottom: -90px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 1px solid #dedbd4;\r\n\r\n transition: .5s ease;\r\n}\r\n\r\n.review-card:hover {\r\n transform: translateY(-10px);\r\n border-color: #c7c2b8;\r\n box-shadow: 0 30px 70px rgba(0,0,0,.10);\r\n}\r\n\r\n.review-card:hover::before {\r\n transform: scale(1.8);\r\n}\r\n\r\n\r\n\/* DARK CARD *\/\r\n\r\n.review-card.dark {\r\n background: #20201f;\r\n color: #fff;\r\n border-color: #20201f;\r\n}\r\n\r\n.review-card.dark::before {\r\n border-color: #444;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n ========================================================= *\/\r\n\r\n.card-number {\r\n position: absolute;\r\n right: 32px;\r\n top: 35px;\r\n\r\n color: #a09c94;\r\n\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.quote-icon {\r\n font-family: Georgia, serif;\r\n\r\n font-size: 100px;\r\n line-height: .6;\r\n\r\n color: #d6d1c7;\r\n\r\n margin-top: 15px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.dark .quote-icon {\r\n color: #4a4845;\r\n}\r\n\r\n.review-stars {\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n\r\n color: #c59b55;\r\n\r\n margin-bottom: 22px;\r\n}\r\n\r\n.review-text {\r\n position: relative;\r\n z-index: 2;\r\n\r\n margin: 0;\r\n\r\n max-width: 520px;\r\n\r\n color: #55524d;\r\n\r\n font-family:\r\n \"Playfair Display\",\r\n Georgia,\r\n serif;\r\n\r\n font-size: 19px;\r\n line-height: 1.65;\r\n}\r\n\r\n.dark .review-text {\r\n color: #d0cdca;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLIENT\r\n ========================================================= *\/\r\n\r\n.client {\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 13px;\r\n\r\n margin-top: auto;\r\n padding-top: 35px;\r\n}\r\n\r\n.client-photo {\r\n width: 48px;\r\n height: 48px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #e8e5dd;\r\n\r\n color: #222;\r\n\r\n font-size: 14px;\r\n font-weight: 700;\r\n}\r\n\r\n.dark .client-photo {\r\n background: #fff;\r\n}\r\n\r\n.client-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n flex: 1;\r\n}\r\n\r\n.client-details strong {\r\n font-size: 13px;\r\n}\r\n\r\n.client-details span {\r\n color: #8b8882;\r\n font-size: 10px;\r\n}\r\n\r\n.verified {\r\n width: 20px;\r\n height: 20px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #171717;\r\n color: #fff;\r\n\r\n font-size: 10px;\r\n}\r\n\r\n.dark .verified {\r\n background: #fff;\r\n color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROJECT TYPE\r\n ========================================================= *\/\r\n\r\n.project-type {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n margin-top: 25px;\r\n padding-top: 17px;\r\n\r\n border-top: 1px solid #e5e1d9;\r\n\r\n color: #96928a;\r\n\r\n font-size: 8px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.dark .project-type {\r\n border-color: #3e3d3a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER BOTTOM\r\n ========================================================= *\/\r\n\r\n.slider-bottom {\r\n display: flex;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n margin-top: 35px;\r\n}\r\n\r\n.progress-container {\r\n height: 1px;\r\n\r\n flex: 1;\r\n\r\n background: #d7d3ca;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n.progress-bar {\r\n width: 16.66%;\r\n height: 100%;\r\n\r\n background: #171717;\r\n\r\n transition: width .6s ease;\r\n}\r\n\r\n.slider-counter {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n color: #77736c;\r\n\r\n font-size: 10px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.slider-counter i {\r\n width: 25px;\r\n height: 1px;\r\n\r\n background: #bbb7ae;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM GOOGLE CTA\r\n ========================================================= *\/\r\n\r\n.review-bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 40px;\r\n\r\n margin-top: 100px;\r\n\r\n padding-top: 45px;\r\n\r\n border-top: 1px solid #d8d4ca;\r\n}\r\n\r\n.bottom-text > span {\r\n color: #77736d;\r\n font-size: 9px;\r\n}\r\n\r\n.bottom-text h3 {\r\n margin: 12px 0 0;\r\n\r\n font-family:\r\n \"Playfair Display\",\r\n Georgia,\r\n serif;\r\n\r\n font-size: clamp(28px, 3vw, 43px);\r\n\r\n font-weight: 500;\r\n line-height: 1.1;\r\n}\r\n\r\n.bottom-text h3 em {\r\n color: #77736d;\r\n font-weight: 400;\r\n}\r\n\r\n.bottom-google {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n min-width: 300px;\r\n\r\n padding: 15px 18px;\r\n\r\n border: 1px solid #d3cfc5;\r\n\r\n color: #171717;\r\n\r\n text-decoration: none;\r\n\r\n transition: .4s ease;\r\n}\r\n\r\n.bottom-google:hover {\r\n background: #171717;\r\n color: #fff;\r\n\r\n transform: translateY(-5px);\r\n}\r\n\r\n.mini-google {\r\n width: 42px;\r\n height: 42px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #fff;\r\n\r\n color: #4285f4;\r\n\r\n font-weight: 700;\r\n}\r\n\r\n.bottom-google div {\r\n flex: 1;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.bottom-google strong {\r\n font-size: 12px;\r\n}\r\n\r\n.bottom-google small {\r\n color: #888;\r\n font-size: 9px;\r\n}\r\n\r\n.bottom-google b {\r\n font-size: 19px;\r\n font-weight: 400;\r\n\r\n transition: .3s ease;\r\n}\r\n\r\n.bottom-google:hover b {\r\n transform: translate(4px,-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n .premium-reviews {\r\n padding: 90px 5%;\r\n }\r\n\r\n .reviews-intro {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .intro-right p {\r\n max-width: 650px;\r\n }\r\n\r\n .google-strip {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .google-button {\r\n width: fit-content;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 calc(50% - 11px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .premium-reviews {\r\n padding: 75px 20px;\r\n }\r\n\r\n .reviews-intro {\r\n margin-bottom: 45px;\r\n }\r\n\r\n .reviews-intro h2 {\r\n font-size: clamp(45px, 13vw, 70px);\r\n letter-spacing: -2px;\r\n }\r\n\r\n .intro-right p {\r\n font-size: 14px;\r\n }\r\n\r\n .google-strip {\r\n grid-template-columns: 1fr;\r\n gap: 22px;\r\n\r\n padding: 24px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .google-message {\r\n border-left: 0;\r\n border-top: 1px solid #444;\r\n\r\n padding-left: 0;\r\n padding-top: 20px;\r\n }\r\n\r\n .google-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 100%;\r\n min-height: 430px;\r\n padding: 30px;\r\n }\r\n\r\n .review-text {\r\n font-size: 18px;\r\n }\r\n\r\n .slider-controls button {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n\r\n .review-bottom {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n\r\n margin-top: 70px;\r\n }\r\n\r\n .bottom-google {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n .premium-reviews {\r\n padding: 60px 15px;\r\n }\r\n\r\n .reviews-intro h2 {\r\n font-size: 43px;\r\n }\r\n\r\n .google-brand {\r\n gap: 12px;\r\n }\r\n\r\n .google-g {\r\n width: 48px;\r\n height: 48px;\r\n font-size: 21px;\r\n }\r\n\r\n .google-rating {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .review-card {\r\n padding: 25px;\r\n min-height: 450px;\r\n }\r\n\r\n .review-text {\r\n font-size: 17px;\r\n line-height: 1.6;\r\n }\r\n\r\n .card-number {\r\n right: 23px;\r\n }\r\n\r\n .slider-bottom {\r\n gap: 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCE MOTION\r\n ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .review-track,\r\n .progress-bar,\r\n .review-card,\r\n .google-strip,\r\n .google-button,\r\n .bottom-google {\r\n transition: none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n const track = document.querySelector(\".review-track\");\r\n const cards = document.querySelectorAll(\".review-card\");\r\n\r\n const nextBtn = document.querySelector(\".review-next\");\r\n const prevBtn = document.querySelector(\".review-prev\");\r\n\r\n const currentNumber =\r\n document.getElementById(\"currentReview\");\r\n\r\n const progress =\r\n document.querySelector(\".progress-bar\");\r\n\r\n if (!track || !cards.length) return;\r\n\r\n let current = 0;\r\n\r\n let autoSlide;\r\n\r\n function getVisibleCards() {\r\n\r\n if (window.innerWidth <= 700) {\r\n return 1;\r\n }\r\n\r\n if (window.innerWidth <= 1050) {\r\n return 2;\r\n }\r\n\r\n return 3;\r\n }\r\n\r\n\r\n function updateSlider() {\r\n\r\n const visible = getVisibleCards();\r\n\r\n const maxIndex =\r\n Math.max(0, cards.length - visible);\r\n\r\n if (current > maxIndex) {\r\n current = 0;\r\n }\r\n\r\n if (current < 0) {\r\n current = maxIndex;\r\n }\r\n\r\n const cardWidth =\r\n cards[0].getBoundingClientRect().width;\r\n\r\n const gap =\r\n parseFloat(\r\n window.getComputedStyle(track).gap\r\n ) || 0;\r\n\r\n const move =\r\n current * (cardWidth + gap);\r\n\r\n track.style.transform =\r\n `translateX(-${move}px)`;\r\n\r\n\r\n \/*\r\n Display current visible slide\r\n *\/\r\n\r\n currentNumber.textContent =\r\n String(current + 1).padStart(2, \"0\");\r\n\r\n\r\n \/*\r\n Progress\r\n *\/\r\n\r\n const percentage =\r\n ((current + 1) \/ cards.length) * 100;\r\n\r\n progress.style.width =\r\n percentage + \"%\";\r\n\r\n }\r\n\r\n\r\n function nextSlide() {\r\n\r\n current++;\r\n\r\n updateSlider();\r\n\r\n restartAutoSlide();\r\n\r\n }\r\n\r\n\r\n function previousSlide() {\r\n\r\n current--;\r\n\r\n updateSlider();\r\n\r\n restartAutoSlide();\r\n\r\n }\r\n\r\n\r\n function startAutoSlide() {\r\n\r\n autoSlide =\r\n setInterval(function () {\r\n\r\n current++;\r\n\r\n updateSlider();\r\n\r\n }, 5000);\r\n\r\n }\r\n\r\n\r\n function restartAutoSlide() {\r\n\r\n clearInterval(autoSlide);\r\n\r\n startAutoSlide();\r\n\r\n }\r\n\r\n\r\n nextBtn.addEventListener(\r\n \"click\",\r\n nextSlide\r\n );\r\n\r\n prevBtn.addEventListener(\r\n \"click\",\r\n previousSlide\r\n );\r\n\r\n\r\n \/*\r\n Touch Swipe\r\n *\/\r\n\r\n let touchStart = 0;\r\n let touchEnd = 0;\r\n\r\n track.addEventListener(\r\n \"touchstart\",\r\n function (event) {\r\n\r\n touchStart =\r\n event.changedTouches[0].screenX;\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n track.addEventListener(\r\n \"touchend\",\r\n function (event) {\r\n\r\n touchEnd =\r\n event.changedTouches[0].screenX;\r\n\r\n const difference =\r\n touchStart - touchEnd;\r\n\r\n if (Math.abs(difference) < 50) {\r\n return;\r\n }\r\n\r\n if (difference > 0) {\r\n nextSlide();\r\n } else {\r\n previousSlide();\r\n }\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n \/*\r\n Keyboard navigation\r\n *\/\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function (event) {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n nextSlide();\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n previousSlide();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/*\r\n Resize\r\n *\/\r\n\r\n window.addEventListener(\r\n \"resize\",\r\n updateSlider\r\n );\r\n\r\n\r\n \/*\r\n Start\r\n *\/\r\n\r\n updateSlider();\r\n\r\n startAutoSlide();\r\n\r\n});\r\n\r\n<\/script>\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>Urban Wrap UAE | Interior Design & Fit-Out Urban Wrap UAE Transforming Spaces Into Experiences. Professional interior design, construction and […]<\/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":"","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-31","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"Urban Wrap UAE | Interior Design & Fit-Out Urban Wrap UAE Transforming Spaces Into Experiences. Professional interior design, construction and […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-24T19:56:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"name\":\"Home - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\",\"datePublished\":\"2026-09-01T13:01:04+00:00\",\"dateModified\":\"2026-09-24T19:56:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#primaryimage\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\",\"contentUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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_head_json":{"title":"Home - 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\/","og_locale":"en_US","og_type":"article","og_title":"Home - urbanfitouts.ae","og_description":"Urban Wrap UAE | Interior Design & Fit-Out Urban Wrap UAE Transforming Spaces Into Experiences. Professional interior design, construction and […]","og_url":"https:\/\/urbanfitouts.ae\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-24T19:56:40+00:00","og_image":[{"url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/urbanfitouts.ae\/","url":"https:\/\/urbanfitouts.ae\/","name":"Home - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"primaryImageOfPage":{"@id":"https:\/\/urbanfitouts.ae\/#primaryimage"},"image":{"@id":"https:\/\/urbanfitouts.ae\/#primaryimage"},"thumbnailUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","datePublished":"2026-09-01T13:01:04+00:00","dateModified":"2026-09-24T19:56:40+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanfitouts.ae\/#primaryimage","url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","contentUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/31","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=31"}],"version-history":[{"count":119,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/31\/revisions\/570"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n Urban Wrap UAE | Interior Design & Fit-Out<\/title>\r\n\r\n <style>\r\n \/* =========================================\r\n RESET\r\n ========================================= *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #111;\r\n color: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n button {\r\n font-family: inherit;\r\n }\r\n\r\n\r\n \/* =========================================\r\n HERO SLIDER\r\n ========================================= *\/\r\n\r\n .urban-hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 650px;\r\n overflow: hidden;\r\n background: #111;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDES\r\n ========================================= *\/\r\n\r\n .urban-slide {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n\r\n transition:\r\n opacity 1s ease,\r\n visibility 1s ease;\r\n }\r\n\r\n .urban-slide.active {\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 2;\r\n }\r\n\r\n\r\n \/* =========================================\r\n BACKGROUND IMAGE\r\n ========================================= *\/\r\n\r\n .urban-slide-image {\r\n position: absolute;\r\n inset: 0;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n\r\n transform: scale(1);\r\n }\r\n\r\n .urban-slide.active .urban-slide-image {\r\n animation: urbanZoom 7s ease forwards;\r\n }\r\n\r\n @keyframes urbanZoom {\r\n\r\n 0% {\r\n transform: scale(1);\r\n }\r\n\r\n 100% {\r\n transform: scale(1.08);\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n DARK OVERLAY\r\n ========================================= *\/\r\n\r\n .urban-overlay {\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(0, 0, 0, 0.82) 0%,\r\n rgba(0, 0, 0, 0.58) 45%,\r\n rgba(0, 0, 0, 0.20) 100%\r\n );\r\n\r\n z-index: 1;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDE CONTENT\r\n ========================================= *\/\r\n\r\n .urban-container {\r\n position: relative;\r\n\r\n width: 100%;\r\n max-width: 1400px;\r\n\r\n height: 100%;\r\n\r\n margin: auto;\r\n\r\n padding: 0 7%;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n z-index: 3;\r\n }\r\n\r\n .urban-content {\r\n width: 720px;\r\n max-width: 100%;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SMALL LABEL\r\n ========================================= *\/\r\n\r\n .urban-label {\r\n display: inline-block;\r\n\r\n margin-bottom: 20px;\r\n\r\n font-size: 13px;\r\n font-weight: 600;\r\n\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n\r\n color: #fff;\r\n\r\n border-left: 3px solid #fff;\r\n\r\n padding-left: 14px;\r\n\r\n opacity: 0;\r\n transform: translateY(25px);\r\n }\r\n\r\n\r\n \/* =========================================\r\n HEADING\r\n ========================================= *\/\r\n\r\n .urban-title {\r\n font-size: clamp(42px, 6vw, 86px);\r\n\r\n line-height: 1.02;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: -2px;\r\n\r\n margin-bottom: 25px;\r\n\r\n opacity: 0;\r\n transform: translateY(45px);\r\n }\r\n\r\n\r\n .urban-title span {\r\n display: block;\r\n font-weight: 300;\r\n }\r\n\r\n\r\n \/* =========================================\r\n DESCRIPTION\r\n ========================================= *\/\r\n\r\n .urban-description {\r\n max-width: 620px;\r\n\r\n font-size: 18px;\r\n line-height: 1.8;\r\n\r\n color: rgba(255, 255, 255, 0.85);\r\n\r\n margin-bottom: 35px;\r\n\r\n opacity: 0;\r\n transform: translateY(35px);\r\n }\r\n\r\n\r\n \/* =========================================\r\n BUTTONS\r\n ========================================= *\/\r\n\r\n .urban-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .urban-btn {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-width: 190px;\r\n\r\n padding: 15px 28px;\r\n\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n\r\n font-size: 14px;\r\n font-weight: 600;\r\n\r\n letter-spacing: 1px;\r\n\r\n text-transform: uppercase;\r\n\r\n transition: all 0.35s ease;\r\n }\r\n\r\n .urban-btn-primary {\r\n background: #fff;\r\n color: #111;\r\n border-color: #fff;\r\n }\r\n\r\n .urban-btn-primary:hover {\r\n background: transparent;\r\n color: #fff;\r\n }\r\n\r\n .urban-btn-outline {\r\n background: transparent;\r\n color: #fff;\r\n }\r\n\r\n .urban-btn-outline:hover {\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n\r\n \/* =========================================\r\n ACTIVE TEXT ANIMATION\r\n ========================================= *\/\r\n\r\n .urban-slide.active .urban-label {\r\n animation: urbanTextUp 0.8s ease 0.2s forwards;\r\n }\r\n\r\n .urban-slide.active .urban-title {\r\n animation: urbanTextUp 0.9s ease 0.35s forwards;\r\n }\r\n\r\n .urban-slide.active .urban-description {\r\n animation: urbanTextUp 0.9s ease 0.5s forwards;\r\n }\r\n\r\n .urban-slide.active .urban-buttons {\r\n animation: urbanTextUp 0.9s ease 0.65s forwards;\r\n }\r\n\r\n @keyframes urbanTextUp {\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDE COUNTER\r\n ========================================= *\/\r\n\r\n .urban-counter {\r\n position: absolute;\r\n\r\n right: 7%;\r\n bottom: 70px;\r\n\r\n z-index: 5;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 15px;\r\n\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .urban-counter-line {\r\n width: 80px;\r\n height: 1px;\r\n\r\n background: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n\r\n \/* =========================================\r\n ARROWS\r\n ========================================= *\/\r\n\r\n .urban-arrow {\r\n position: absolute;\r\n\r\n top: 50%;\r\n\r\n transform: translateY(-50%);\r\n\r\n width: 55px;\r\n height: 55px;\r\n\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n\r\n background: rgba(0, 0, 0, 0.25);\r\n\r\n color: #fff;\r\n\r\n cursor: pointer;\r\n\r\n z-index: 10;\r\n\r\n font-size: 25px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .urban-arrow:hover {\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n .urban-prev {\r\n left: 25px;\r\n }\r\n\r\n .urban-next {\r\n right: 25px;\r\n }\r\n\r\n\r\n \/* =========================================\r\n DOT NAVIGATION\r\n ========================================= *\/\r\n\r\n .urban-dots {\r\n position: absolute;\r\n\r\n left: 7%;\r\n bottom: 55px;\r\n\r\n display: flex;\r\n\r\n gap: 10px;\r\n\r\n z-index: 10;\r\n }\r\n\r\n .urban-dot {\r\n width: 35px;\r\n height: 3px;\r\n\r\n border: 0;\r\n\r\n background: rgba(255, 255, 255, 0.35);\r\n\r\n cursor: pointer;\r\n\r\n transition: all 0.35s ease;\r\n }\r\n\r\n .urban-dot.active {\r\n width: 65px;\r\n background: #fff;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SCROLL INDICATOR\r\n ========================================= *\/\r\n\r\n .urban-scroll {\r\n position: absolute;\r\n\r\n right: 35px;\r\n bottom: 55px;\r\n\r\n z-index: 5;\r\n\r\n writing-mode: vertical-rl;\r\n\r\n text-transform: uppercase;\r\n\r\n font-size: 10px;\r\n\r\n letter-spacing: 3px;\r\n\r\n opacity: 0.7;\r\n }\r\n\r\n\r\n \/* =========================================\r\n SLIDE PROGRESS\r\n ========================================= *\/\r\n\r\n .urban-progress {\r\n position: absolute;\r\n\r\n top: 0;\r\n left: 0;\r\n\r\n width: 0;\r\n height: 3px;\r\n\r\n background: #fff;\r\n\r\n z-index: 20;\r\n }\r\n\r\n .urban-progress.running {\r\n animation: urbanProgress 6s linear forwards;\r\n }\r\n\r\n @keyframes urbanProgress {\r\n\r\n from {\r\n width: 0;\r\n }\r\n\r\n to {\r\n width: 100%;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n TABLET\r\n ========================================= *\/\r\n\r\n @media (max-width: 991px) {\r\n\r\n .urban-hero {\r\n min-height: 600px;\r\n }\r\n\r\n .urban-container {\r\n padding: 0 8%;\r\n }\r\n\r\n .urban-title {\r\n font-size: clamp(44px, 8vw, 70px);\r\n }\r\n\r\n .urban-description {\r\n font-size: 16px;\r\n max-width: 540px;\r\n }\r\n\r\n .urban-arrow {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .urban-prev {\r\n left: 15px;\r\n }\r\n\r\n .urban-next {\r\n right: 15px;\r\n }\r\n\r\n .urban-dots {\r\n left: 8%;\r\n bottom: 40px;\r\n }\r\n\r\n .urban-counter {\r\n right: 8%;\r\n bottom: 45px;\r\n }\r\n\r\n .urban-scroll {\r\n display: none;\r\n }\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 .urban-hero {\r\n height: 85vh;\r\n min-height: 600px;\r\n }\r\n\r\n .urban-overlay {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0, 0, 0, 0.45),\r\n rgba(0, 0, 0, 0.82)\r\n );\r\n }\r\n\r\n .urban-container {\r\n padding: 0 25px;\r\n\r\n align-items: flex-end;\r\n\r\n padding-bottom: 125px;\r\n }\r\n\r\n .urban-content {\r\n width: 100%;\r\n }\r\n\r\n .urban-label {\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .urban-title {\r\n font-size: clamp(38px, 11vw, 58px);\r\n\r\n letter-spacing: -1px;\r\n\r\n margin-bottom: 18px;\r\n }\r\n\r\n .urban-description {\r\n font-size: 14px;\r\n\r\n line-height: 1.65;\r\n\r\n margin-bottom: 25px;\r\n }\r\n\r\n .urban-buttons {\r\n gap: 10px;\r\n }\r\n\r\n .urban-btn {\r\n min-width: 0;\r\n\r\n width: 100%;\r\n\r\n padding: 13px 18px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .urban-arrow {\r\n top: auto;\r\n bottom: 35px;\r\n\r\n transform: none;\r\n\r\n width: 42px;\r\n height: 42px;\r\n\r\n font-size: 18px;\r\n }\r\n\r\n .urban-prev {\r\n left: 25px;\r\n }\r\n\r\n .urban-next {\r\n right: 25px;\r\n }\r\n\r\n .urban-dots {\r\n left: 50%;\r\n bottom: 54px;\r\n\r\n transform: translateX(-50%);\r\n\r\n gap: 6px;\r\n }\r\n\r\n .urban-dot {\r\n width: 20px;\r\n }\r\n\r\n .urban-dot.active {\r\n width: 38px;\r\n }\r\n\r\n .urban-counter {\r\n display: none;\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n SMALL MOBILE\r\n ========================================= *\/\r\n\r\n @media (max-width: 400px) {\r\n\r\n .urban-hero {\r\n height: 90vh;\r\n min-height: 580px;\r\n }\r\n\r\n .urban-container {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n padding-bottom: 115px;\r\n }\r\n\r\n .urban-title {\r\n font-size: 36px;\r\n }\r\n\r\n .urban-description {\r\n font-size: 13px;\r\n }\r\n\r\n .urban-btn {\r\n padding: 12px 15px;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"urban-hero\" id=\"home\" aria-label=\"Urban Wrap UAE Interior Design\">\r\n\r\n\r\n \r\n <div class=\"urban-progress\" id=\"urbanProgress\"><\/div>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide active\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Urban Wrap UAE\r\n <\/span>\r\n\r\n <h1 class=\"urban-title\">\r\n Transforming\r\n <span>Spaces Into Experiences.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"urban-description\">\r\n Professional interior design, construction and\r\n fit-out solutions crafted to create stylish,\r\n functional and exceptional spaces.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#services\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Explore Services\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Get Consultation\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Commercial Interiors\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n Modern Workspaces.\r\n <span>Professional Results.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n Create productive and inspiring offices with\r\n contemporary interior solutions designed around\r\n your business requirements.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#projects\"\r\n class=\"urban-btn urban-btn-primary\">\r\n View Projects\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Start Your Project\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK-Home-1.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Residential Interiors\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n Your Space.\r\n <span>Your Style.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n Elegant residential interiors designed to bring\r\n comfort, personality and timeless style into\r\n every corner of your home.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#services\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Discover More\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Contact Us\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Retail & Hospitality\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n Spaces That\r\n <span>Make An Impression.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n From retail stores and showrooms to restaurants\r\n and caf\u00e9s, we create interiors that strengthen\r\n your brand and elevate customer experiences.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#services\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Our Solutions\r\n <\/a>\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-outline\">\r\n Get In Touch\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"urban-slide\">\r\n\r\n <div class=\"urban-slide-image\"\r\n style=\"background-image: url('https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK-Home.jpg');\">\r\n <\/div>\r\n\r\n <div class=\"urban-overlay\"><\/div>\r\n\r\n <div class=\"urban-container\">\r\n\r\n <div class=\"urban-content\">\r\n\r\n <span class=\"urban-label\">\r\n Turnkey Fit-Out\r\n <\/span>\r\n\r\n <h2 class=\"urban-title\">\r\n From Concept\r\n <span>To Completion.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"urban-description\">\r\n Complete interior fit-out solutions covering\r\n design, planning, construction, finishing and\r\n final handover.\r\n <\/p>\r\n\r\n <div class=\"urban-buttons\">\r\n\r\n <a href=\"#contact\"\r\n class=\"urban-btn urban-btn-primary\">\r\n Start Your Project\r\n <\/a>\r\n\r\n <a href=\"#about\"\r\n class=\"urban-btn urban-btn-outline\">\r\n About Urban Wrap\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <button class=\"urban-arrow urban-prev\"\r\n id=\"urbanPrev\"\r\n aria-label=\"Previous slide\">\r\n ❮\r\n <\/button>\r\n\r\n <button class=\"urban-arrow urban-next\"\r\n id=\"urbanNext\"\r\n aria-label=\"Next slide\">\r\n ❯\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div class=\"urban-dots\"\r\n id=\"urbanDots\">\r\n\r\n <button class=\"urban-dot active\"\r\n aria-label=\"Go to slide 1\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 2\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 3\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 4\">\r\n <\/button>\r\n\r\n <button class=\"urban-dot\"\r\n aria-label=\"Go to slide 5\">\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"urban-counter\">\r\n\r\n <span id=\"urbanCurrent\">\r\n 01\r\n <\/span>\r\n\r\n <span class=\"urban-counter-line\"><\/span>\r\n\r\n <span>\r\n 05\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"urban-scroll\">\r\n Scroll to Explore\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n \/* =========================================\r\n URBAN WRAP HERO SLIDER\r\n ========================================= *\/\r\n\r\n const slides =\r\n document.querySelectorAll(\".urban-slide\");\r\n\r\n const dots =\r\n document.querySelectorAll(\".urban-dot\");\r\n\r\n const prevBtn =\r\n document.getElementById(\"urbanPrev\");\r\n\r\n const nextBtn =\r\n document.getElementById(\"urbanNext\");\r\n\r\n const currentNumber =\r\n document.getElementById(\"urbanCurrent\");\r\n\r\n const progress =\r\n document.getElementById(\"urbanProgress\");\r\n\r\n\r\n let currentSlide = 0;\r\n\r\n let slideTimer;\r\n\r\n const slideDuration = 6000;\r\n\r\n\r\n \/* =========================================\r\n SHOW SLIDE\r\n ========================================= *\/\r\n\r\n function showSlide(index) {\r\n\r\n if (index >= slides.length) {\r\n currentSlide = 0;\r\n }\r\n\r\n else if (index < 0) {\r\n currentSlide = slides.length - 1;\r\n }\r\n\r\n else {\r\n currentSlide = index;\r\n }\r\n\r\n\r\n \/* Remove active class *\/\r\n\r\n slides.forEach((slide) => {\r\n slide.classList.remove(\"active\");\r\n });\r\n\r\n\r\n dots.forEach((dot) => {\r\n dot.classList.remove(\"active\");\r\n });\r\n\r\n\r\n \/* Add active class *\/\r\n\r\n slides[currentSlide]\r\n .classList.add(\"active\");\r\n\r\n\r\n dots[currentSlide]\r\n .classList.add(\"active\");\r\n\r\n\r\n \/* Update counter *\/\r\n\r\n currentNumber.textContent =\r\n String(currentSlide + 1).padStart(2, \"0\");\r\n\r\n\r\n \/* Restart progress *\/\r\n\r\n progress.classList.remove(\"running\");\r\n\r\n void progress.offsetWidth;\r\n\r\n progress.classList.add(\"running\");\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n NEXT SLIDE\r\n ========================================= *\/\r\n\r\n function nextSlide() {\r\n\r\n showSlide(currentSlide + 1);\r\n\r\n restartTimer();\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n PREVIOUS SLIDE\r\n ========================================= *\/\r\n\r\n function previousSlide() {\r\n\r\n showSlide(currentSlide - 1);\r\n\r\n restartTimer();\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n AUTO SLIDER\r\n ========================================= *\/\r\n\r\n function startTimer() {\r\n\r\n slideTimer =\r\n setInterval(() => {\r\n\r\n showSlide(currentSlide + 1);\r\n\r\n }, slideDuration);\r\n\r\n }\r\n\r\n\r\n function restartTimer() {\r\n\r\n clearInterval(slideTimer);\r\n\r\n startTimer();\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n ARROW EVENTS\r\n ========================================= *\/\r\n\r\n nextBtn.addEventListener(\r\n \"click\",\r\n nextSlide\r\n );\r\n\r\n\r\n prevBtn.addEventListener(\r\n \"click\",\r\n previousSlide\r\n );\r\n\r\n\r\n \/* =========================================\r\n DOT EVENTS\r\n ========================================= *\/\r\n\r\n dots.forEach((dot, index) => {\r\n\r\n dot.addEventListener(\r\n \"click\",\r\n () => {\r\n\r\n showSlide(index);\r\n\r\n restartTimer();\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =========================================\r\n KEYBOARD CONTROL\r\n ========================================= *\/\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n (event) => {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n nextSlide();\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n previousSlide();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =========================================\r\n TOUCH \/ SWIPE SUPPORT\r\n ========================================= *\/\r\n\r\n let touchStartX = 0;\r\n\r\n let touchEndX = 0;\r\n\r\n\r\n const hero =\r\n document.querySelector(\".urban-hero\");\r\n\r\n\r\n hero.addEventListener(\r\n \"touchstart\",\r\n (event) => {\r\n\r\n touchStartX =\r\n event.changedTouches[0].screenX;\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n hero.addEventListener(\r\n \"touchend\",\r\n (event) => {\r\n\r\n touchEndX =\r\n event.changedTouches[0].screenX;\r\n\r\n handleSwipe();\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n function handleSwipe() {\r\n\r\n const swipeDistance =\r\n touchEndX - touchStartX;\r\n\r\n\r\n if (Math.abs(swipeDistance) < 50) {\r\n return;\r\n }\r\n\r\n\r\n if (swipeDistance < 0) {\r\n nextSlide();\r\n }\r\n\r\n else {\r\n previousSlide();\r\n }\r\n\r\n }\r\n\r\n\r\n \/* =========================================\r\n PAUSE ON MOUSE HOVER\r\n ========================================= *\/\r\n\r\n hero.addEventListener(\r\n \"mouseenter\",\r\n () => {\r\n clearInterval(slideTimer);\r\n }\r\n );\r\n\r\n\r\n hero.addEventListener(\r\n \"mouseleave\",\r\n () => {\r\n restartTimer();\r\n }\r\n );\r\n\r\n\r\n \/* =========================================\r\n INITIALIZE\r\n ========================================= *\/\r\n\r\n showSlide(0);\r\n\r\n startTimer();\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d88a0a4 e-con e-atomic-element e-flexbox-base e-default-div e-d88a0a4-f34b11b \" data-id=\"d88a0a4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d88a0a4\">\n \t\t<div class=\"elementor-element elementor-element-62dbaaa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"62dbaaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Urban Wrap UAE | Interior Design & Fit-Out<\/title>\r\n\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;700&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n <style>\r\n\r\n :root {\r\n --dark: #111111;\r\n --dark-soft: #191919;\r\n --gold: #c6a15b;\r\n --gold-light: #d9bd83;\r\n --white: #ffffff;\r\n --light: #f7f6f2;\r\n --text: #555;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: \"DM Sans\", sans-serif;\r\n color: var(--dark);\r\n background: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ========================================\r\n HEADER\r\n ======================================== *\/\r\n\r\n .main-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 9999;\r\n background: rgba(255,255,255,0.96);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border-bottom: 1px solid rgba(0,0,0,0.07);\r\n transition: all .35s ease;\r\n }\r\n\r\n .main-header.scrolled {\r\n background: rgba(255,255,255,0.98);\r\n box-shadow: 0 10px 35px rgba(0,0,0,.08);\r\n }\r\n\r\n .header-container {\r\n width: min(1400px, 92%);\r\n margin: auto;\r\n }\r\n\r\n .navbar-custom {\r\n min-height: 88px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n \/* ========================================\r\n LOGO\r\n ======================================== *\/\r\n\r\n .brand-logo {\r\n display: inline-flex;\r\n align-items: center;\r\n text-decoration: none;\r\n position: relative;\r\n z-index: 10001;\r\n }\r\n\r\n .brand-logo img {\r\n width: 175px;\r\n height: auto;\r\n object-fit: contain;\r\n transition: .3s ease;\r\n }\r\n\r\n .brand-logo:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* ========================================\r\n DESKTOP NAVIGATION\r\n ======================================== *\/\r\n\r\n .desktop-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .desktop-nav > li {\r\n position: relative;\r\n }\r\n\r\n .desktop-nav > li > a {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 34px 17px;\r\n text-decoration: none;\r\n color: var(--dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: .2px;\r\n position: relative;\r\n transition: .3s ease;\r\n }\r\n\r\n .desktop-nav > li > a::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 24px;\r\n left: 17px;\r\n width: 0;\r\n height: 2px;\r\n background: var(--gold);\r\n transition: .3s ease;\r\n }\r\n\r\n .desktop-nav > li:hover > a,\r\n .desktop-nav > li.active > a {\r\n color: var(--gold);\r\n }\r\n\r\n .desktop-nav > li:hover > a::after,\r\n .desktop-nav > li.active > a::after {\r\n width: calc(100% - 34px);\r\n }\r\n\r\n .arrow {\r\n font-size: 10px;\r\n transition: transform .3s ease;\r\n }\r\n\r\n .has-dropdown:hover .arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* ========================================\r\n DROPDOWN\r\n ======================================== *\/\r\n\r\n .dropdown-menu-custom {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 250px;\r\n background: #fff;\r\n padding: 12px 0;\r\n list-style: none;\r\n margin: 0;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(15px);\r\n\r\n box-shadow: 0 20px 50px rgba(0,0,0,.12);\r\n border-top: 2px solid var(--gold);\r\n\r\n transition: all .3s ease;\r\n }\r\n\r\n .has-dropdown:hover > .dropdown-menu-custom {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0);\r\n }\r\n\r\n .dropdown-menu-custom li {\r\n position: relative;\r\n }\r\n\r\n .dropdown-menu-custom li a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 13px 22px;\r\n text-decoration: none;\r\n color: #222;\r\n font-size: 13px;\r\n font-weight: 500;\r\n transition: all .3s ease;\r\n }\r\n\r\n .dropdown-menu-custom li a:hover {\r\n color: var(--gold);\r\n background: #faf9f5;\r\n padding-left: 28px;\r\n }\r\n\r\n \/* ========================================\r\n SECOND LEVEL SUBMENU\r\n ======================================== *\/\r\n\r\n .sub-dropdown {\r\n position: absolute;\r\n left: 100%;\r\n top: -12px;\r\n width: 245px;\r\n\r\n background: #fff;\r\n padding: 12px 0;\r\n list-style: none;\r\n\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateX(15px);\r\n\r\n border-top: 2px solid var(--gold);\r\n box-shadow: 0 20px 50px rgba(0,0,0,.12);\r\n\r\n transition: all .3s ease;\r\n }\r\n\r\n .dropdown-menu-custom li:hover > .sub-dropdown {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateX(0);\r\n }\r\n\r\n \/* ========================================\r\n CTA BUTTON\r\n ======================================== *\/\r\n\r\n .header-cta {\r\n margin-left: 15px;\r\n }\r\n\r\n .header-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 13px 21px;\r\n background: var(--dark);\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: .2px;\r\n transition: all .3s ease;\r\n }\r\n\r\n .header-cta a:hover {\r\n background: var(--gold);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ========================================\r\n MOBILE TOGGLE\r\n ======================================== *\/\r\n\r\n .mobile-toggle {\r\n display: none;\r\n width: 46px;\r\n height: 46px;\r\n border: 1px solid rgba(0,0,0,.12);\r\n background: #fff;\r\n cursor: pointer;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .mobile-toggle span {\r\n display: block;\r\n width: 22px;\r\n height: 2px;\r\n background: var(--dark);\r\n transition: .3s ease;\r\n }\r\n\r\n .mobile-toggle.active span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n }\r\n\r\n .mobile-toggle.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .mobile-toggle.active span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n }\r\n\r\n \/* ========================================\r\n MOBILE NAVIGATION\r\n ======================================== *\/\r\n\r\n .mobile-nav {\r\n display: none;\r\n background: #fff;\r\n max-height: calc(100vh - 88px);\r\n overflow-y: auto;\r\n border-top: 1px solid rgba(0,0,0,.06);\r\n }\r\n\r\n .mobile-nav ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .mobile-nav > ul > li {\r\n border-bottom: 1px solid rgba(0,0,0,.07);\r\n }\r\n\r\n .mobile-nav a {\r\n text-decoration: none;\r\n color: var(--dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .mobile-main-link {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 17px 5%;\r\n }\r\n\r\n .mobile-main-link:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .mobile-submenu {\r\n display: none;\r\n background: #f8f7f3;\r\n }\r\n\r\n .mobile-submenu.open {\r\n display: block;\r\n }\r\n\r\n .mobile-submenu li {\r\n border-top: 1px solid rgba(0,0,0,.05);\r\n }\r\n\r\n .mobile-submenu a {\r\n display: block;\r\n padding: 13px 8%;\r\n font-size: 13px;\r\n font-weight: 500;\r\n }\r\n\r\n .mobile-submenu a:hover {\r\n color: var(--gold);\r\n padding-left: 10%;\r\n }\r\n\r\n .mobile-arrow {\r\n transition: transform .3s ease;\r\n }\r\n\r\n .mobile-arrow.rotate {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .mobile-cta {\r\n padding: 20px 5%;\r\n }\r\n\r\n .mobile-cta a {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px;\r\n background: var(--dark);\r\n color: #fff;\r\n }\r\n\r\n .demo-content {\r\n width: min(1400px, 92%);\r\n margin: auto;\r\n color: #fff;\r\n }\r\n\r\n .demo-content span {\r\n color: var(--gold-light);\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n\r\n .demo-content h1 {\r\n max-width: 850px;\r\n margin: 20px 0;\r\n font-family: \"Playfair Display\", serif;\r\n font-size: clamp(48px, 7vw, 100px);\r\n line-height: 1;\r\n font-weight: 500;\r\n }\r\n\r\n .demo-content p {\r\n max-width: 620px;\r\n color: rgba(255,255,255,.8);\r\n font-size: 17px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ========================================\r\n RESPONSIVE\r\n ======================================== *\/\r\n\r\n @media (max-width: 1199px) {\r\n\r\n .desktop-nav > li > a {\r\n padding-left: 11px;\r\n padding-right: 11px;\r\n font-size: 13px;\r\n }\r\n\r\n .desktop-nav > li > a::after {\r\n left: 11px;\r\n }\r\n\r\n .header-cta {\r\n margin-left: 8px;\r\n }\r\n\r\n .header-cta a {\r\n padding: 12px 15px;\r\n }\r\n\r\n .brand-logo img {\r\n width: 155px;\r\n }\r\n }\r\n\r\n @media (max-width: 991px) {\r\n\r\n .navbar-custom {\r\n min-height: 78px;\r\n }\r\n\r\n .desktop-navigation {\r\n display: none;\r\n }\r\n\r\n .header-cta {\r\n display: none;\r\n }\r\n\r\n .mobile-toggle {\r\n display: flex;\r\n }\r\n\r\n .mobile-nav {\r\n display: none;\r\n }\r\n\r\n .mobile-nav.show {\r\n display: block;\r\n }\r\n\r\n .demo-hero {\r\n padding-top: 78px;\r\n }\r\n }\r\n\r\n @media (max-width: 575px) {\r\n\r\n .header-container {\r\n width: 90%;\r\n }\r\n\r\n .brand-logo img {\r\n width: 140px;\r\n }\r\n\r\n .mobile-toggle {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .demo-content {\r\n width: 90%;\r\n }\r\n\r\n .demo-content h1 {\r\n font-size: clamp(42px, 13vw, 65px);\r\n }\r\n\r\n .demo-content p {\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n\r\n .brand-logo img {\r\n width: 125px;\r\n }\r\n\r\n .mobile-toggle {\r\n width: 40px;\r\n height: 40px;\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\r\n<header class=\"main-header\" id=\"mainHeader\">\r\n\r\n <div class=\"header-container\">\r\n\r\n <div class=\"navbar-custom\">\r\n\r\n \r\n <a href=\"https:\/\/urbanfitouts.ae\/\" class=\"brand-logo\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\"\r\n alt=\"Urban Wrap UAE\">\r\n <\/a>\r\n\r\n\r\n \r\n <nav class=\"desktop-navigation\">\r\n\r\n <ul class=\"desktop-nav\">\r\n\r\n <li class=\"active\">\r\n <a href=\"https:\/\/urbanfitouts.ae\/\">\r\n Home\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#about\">\r\n About\r\n <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"dropdown-menu-custom\">\r\n\r\n <li>\r\n <a href=\"https:\/\/urbanfitouts.ae\/about-us\/\">\r\n About Urban Wrap\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#why-us\">\r\n Why Choose Us\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#process\">\r\n Our Process\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#values\">\r\n Our Values\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#services\">\r\n Services\r\n <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"dropdown-menu-custom\">\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"https:\/\/urbanfitouts.ae\/premium-residential\/\">\r\n Residential\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"sub-dropdown\">\r\n\r\n <li>\r\n <a href=\"#villa\">\r\n Villa Interior Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#apartment\">\r\n Apartment Interiors\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#luxury\">\r\n Luxury Residential\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#renovation\">\r\n Renovation & Remodeling\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"https:\/\/urbanfitouts.ae\/commercial-design\/\">\r\n Commercial\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"sub-dropdown\">\r\n\r\n <li>\r\n <a href=\"#retail\">\r\n Retail & Showroom\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#restaurant\">\r\n Restaurant & Caf\u00e9\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#corporate\">\r\n Corporate Interiors\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial-fitout\">\r\n Commercial Fit-Out\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#office\">\r\n Office Design\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"sub-dropdown\">\r\n\r\n <li>\r\n <a href=\"#modern-office\">\r\n Modern Office\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#executive\">\r\n Executive Office\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#workspace\">\r\n Workspace Planning\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#interior\">\r\n Interior Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#architectural\">\r\n Architectural Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout\">\r\n Fit-Out & Execution\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#visualisation\">\r\n 3D Visualisation\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#consultation\">\r\n Design Consultation\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n <li class=\"has-dropdown\">\r\n\r\n <a href=\"#projects\">\r\n Projects\r\n <i class=\"fa-solid fa-chevron-down arrow\"><\/i>\r\n <\/a>\r\n\r\n <ul class=\"dropdown-menu-custom\">\r\n\r\n <li>\r\n <a href=\"#residential-projects\">\r\n Residential Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial-projects\">\r\n Commercial Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#office-projects\">\r\n Office Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout-projects\">\r\n Fit-Out Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#gallery\">\r\n Gallery\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#contact\">\r\n Contact\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/nav>\r\n\r\n\r\n \r\n <div class=\"header-cta\">\r\n\r\n <a href=\"#contact\">\r\n <i class=\"fa-regular fa-calendar\"><\/i>\r\n Get Consultation\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <button class=\"mobile-toggle\"\r\n id=\"mobileToggle\"\r\n aria-label=\"Open Menu\">\r\n\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"mobile-nav\" id=\"mobileNav\">\r\n\r\n <ul>\r\n\r\n <li>\r\n <a href=\"#home\" class=\"mobile-main-link\">\r\n Home\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li>\r\n\r\n <a href=\"#\"\r\n class=\"mobile-main-link submenu-toggle\">\r\n\r\n <span>About<\/span>\r\n\r\n <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n\r\n <\/a>\r\n\r\n <ul class=\"mobile-submenu\">\r\n\r\n <li>\r\n <a href=\"#about\">\r\n About Urban Wrap\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#why-us\">\r\n Why Choose Us\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#process\">\r\n Our Process\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#values\">\r\n Our Values\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li>\r\n\r\n <a href=\"#\"\r\n class=\"mobile-main-link submenu-toggle\">\r\n\r\n <span>Services<\/span>\r\n\r\n <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n\r\n <\/a>\r\n\r\n <ul class=\"mobile-submenu\">\r\n\r\n <li>\r\n <a href=\"#residential\">\r\n Residential Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial\">\r\n Commercial Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#office\">\r\n Office Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#interior\">\r\n Interior Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#architectural\">\r\n Architectural Design\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout\">\r\n Fit-Out & Execution\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#visualisation\">\r\n 3D Visualisation\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#renovation\">\r\n Renovation & Remodeling\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#consultation\">\r\n Design Consultation\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li>\r\n\r\n <a href=\"#\"\r\n class=\"mobile-main-link submenu-toggle\">\r\n\r\n <span>Projects<\/span>\r\n\r\n <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n\r\n <\/a>\r\n\r\n <ul class=\"mobile-submenu\">\r\n\r\n <li>\r\n <a href=\"#residential-projects\">\r\n Residential Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#commercial-projects\">\r\n Commercial Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#office-projects\">\r\n Office Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <li>\r\n <a href=\"#fitout-projects\">\r\n Fit-Out Projects\r\n <\/a>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#gallery\" class=\"mobile-main-link\">\r\n Gallery\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n <li>\r\n <a href=\"#contact\" class=\"mobile-main-link\">\r\n Contact\r\n <\/a>\r\n <\/li>\r\n\r\n\r\n \r\n\r\n <li class=\"mobile-cta\">\r\n\r\n <a href=\"#contact\">\r\n\r\n <i class=\"fa-regular fa-calendar\"><\/i>\r\n\r\n Get Consultation\r\n\r\n <\/a>\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n<script>\r\n\r\n \/* ========================================\r\n HEADER SCROLL EFFECT\r\n ======================================== *\/\r\n\r\n const header = document.getElementById(\"mainHeader\");\r\n\r\n window.addEventListener(\"scroll\", function () {\r\n\r\n if (window.scrollY > 30) {\r\n header.classList.add(\"scrolled\");\r\n } else {\r\n header.classList.remove(\"scrolled\");\r\n }\r\n\r\n });\r\n\r\n\r\n\r\n \/* ========================================\r\n MOBILE MENU\r\n ======================================== *\/\r\n\r\n const mobileToggle =\r\n document.getElementById(\"mobileToggle\");\r\n\r\n const mobileNav =\r\n document.getElementById(\"mobileNav\");\r\n\r\n\r\n mobileToggle.addEventListener(\"click\", function () {\r\n\r\n mobileToggle.classList.toggle(\"active\");\r\n\r\n mobileNav.classList.toggle(\"show\");\r\n\r\n });\r\n\r\n\r\n\r\n \/* ========================================\r\n MOBILE SUBMENU\r\n ======================================== *\/\r\n\r\n const submenuButtons =\r\n document.querySelectorAll(\".submenu-toggle\");\r\n\r\n\r\n submenuButtons.forEach(function(button) {\r\n\r\n button.addEventListener(\"click\", function(e) {\r\n\r\n e.preventDefault();\r\n\r\n const submenu =\r\n this.nextElementSibling;\r\n\r\n const arrow =\r\n this.querySelector(\".mobile-arrow\");\r\n\r\n\r\n submenu.classList.toggle(\"open\");\r\n\r\n arrow.classList.toggle(\"rotate\");\r\n\r\n });\r\n\r\n });\r\n\r\n\r\n\r\n \/* ========================================\r\n CLOSE MOBILE MENU AFTER CLICK\r\n ======================================== *\/\r\n\r\n const mobileLinks =\r\n document.querySelectorAll(\".mobile-nav a:not(.submenu-toggle)\");\r\n\r\n\r\n mobileLinks.forEach(function(link) {\r\n\r\n link.addEventListener(\"click\", function() {\r\n\r\n mobileNav.classList.remove(\"show\");\r\n\r\n mobileToggle.classList.remove(\"active\");\r\n\r\n });\r\n\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9ea3f4e e-con e-atomic-element e-flexbox-base e-default-div e-9ea3f4e-b0915a9 \" data-id=\"9ea3f4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ea3f4e\">\n \t\t<div class=\"elementor-element elementor-element-bde10e4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bde10e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"uw-services\" aria-label=\"Urban Wrap UAE services\">\r\n\r\n <div class=\"uw-services-inner\">\r\n\r\n \r\n <div class=\"uw-section-head\">\r\n <div>\r\n <span class=\"uw-eyebrow\">Featured Services for RESIDENTIAL WRAPPING<\/span>\r\n <h2>Transforming Spaces<br><em>With Purpose.<\/em><\/h2>\r\n <\/div>\r\n <p>\r\n Explore our specialist wrapping, printing, window film,\r\n villa and interior solutions.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"uw-feature-grid\">\r\n\r\n <a class=\"uw-card uw-card-large\"\r\n href=\"\/services\/creative-prints\/\"\r\n aria-label=\"Explore Creative Prints service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/bathroom-wrapping-after-1.jpg-1-e1790278364592.webp\"\r\n alt=\"Creative Prints interior design application\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">01<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">BATHROOM WRAPPING<\/span>\r\n <h3>BATHROOM WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\"\r\n href=\"\/services\/yacht-wrapping\/\"\r\n aria-label=\"Explore Yacht Wrapping service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic-4-BHK-Home-1.jpg\"\r\n alt=\"Luxury yacht wrapping service\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">02<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">KITCHEN WRAPPING<\/span>\r\n <h3>KITCHEN WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\"\r\n href=\"\/services\/full-villa\/\"\r\n aria-label=\"Explore Full Villa service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Modern-Minimalistic.jpg\"\r\n alt=\"Full villa interior transformation\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">03<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FURNITURE WRAPPING<\/span>\r\n <h3>FURNITURE WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\"\r\n href=\"\/services\/window-films\/\"\r\n aria-label=\"Explore Window Films service\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/image1.jpg\"\r\n alt=\"Modern architectural window film installation\"\r\n loading=\"lazy\">\r\n\r\n <span class=\"uw-number\">04<\/span>\r\n\r\n <div class=\"uw-card-overlay\"><\/div>\r\n\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FLOORING OPTIONS<\/span>\r\n <h3>FLOORING OPTIONS<\/h3>\r\n <div class=\"uw-card-link\">\r\n Explore Service <b aria-hidden=\"true\">\u2197<\/b>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"uw-section-head uw-category-head\">\r\n <div>\r\n <span class=\"uw-eyebrow\">01 \/ COMMERCIAL WRAPPING<\/span>\r\n <h2>Designed Around<br><em>Your Lifestyle.<\/em><\/h2>\r\n <\/div>\r\n\r\n <p>\r\n Thoughtful residential detailing for elegant,\r\n functional and highly personalised interiors.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"uw-service-grid\">\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/bathrooms\/\"\r\n aria-label=\"Explore Bathrooms\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220820_10_26_27-min-1024x683.jpg.webp\"\r\n alt=\"Luxury bathroom interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">01<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">OFFICE WRAPPING<\/span>\r\n <h3>OFFICE WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/kitchen\/\"\r\n aria-label=\"Explore Kitchen\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/12.jpg\"\r\n alt=\"Modern fitted kitchen interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">02<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">HOTEL WRAPPING<\/span>\r\n <h3>HOTEL WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/wardrobes\/\"\r\n aria-label=\"Explore Wardrobes\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/11.jpg\"\r\n alt=\"Contemporary built-in wardrobe\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">03<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RESTAURANT WRAPPING<\/span>\r\n <h3>RESTAURANT WRAPPING<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/interior-doors\/\"\r\n aria-label=\"Explore Interior Doors\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220616_16_29_05-min-1024x683.jpg.webp\"\r\n alt=\"Premium interior doors\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">04<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">SALONS & SPAS<\/span>\r\n <h3>SALONS & SPAS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/furniture\/\"\r\n aria-label=\"Explore Furniture\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220924_18_23_21-min-1024x683.jpg.webp\"\r\n alt=\"Custom interior furniture\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">05<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RHOTELS<\/span>\r\n <h3>HOTELS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/miscellaneous\/\"\r\n aria-label=\"Explore Miscellaneous\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220616_13_44_38-min-1024x683.jpg.webp\"\r\n alt=\"Residential interior detailing\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">06<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RESTAURANTS<\/span>\r\n <h3>RESTAURANTS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/feature-walls\/\"\r\n aria-label=\"Explore Feature Walls\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220901_11_39_45-min-1024x683.jpg.webp\"\r\n alt=\"Decorative feature wall\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">07<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">RSCHOOLS<\/span>\r\n <h3>SCHOOLS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/staircase\/\"\r\n aria-label=\"Explore Staircase\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220616_13_16_02-1024x683.jpg.webp\"\r\n alt=\"Contemporary staircase interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">08<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">MALLS<\/span>\r\n <h3>MALLS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/residential\/flooring-options\/\"\r\n aria-label=\"Explore Flooring Options\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/220618_12_27_39-min-1024x683.jpg.webp\"\r\n alt=\"Premium residential flooring\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">09<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">HOSPITALS<\/span>\r\n <h3>HOSPITALS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"uw-section-head uw-category-head\">\r\n <div>\r\n <span class=\"uw-eyebrow\">02 \/ CRESIDENTIAL WRAPPING<\/span>\r\n <h2>Spaces That<br><em>Make An Impact.<\/em><\/h2>\r\n <\/div>\r\n\r\n <p>\r\n CRESIDENTIAL WRAPPING environments designed to communicate\r\n identity, functionality and lasting visual appeal.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"uw-service-grid\">\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/hotels\/\"\r\n aria-label=\"Explore Hotels\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Bathrooms-1024x594.jpg.webp\"\r\n alt=\"Luxury hotel interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">01<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">BATHROOMS<\/span>\r\n <h3>BATHROOMS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/bars\/\"\r\n aria-label=\"Explore Bars\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/222.png.webp\"\r\n alt=\"Contemporary bar interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">02<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">KITCHENS<\/span>\r\n <h3>KITCHENS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/restaurants\/\"\r\n aria-label=\"Explore Restaurants\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Wardrobes-1024x594.jpg.webp\"\r\n alt=\"Modern restaurant interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">03<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">WARDROBES<\/span>\r\n <h3>WARDROBES<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/salons-spas\/\"\r\n aria-label=\"Explore Salons and Spas\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Doors-1024x594.jpg.webp\"\r\n alt=\"Luxury salon and spa interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">04<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">INTERIOR DOORS<\/span>\r\n <h3>INTERIOR & DOORS <\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/schools\/\"\r\n aria-label=\"Explore Schools\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Furniture-1024x594-1.jpg\"\r\n alt=\"Modern educational interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">05<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FURNITURE<\/span>\r\n <h3>FURNITURE<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/malls\/\"\r\n aria-label=\"Explore Malls\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Miscellaneous-1024x594.jpg.webp\"\r\n alt=\"Contemporary shopping mall interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">06<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">MISCELLANEOUS<\/span>\r\n <h3>MISCELLANEOUS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/hospitals\/\"\r\n aria-label=\"Explore Hospitals\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_FeatureWalls-1024x594.jpg.webp\"\r\n alt=\"Modern hospital interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">07<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FEATURE WALLS<\/span>\r\n <h3>FEATURE WALLS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"uw-card\" href=\"\/commercial\/offices\/\"\r\n aria-label=\"Explore Offices\">\r\n <img decoding=\"async\" src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/CW_HeroBannerImages_Floors-1024x594.jpg.webp\"\r\n alt=\"Premium modern office interior\"\r\n loading=\"lazy\">\r\n <span class=\"uw-number\">08<\/span>\r\n <div class=\"uw-card-overlay\"><\/div>\r\n <div class=\"uw-card-content\">\r\n <span class=\"uw-category\">FLOORING OPTIONS<\/span>\r\n <h3>FLOORING OPTIONS<\/h3>\r\n <div class=\"uw-card-link\">Explore Service <b aria-hidden=\"true\">\u2197<\/b><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n URBAN WRAP UAE \u2014 PREMIUM SERVICE GALLERY\r\n========================================================= *\/\r\n\r\n.uw-services {\r\n width: 100%;\r\n padding: 110px 5%;\r\n background: #f7f7f5;\r\n color: #111;\r\n font-family: Arial, Helvetica, sans-serif;\r\n overflow: hidden;\r\n}\r\n\r\n.uw-services-inner {\r\n width: min(1500px, 100%);\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n SECTION HEADER\r\n========================= *\/\r\n\r\n.uw-section-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: 42px;\r\n}\r\n\r\n.uw-eyebrow {\r\n display: inline-block;\r\n margin-bottom: 15px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 2.8px;\r\n text-transform: uppercase;\r\n opacity: .55;\r\n}\r\n\r\n.uw-section-head h2 {\r\n margin: 0;\r\n font-size: clamp(38px, 4vw, 70px);\r\n line-height: .98;\r\n letter-spacing: -2.5px;\r\n font-weight: 600;\r\n}\r\n\r\n.uw-section-head h2 em {\r\n font-style: normal;\r\n font-weight: 300;\r\n}\r\n\r\n.uw-section-head p {\r\n max-width: 380px;\r\n margin: 0 0 4px;\r\n font-size: 14px;\r\n line-height: 1.8;\r\n opacity: .62;\r\n}\r\n\r\n.uw-category-head {\r\n margin-top: 125px;\r\n}\r\n\r\n\r\n\/* =========================\r\n FEATURE GRID\r\n========================= *\/\r\n\r\n.uw-feature-grid {\r\n display: grid;\r\n grid-template-columns: 1.35fr 1fr 1fr;\r\n grid-template-rows: 390px 390px;\r\n gap: 16px;\r\n}\r\n\r\n.uw-feature-grid .uw-card-large {\r\n grid-row: span 2;\r\n}\r\n\r\n\r\n\/* =========================\r\n STANDARD GRID\r\n========================= *\/\r\n\r\n.uw-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================\r\n CARD\r\n========================= *\/\r\n\r\n.uw-card {\r\n position: relative;\r\n display: block;\r\n min-height: 340px;\r\n overflow: hidden;\r\n background: #ddd;\r\n color: #fff;\r\n text-decoration: none;\r\n isolation: isolate;\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n}\r\n\r\n.uw-card img {\r\n position: absolute;\r\n inset: -2%;\r\n width: 104%;\r\n height: 104%;\r\n object-fit: cover;\r\n transition:\r\n transform .8s cubic-bezier(.2,.7,.2,1),\r\n filter .8s ease;\r\n will-change: transform;\r\n}\r\n\r\n.uw-card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,0,0,.04) 20%,\r\n rgba(0,0,0,.15) 42%,\r\n rgba(0,0,0,.86) 100%\r\n );\r\n transition: opacity .5s ease;\r\n}\r\n\r\n.uw-card-number,\r\n.uw-number {\r\n position: absolute;\r\n top: 23px;\r\n right: 24px;\r\n z-index: 3;\r\n font-size: 11px;\r\n letter-spacing: 1px;\r\n opacity: .75;\r\n}\r\n\r\n.uw-card-content {\r\n position: absolute;\r\n left: 28px;\r\n right: 28px;\r\n bottom: 27px;\r\n z-index: 3;\r\n transform: translateY(8px);\r\n transition: transform .6s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.uw-category {\r\n display: block;\r\n margin-bottom: 9px;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n opacity: .65;\r\n}\r\n\r\n.uw-card-content h3 {\r\n margin: 0;\r\n font-size: clamp(25px, 2vw, 35px);\r\n line-height: 1;\r\n font-weight: 500;\r\n letter-spacing: -.8px;\r\n}\r\n\r\n.uw-card-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 18px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition:\r\n opacity .45s ease,\r\n transform .45s ease;\r\n}\r\n\r\n.uw-card-link b {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n border: 1px solid rgba(255,255,255,.45);\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 400;\r\n transition: transform .35s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n DESKTOP HOVER\r\n========================= *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n .uw-card:hover img {\r\n transform: scale(1.09);\r\n filter: saturate(1.05);\r\n }\r\n\r\n .uw-card:hover .uw-card-overlay {\r\n opacity: .94;\r\n }\r\n\r\n .uw-card:hover .uw-card-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card:hover .uw-card-link {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card:hover .uw-card-link b {\r\n transform: translate(4px, -4px);\r\n }\r\n\r\n .uw-card:focus-visible {\r\n outline: 3px solid #111;\r\n outline-offset: 7px;\r\n }\r\n\r\n .uw-card:focus-visible img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .uw-card:focus-visible .uw-card-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card:focus-visible .uw-card-link {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n TOUCH DEVICES\r\n========================= *\/\r\n\r\n@media (hover: none) and (pointer: coarse) {\r\n\r\n .uw-card {\r\n min-height: 310px;\r\n }\r\n\r\n .uw-card .uw-card-overlay {\r\n opacity: .88;\r\n }\r\n\r\n .uw-card .uw-card-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card .uw-card-link {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .uw-card.is-touched {\r\n transform: scale(.985);\r\n }\r\n\r\n .uw-card.is-touched img {\r\n transform: scale(1.045);\r\n }\r\n\r\n .uw-card.is-touched .uw-card-overlay {\r\n opacity: .96;\r\n }\r\n\r\n .uw-card.is-touched .uw-card-link b {\r\n transform: translate(3px, -3px);\r\n }\r\n\r\n .uw-card:focus-visible {\r\n outline: 3px solid #111;\r\n outline-offset: 6px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n LARGE DESKTOP\r\n========================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n\r\n .uw-services {\r\n padding-left: 6%;\r\n padding-right: 6%;\r\n }\r\n\r\n .uw-service-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .uw-card {\r\n min-height: 370px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n NORMAL DESKTOP\r\n========================= *\/\r\n\r\n@media (min-width: 1101px) and (max-width: 1499px) {\r\n\r\n .uw-service-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .uw-card {\r\n min-height: 330px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1100px) {\r\n\r\n .uw-services {\r\n padding: 80px 4%;\r\n }\r\n\r\n .uw-section-head {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .uw-section-head p {\r\n max-width: 600px;\r\n }\r\n\r\n .uw-feature-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-template-rows: repeat(2, 330px);\r\n }\r\n\r\n .uw-feature-grid .uw-card-large {\r\n grid-row: auto;\r\n }\r\n\r\n .uw-service-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .uw-card {\r\n min-height: 320px;\r\n }\r\n\r\n .uw-category-head {\r\n margin-top: 90px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .uw-services {\r\n padding: 65px 18px;\r\n }\r\n\r\n .uw-section-head {\r\n display: block;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .uw-section-head h2 {\r\n font-size: 42px;\r\n letter-spacing: -1.8px;\r\n }\r\n\r\n .uw-section-head p {\r\n margin-top: 20px;\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n .uw-feature-grid,\r\n .uw-service-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .uw-feature-grid {\r\n grid-template-rows: none;\r\n }\r\n\r\n .uw-feature-grid .uw-card-large {\r\n grid-row: auto;\r\n }\r\n\r\n .uw-card {\r\n min-height: 285px;\r\n }\r\n\r\n .uw-card-content {\r\n left: 22px;\r\n right: 22px;\r\n bottom: 22px;\r\n }\r\n\r\n .uw-card-content h3 {\r\n font-size: 29px;\r\n }\r\n\r\n .uw-category-head {\r\n margin-top: 78px;\r\n }\r\n\r\n .uw-number {\r\n top: 18px;\r\n right: 19px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================\r\n SMALL MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n .uw-services {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n }\r\n\r\n .uw-section-head h2 {\r\n font-size: 36px;\r\n }\r\n\r\n .uw-card {\r\n min-height: 255px;\r\n }\r\n\r\n .uw-card-content h3 {\r\n font-size: 26px;\r\n }\r\n\r\n .uw-card-content {\r\n left: 18px;\r\n right: 18px;\r\n bottom: 19px;\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 .uw-card,\r\n .uw-card *,\r\n .uw-card img {\r\n transition: none !important;\r\n animation: none !important;\r\n }\r\n\r\n .uw-card.is-touched,\r\n .uw-card.is-touched img {\r\n transform: none !important;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n const cards = document.querySelectorAll(\".uw-card\");\r\n\r\n if (!cards.length) return;\r\n\r\n const touchQuery =\r\n window.matchMedia(\"(hover: none) and (pointer: coarse)\");\r\n\r\n cards.forEach(card => {\r\n\r\n const image = card.querySelector(\"img\");\r\n\r\n \/* --------------------------------\r\n TOUCH FEEDBACK\r\n -------------------------------- *\/\r\n\r\n card.addEventListener(\"touchstart\", function () {\r\n\r\n if (!touchQuery.matches) return;\r\n\r\n card.classList.add(\"is-touched\");\r\n\r\n }, { passive: true });\r\n\r\n\r\n card.addEventListener(\"touchend\", function () {\r\n\r\n if (!touchQuery.matches) return;\r\n\r\n setTimeout(function () {\r\n card.classList.remove(\"is-touched\");\r\n }, 180);\r\n\r\n }, { passive: true });\r\n\r\n\r\n card.addEventListener(\"touchcancel\", function () {\r\n\r\n card.classList.remove(\"is-touched\");\r\n\r\n }, { passive: true });\r\n\r\n\r\n \/* --------------------------------\r\n DESKTOP HUMAN-TOUCH MOVEMENT\r\n -------------------------------- *\/\r\n\r\n card.addEventListener(\"mousemove\", function (event) {\r\n\r\n if (touchQuery.matches) return;\r\n\r\n const rect = card.getBoundingClientRect();\r\n\r\n const x =\r\n ((event.clientX - rect.left) \/ rect.width - .5) * 6;\r\n\r\n const y =\r\n ((event.clientY - rect.top) \/ rect.height - .5) * 6;\r\n\r\n image.style.transform =\r\n \"scale(1.075) translate(\" + x + \"px,\" + y + \"px)\";\r\n\r\n });\r\n\r\n\r\n card.addEventListener(\"mouseleave\", function () {\r\n\r\n if (touchQuery.matches) return;\r\n\r\n image.style.transform = \"\";\r\n\r\n });\r\n\r\n\r\n \/* --------------------------------\r\n KEYBOARD ACCESSIBILITY\r\n -------------------------------- *\/\r\n\r\n card.addEventListener(\"focus\", function () {\r\n\r\n card.classList.add(\"uw-keyboard-focus\");\r\n\r\n });\r\n\r\n\r\n card.addEventListener(\"blur\", function () {\r\n\r\n card.classList.remove(\"uw-keyboard-focus\");\r\n\r\n if (!touchQuery.matches) {\r\n image.style.transform = \"\";\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n})();\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-465d566 e-con e-atomic-element e-flexbox-base e-default-div e-465d566-1ed897f \" data-id=\"465d566\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"465d566\">\n \t\t<div class=\"elementor-element elementor-element-3485e3a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3485e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"category-section\"> <div class=\"category-container\">\r\n\r\n <h2 class=\"category-heading\"> End\u2011to\u2011End Interiors\u2014 Delivered Seamlessly United Arab\r\n Emirates Homes <\/h2>\r\n\r\n <div class=\"category-slider\">\r\n\r\n \r\n <button class=\"category-arrow category-prev\" type=\"button\"\r\n aria-label=\"Previous categories\"\r\n >\r\n ❮ <\/button>\r\n\r\n <div class=\"category-viewport\"> <div class=\"category-track\">\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/14.jpg\" alt=\"Contemporary Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Contemporary Modular Kitchen with Built-In Appliances\r\n <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/Minimalistic-4-BHK-Home.jpg\" alt=\"Sleek Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Sleek Modular Kitchen with Tall Storage Units <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/15.jpg\" alt=\"U-Shaped Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> U-Shaped Modular Kitchen with Sleek Storage <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/111.jpg\" alt=\"L-Shaped Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> L-Shaped Modular Kitchen for Modern Homes <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/112.jpg\" alt=\"Parallel Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Parallel Modular Kitchen with Smart Storage <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n \r\n <div class=\"category-item\"> <a href=\"#\" class=\"category-card\">\r\n\r\n <div class=\"category-image-wrap\"> <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/12.jpg\" alt=\"Parallel Modular Kitchen\"\r\n \/> <\/div>\r\n\r\n <h3> Luxury Modular Kitchen with Premium Finishes <\/h3>\r\n\r\n <\/a> <\/div>\r\n\r\n <\/div> <\/div>\r\n\r\n \r\n <button class=\"category-arrow category-next\" type=\"button\"\r\n aria-label=\"Next categories\"\r\n >\r\n ❯ <\/button>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"category-button-wrap\"> <a href=\"#\" class=\"category-button\">\r\n Talk to Our Kitchen Expert <\/a> <\/div>\r\n\r\n <\/div> <\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ========================================= RESET\r\n ========================================= *\/\r\n\r\n.category-section,\r\n.category-section * { box-sizing: border-box; }\r\n\r\n\r\n\/* ========================================= SECTION\r\n ========================================= *\/\r\n\r\n.category-section { width: 100%; background: #ffffff; padding: 35px 48px 45px;\r\n overflow: hidden; }\r\n\r\n.category-container { width: 100%; max-width: 1800px; margin: 0 auto; }\r\n\r\n\r\n\/* ========================================= HEADING\r\n ========================================= *\/\r\n\r\n.category-heading { margin: 0 0 32px; color: #172b3f; font-family: Arial,\r\n Helvetica, sans-serif; font-size: 34px; font-weight: 400; line-height:\r\n 1.25; }\r\n\r\n\r\n\/* ========================================= SLIDER\r\n ========================================= *\/\r\n\r\n.category-slider { position: relative; width: 100%; }\r\n\r\n.category-viewport { width: 100%; overflow: hidden; }\r\n\r\n.category-track { display: flex; gap: 24px; transition: transform 0.45s\r\n cubic-bezier(.4, 0, .2, 1); will-change: transform; }\r\n\r\n\r\n\/* ========================================= CATEGORY ITEM\r\n ========================================= *\/\r\n\r\n.category-item { flex: 0 0 calc((100% - 48px) \/ 3); min-width: 0; }\r\n\r\n\r\n\/* ========================================= CATEGORY CARD\r\n ========================================= *\/\r\n\r\n.category-card { display: block; width: 100%; text-decoration: none; color:\r\n inherit; }\r\n\r\n.category-image-wrap { position: relative; width: 100%; aspect-ratio: 1.78 \/\r\n 1; overflow: hidden; border-radius: 4px; background: #f2f2f2; }\r\n\r\n.category-image-wrap img { width: 100%; height: 100%; display: block;\r\n object-fit: cover; transition: transform .5s ease; }\r\n\r\n.category-card:hover .category-image-wrap img { transform: scale(1.04); }\r\n\r\n\r\n\/* ========================================= CATEGORY TITLE\r\n ========================================= *\/\r\n\r\n.category-card h3 { margin: 12px 0 0; color: #292929; font-family: Arial,\r\n Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height:\r\n 1.35; }\r\n\r\n\r\n\/* ========================================= ARROWS\r\n ========================================= *\/\r\n\r\n.category-arrow { position: absolute; top: 50%; z-index: 10;\r\n\r\n width: 40px; height: 58px;\r\n\r\n border: 0; padding: 0;\r\n\r\n display: flex; align-items: center; justify-content: center;\r\n\r\n background: rgba(255, 255, 255, .95); color: #ed1c24;\r\n\r\n font-size: 26px; line-height: 1;\r\n\r\n cursor: pointer;\r\n\r\n transform: translateY(-50%);\r\n\r\n box-shadow: 0 2px 8px rgba(0,0,0,.10);\r\n\r\n transition: background .2s ease, color .2s ease, opacity .2s ease; }\r\n\r\n.category-arrow:hover { background: #ed1c24; color: #ffffff; }\r\n\r\n.category-arrow:disabled { opacity: 0; pointer-events: none; }\r\n\r\n.category-prev { left: 0; }\r\n\r\n.category-next { right: 0; }\r\n\r\n\r\n\/* ========================================= CTA\r\n ========================================= *\/\r\n\r\n.category-button-wrap { display: flex; justify-content: center; margin-top:\r\n 38px; }\r\n\r\n.category-button { display: inline-flex; align-items: center; justify-content:\r\n center;\r\n\r\n min-width: 308px; min-height: 56px;\r\n\r\n padding: 14px 30px;\r\n\r\n background: #ed1c24; color: #ffffff;\r\n\r\n border-radius: 4px;\r\n\r\n font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:\r\n 700;\r\n\r\n text-decoration: none;\r\n\r\n transition: background .2s ease, transform .2s ease; }\r\n\r\n.category-button:hover { background: #c9141b; transform: translateY(-2px); }\r\n\r\n\r\n\/* ========================================= LARGE LAPTOP\r\n ========================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n .category-section { padding-left: 32px; padding-right: 32px; }\r\n\r\n .category-heading { font-size: 31px; }\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 .category-section { padding: 30px 28px 40px; }\r\n\r\n .category-heading { margin-bottom: 25px; font-size: 29px; }\r\n\r\n .category-track { gap: 20px; }\r\n\r\n .category-item { flex-basis: calc((100% - 20px) \/ 2); }\r\n\r\n .category-card h3 { font-size: 18px; }\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 .category-section { padding: 25px 16px 35px; }\r\n\r\n .category-heading { margin-bottom: 20px; font-size: 25px; line-height:\r\n 1.3; }\r\n\r\n .category-track { gap: 16px; }\r\n\r\n .category-item { flex-basis: 100%; }\r\n\r\n .category-image-wrap { aspect-ratio: 1.5 \/ 1; }\r\n\r\n .category-card h3 { margin-top: 10px; font-size: 17px; line-height: 1.35; }\r\n\r\n .category-arrow { width: 34px; height: 50px; font-size: 22px; }\r\n\r\n .category-button-wrap { margin-top: 30px; }\r\n\r\n .category-button { width: 100%; min-width: 0; min-height: 52px; padding:\r\n 13px 20px; font-size: 17px; }\r\n\r\n}\r\n\r\n\r\n\/* ========================================= SMALL MOBILE\r\n ========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .category-section { padding-left: 14px; padding-right: 14px; }\r\n\r\n .category-heading { font-size: 22px; }\r\n\r\n .category-card h3 { font-size: 16px; }\r\n\r\n .category-arrow { width: 30px; height: 45px; }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n const viewport = document.querySelector(\r\n \".category-viewport\" );\r\n\r\n const track = document.querySelector(\r\n \".category-track\" );\r\n\r\n const items = document.querySelectorAll(\r\n \".category-item\" );\r\n\r\n const prevButton = document.querySelector(\r\n \".category-prev\" );\r\n\r\n const nextButton = document.querySelector(\r\n \".category-next\" );\r\n\r\n let currentIndex = 0;\r\n\r\n \/* ===================================== GET NUMBER OF VISIBLE ITEMS\r\n ===================================== *\/\r\n\r\n function getVisibleItems() {\r\n\r\n if (window.innerWidth <= 767) { return 1; }\r\n\r\n if (window.innerWidth <= 1024) { return 2; }\r\n\r\n return 3; }\r\n\r\n\r\n \/* ===================================== GET GAP\r\n ===================================== *\/\r\n\r\n function getGap() {\r\n\r\n if (window.innerWidth <= 767) { return 16; }\r\n\r\n if (window.innerWidth <= 1024) { return 20; }\r\n\r\n return 24; }\r\n\r\n\r\n \/* ===================================== MAXIMUM INDEX\r\n ===================================== *\/\r\n\r\n function getMaxIndex() {\r\n\r\n return Math.max( 0, items.length - getVisibleItems() );\r\n\r\n }\r\n\r\n\r\n \/* ===================================== UPDATE SLIDER\r\n ===================================== *\/\r\n\r\n function updateSlider() {\r\n\r\n const visibleItems = getVisibleItems();\r\n\r\n const gap = getGap();\r\n\r\n const viewportWidth = viewport.clientWidth;\r\n\r\n const itemWidth =( viewportWidth - gap * (visibleItems - 1) ) \/\r\n visibleItems;\r\n\r\n const move =(itemWidth + gap) * currentIndex;\r\n\r\n track.style.transform =\r\n \"translate3d(-\" + move + \"px, 0, 0)\";\r\n\r\n\r\n \/* Buttons *\/\r\n\r\n prevButton.disabled = currentIndex <= 0;\r\n\r\n nextButton.disabled = currentIndex >= getMaxIndex();\r\n\r\n }\r\n\r\n\r\n \/* ===================================== NEXT\r\n ===================================== *\/\r\n\r\n nextButton.addEventListener(\r\n \"click\", function () {\r\n\r\n if ( currentIndex < getMaxIndex() ) {\r\n\r\n currentIndex++;\r\n\r\n updateSlider();\r\n\r\n }\r\n\r\n } );\r\n\r\n\r\n \/* ===================================== PREVIOUS\r\n ===================================== *\/\r\n\r\n prevButton.addEventListener(\r\n \"click\", function () {\r\n\r\n if (currentIndex > 0) {\r\n\r\n currentIndex--;\r\n\r\n updateSlider();\r\n\r\n }\r\n\r\n } );\r\n\r\n\r\n \/* ===================================== TOUCH SWIPE\r\n ===================================== *\/\r\n\r\n let startX = 0; let endX = 0;\r\n\r\n viewport.addEventListener(\r\n \"touchstart\", function (event) {\r\n\r\n startX = event.touches[0].clientX;\r\n\r\n },{ passive: true } );\r\n\r\n\r\n viewport.addEventListener(\r\n \"touchend\", function (event) {\r\n\r\n endX = event.changedTouches[0].clientX;\r\n\r\n const distance = startX - endX;\r\n\r\n if (Math.abs(distance) < 50) { return; }\r\n\r\n\r\n \/* Swipe left *\/\r\n\r\n if (distance > 0) {\r\n\r\n if ( currentIndex < getMaxIndex() ) {\r\n\r\n currentIndex++; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n \/* Swipe right *\/\r\n\r\n else {\r\n\r\n if (currentIndex > 0) {\r\n\r\n currentIndex--; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n },{ passive: true } );\r\n\r\n\r\n \/* ===================================== KEYBOARD\r\n ===================================== *\/\r\n\r\n document.addEventListener(\r\n \"keydown\", function (event) {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n\r\n if ( currentIndex < getMaxIndex() ) {\r\n\r\n currentIndex++; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n\r\n if (currentIndex > 0) {\r\n\r\n currentIndex--; updateSlider();\r\n\r\n }\r\n\r\n }\r\n\r\n } );\r\n\r\n\r\n \/* ===================================== RESIZE\r\n ===================================== *\/\r\n\r\n let resizeTimer;\r\n\r\n window.addEventListener(\r\n \"resize\", function () {\r\n\r\n clearTimeout(resizeTimer);\r\n\r\n resizeTimer = setTimeout( function () {\r\n\r\n currentIndex = Math.min( currentIndex, getMaxIndex() );\r\n\r\n updateSlider();\r\n\r\n }, 100 );\r\n\r\n } );\r\n\r\n\r\n \/* INITIALIZE *\/\r\n\r\n updateSlider();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dd3ecb9 e-con e-atomic-element e-flexbox-base e-default-div e-dd3ecb9-75fb7e2 \" data-id=\"dd3ecb9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dd3ecb9\">\n \t\t<div class=\"elementor-element elementor-element-a278121 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a278121\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"interior-section\">\r\n\r\n <div class=\"interior-container\">\r\n\r\n \r\n <div class=\"interior-header\">\r\n <h2>Interior Design Ideas for Every Home<\/h2>\r\n\r\n <p>\r\n Explore beautiful interior designs, styles and inspiration\r\n for every room in your home.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"interior-tags-wrapper\">\r\n\r\n \r\n <button\r\n class=\"interior-tag-arrow interior-tag-prev\"\r\n type=\"button\"\r\n aria-label=\"Previous categories\">\r\n ❮\r\n <\/button>\r\n\r\n\r\n <div class=\"interior-tags-viewport\">\r\n\r\n <div class=\"interior-tags-track\">\r\n\r\n <button class=\"interior-tag active\">\r\n All\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Living Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Bedroom\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Kitchen\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Dining Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Bathroom\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Pooja Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Home Office\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Kids Room\r\n <\/button>\r\n\r\n <button class=\"interior-tag\">\r\n Balcony\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <button\r\n class=\"interior-tag-arrow interior-tag-next\"\r\n type=\"button\"\r\n aria-label=\"Next categories\">\r\n ❯\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"interior-cards-wrapper\">\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/ll.avif\"\r\n alt=\"Modern living room interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Living Room\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Modern Living Room Interior Design\r\n <\/h3>\r\n\r\n <p>\r\n Contemporary interiors designed for\r\n comfortable modern living.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/ll.avif\"\r\n alt=\"Modern bedroom interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Bedroom\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Elegant Bedroom Interior Design\r\n <\/h3>\r\n\r\n <p>\r\n Relaxing bedroom spaces with smart\r\n storage and beautiful finishes.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/image.jpg\"\r\n alt=\"Modern kitchen interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Kitchen\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Stylish Modular Kitchen Design\r\n <\/h3>\r\n\r\n <p>\r\n Functional kitchen interiors created\r\n for modern Indian homes.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/112.jpg\"\r\n alt=\"Dining room interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Dining Room\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Contemporary Dining Room Design\r\n <\/h3>\r\n\r\n <p>\r\n Sophisticated dining spaces for\r\n everyday meals and entertaining.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/image1.jpg\"\r\n alt=\"Pooja room interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Pooja Room\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Beautiful Pooja Room Interior\r\n <\/h3>\r\n\r\n <p>\r\n Peaceful and elegant spaces designed\r\n for Indian homes.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"interior-card\">\r\n\r\n <a href=\"#\" class=\"interior-card-link\">\r\n\r\n <div class=\"interior-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/12.jpg\"\r\n alt=\"Home office interior\"\r\n loading=\"lazy\"\r\n \/>\r\n\r\n <span class=\"interior-card-tag\">\r\n Home Office\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"interior-card-content\">\r\n\r\n <h3>\r\n Smart Home Office Interior\r\n <\/h3>\r\n\r\n <p>\r\n Productive and stylish workspaces\r\n designed for modern lifestyles.\r\n <\/p>\r\n\r\n <span class=\"interior-read-more\">\r\n Explore Design \u2192\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"interior-cta\">\r\n <a href=\"#\">\r\n Explore All Interior Designs\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n RESET\r\n========================================= *\/\r\n\r\n.interior-section,\r\n.interior-section * {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SECTION\r\n========================================= *\/\r\n\r\n.interior-section {\r\n width: 100%;\r\n padding: 60px 48px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n}\r\n\r\n.interior-container {\r\n width: 100%;\r\n max-width: 1500px;\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.interior-header {\r\n text-align: center;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.interior-header h2 {\r\n margin: 0 0 12px;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 36px;\r\n font-weight: 500;\r\n line-height: 1.25;\r\n color: #172b3f;\r\n}\r\n\r\n.interior-header p {\r\n max-width: 700px;\r\n margin: auto;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 17px;\r\n line-height: 1.6;\r\n color: #666;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TAG SLIDER\r\n========================================= *\/\r\n\r\n.interior-tags-wrapper {\r\n position: relative;\r\n width: 100%;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.interior-tags-viewport {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.interior-tags-track {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n\r\n transition:\r\n transform .4s ease;\r\n\r\n will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TAG\r\n========================================= *\/\r\n\r\n.interior-tag {\r\n flex: 0 0 auto;\r\n\r\n padding: 12px 24px;\r\n\r\n border: 1px solid #d7d7d7;\r\n border-radius: 30px;\r\n\r\n background: #ffffff;\r\n color: #333;\r\n\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 15px;\r\n font-weight: 500;\r\n\r\n white-space: nowrap;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n background .25s ease,\r\n color .25s ease,\r\n border-color .25s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.interior-tag:hover {\r\n border-color: #ed1c24;\r\n color: #ed1c24;\r\n}\r\n\r\n.interior-tag.active {\r\n background: #ed1c24;\r\n border-color: #ed1c24;\r\n color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TAG ARROWS\r\n========================================= *\/\r\n\r\n.interior-tag-arrow {\r\n position: absolute;\r\n top: 50%;\r\n z-index: 5;\r\n\r\n width: 38px;\r\n height: 48px;\r\n\r\n border: 0;\r\n\r\n background: #ffffff;\r\n color: #ed1c24;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n font-size: 22px;\r\n\r\n cursor: pointer;\r\n\r\n transform: translateY(-50%);\r\n\r\n box-shadow: 0 2px 8px rgba(0,0,0,.12);\r\n\r\n transition:\r\n background .2s ease,\r\n color .2s ease;\r\n}\r\n\r\n.interior-tag-arrow:hover {\r\n background: #ed1c24;\r\n color: #ffffff;\r\n}\r\n\r\n.interior-tag-arrow:disabled {\r\n opacity: 0;\r\n pointer-events: none;\r\n}\r\n\r\n.interior-tag-prev {\r\n left: 0;\r\n}\r\n\r\n.interior-tag-next {\r\n right: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARDS\r\n========================================= *\/\r\n\r\n.interior-cards-wrapper {\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 28px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARD\r\n========================================= *\/\r\n\r\n.interior-card {\r\n min-width: 0;\r\n\r\n background: #ffffff;\r\n\r\n border: 1px solid #eeeeee;\r\n\r\n border-radius: 6px;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.interior-card:hover {\r\n transform: translateY(-5px);\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.interior-card-link {\r\n display: block;\r\n\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\r\n\/* =========================================\r\n IMAGE\r\n========================================= *\/\r\n\r\n.interior-image {\r\n position: relative;\r\n\r\n width: 100%;\r\n\r\n aspect-ratio: 1.55 \/ 1;\r\n\r\n overflow: hidden;\r\n\r\n background: #eeeeee;\r\n}\r\n\r\n.interior-image img {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: cover;\r\n\r\n transition:\r\n transform .5s ease;\r\n}\r\n\r\n.interior-card:hover .interior-image img {\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================\r\n IMAGE TAG\r\n========================================= *\/\r\n\r\n.interior-card-tag {\r\n position: absolute;\r\n\r\n left: 15px;\r\n bottom: 15px;\r\n\r\n padding: 7px 13px;\r\n\r\n border-radius: 20px;\r\n\r\n background: rgba(0,0,0,.72);\r\n\r\n color: #ffffff;\r\n\r\n font-size: 13px;\r\n font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTENT\r\n========================================= *\/\r\n\r\n.interior-card-content {\r\n padding: 20px;\r\n}\r\n\r\n.interior-card-content h3 {\r\n margin: 0 0 10px;\r\n\r\n color: #222;\r\n\r\n font-family: Arial, Helvetica, sans-serif;\r\n\r\n font-size: 21px;\r\n font-weight: 500;\r\n\r\n line-height: 1.35;\r\n}\r\n\r\n.interior-card-content p {\r\n margin: 0 0 15px;\r\n\r\n color: #666;\r\n\r\n font-family: Arial, Helvetica, sans-serif;\r\n\r\n font-size: 15px;\r\n\r\n line-height: 1.55;\r\n}\r\n\r\n.interior-read-more {\r\n color: #ed1c24;\r\n\r\n font-size: 15px;\r\n font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CTA\r\n========================================= *\/\r\n\r\n.interior-cta {\r\n display: flex;\r\n\r\n justify-content: center;\r\n\r\n margin-top: 38px;\r\n}\r\n\r\n.interior-cta a {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-width: 280px;\r\n min-height: 54px;\r\n\r\n padding: 14px 28px;\r\n\r\n border-radius: 4px;\r\n\r\n background: #ed1c24;\r\n color: #ffffff;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 17px;\r\n font-weight: 700;\r\n\r\n transition:\r\n background .2s ease,\r\n transform .2s ease;\r\n}\r\n\r\n.interior-cta a:hover {\r\n background: #c9141b;\r\n\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n LARGE TABLET \/ SMALL DESKTOP\r\n========================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n .interior-section {\r\n padding-left: 32px;\r\n padding-right: 32px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .interior-cards-wrapper {\r\n gap: 22px;\r\n }\r\n\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 .interior-section {\r\n padding: 50px 28px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 30px;\r\n }\r\n\r\n .interior-tags-track {\r\n justify-content: flex-start;\r\n }\r\n\r\n .interior-cards-wrapper {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n\r\n gap: 20px;\r\n }\r\n\r\n .interior-card-content h3 {\r\n font-size: 19px;\r\n }\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 .interior-section {\r\n padding: 40px 16px;\r\n }\r\n\r\n .interior-header {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 25px;\r\n line-height: 1.3;\r\n }\r\n\r\n .interior-header p {\r\n font-size: 15px;\r\n }\r\n\r\n\r\n \/* TAGS *\/\r\n\r\n .interior-tags-wrapper {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .interior-tags-track {\r\n justify-content: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .interior-tag {\r\n padding: 10px 17px;\r\n\r\n font-size: 14px;\r\n }\r\n\r\n .interior-tag-arrow {\r\n width: 32px;\r\n height: 42px;\r\n }\r\n\r\n\r\n \/* CARDS *\/\r\n\r\n .interior-cards-wrapper {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 18px;\r\n }\r\n\r\n .interior-image {\r\n aspect-ratio: 1.55 \/ 1;\r\n }\r\n\r\n .interior-card-content {\r\n padding: 17px;\r\n }\r\n\r\n .interior-card-content h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .interior-card-content p {\r\n font-size: 14px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .interior-cta {\r\n margin-top: 28px;\r\n }\r\n\r\n .interior-cta a {\r\n width: 100%;\r\n min-width: 0;\r\n font-size: 16px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .interior-section {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n }\r\n\r\n .interior-header h2 {\r\n font-size: 22px;\r\n }\r\n\r\n .interior-header p {\r\n font-size: 14px;\r\n }\r\n\r\n .interior-card-content h3 {\r\n font-size: 17px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n const viewport =\r\n document.querySelector(\r\n \".interior-tags-viewport\"\r\n );\r\n\r\n const track =\r\n document.querySelector(\r\n \".interior-tags-track\"\r\n );\r\n\r\n const tags =\r\n Array.from(\r\n document.querySelectorAll(\r\n \".interior-tag\"\r\n )\r\n );\r\n\r\n const prev =\r\n document.querySelector(\r\n \".interior-tag-prev\"\r\n );\r\n\r\n const next =\r\n document.querySelector(\r\n \".interior-tag-next\"\r\n );\r\n\r\n\r\n let position = 0;\r\n\r\n\r\n \/* =====================================\r\n CALCULATE MAX SCROLL\r\n ====================================== *\/\r\n\r\n function getMaxScroll() {\r\n\r\n return Math.max(\r\n 0,\r\n track.scrollWidth -\r\n viewport.clientWidth\r\n );\r\n\r\n }\r\n\r\n\r\n \/* =====================================\r\n MOVE SLIDER\r\n ====================================== *\/\r\n\r\n function updateSlider() {\r\n\r\n const maxScroll =\r\n getMaxScroll();\r\n\r\n position =\r\n Math.max(\r\n 0,\r\n Math.min(position, maxScroll)\r\n );\r\n\r\n track.style.transform =\r\n `translate3d(-${position}px,0,0)`;\r\n\r\n\r\n prev.disabled =\r\n position <= 0;\r\n\r\n next.disabled =\r\n position >= maxScroll - 1;\r\n\r\n }\r\n\r\n\r\n \/* =====================================\r\n NEXT\r\n ====================================== *\/\r\n\r\n next.addEventListener(\r\n \"click\",\r\n function () {\r\n\r\n position +=\r\n viewport.clientWidth * 0.65;\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n PREVIOUS\r\n ====================================== *\/\r\n\r\n prev.addEventListener(\r\n \"click\",\r\n function () {\r\n\r\n position -=\r\n viewport.clientWidth * 0.65;\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n TAG ACTIVE STATE\r\n ====================================== *\/\r\n\r\n tags.forEach(function (tag) {\r\n\r\n tag.addEventListener(\r\n \"click\",\r\n function () {\r\n\r\n tags.forEach(function (item) {\r\n item.classList.remove(\"active\");\r\n });\r\n\r\n tag.classList.add(\"active\");\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =====================================\r\n TOUCH SWIPE\r\n ====================================== *\/\r\n\r\n let startX = 0;\r\n let startPosition = 0;\r\n\r\n viewport.addEventListener(\r\n \"touchstart\",\r\n function (event) {\r\n\r\n startX =\r\n event.touches[0].clientX;\r\n\r\n startPosition = position;\r\n\r\n track.style.transition =\r\n \"none\";\r\n\r\n },\r\n {\r\n passive: true\r\n }\r\n );\r\n\r\n\r\n viewport.addEventListener(\r\n \"touchmove\",\r\n function (event) {\r\n\r\n const currentX =\r\n event.touches[0].clientX;\r\n\r\n const distance =\r\n startX - currentX;\r\n\r\n position =\r\n startPosition + distance;\r\n\r\n const maxScroll =\r\n getMaxScroll();\r\n\r\n position =\r\n Math.max(\r\n 0,\r\n Math.min(position, maxScroll)\r\n );\r\n\r\n track.style.transform =\r\n `translate3d(-${position}px,0,0)`;\r\n\r\n },\r\n {\r\n passive: true\r\n }\r\n );\r\n\r\n\r\n viewport.addEventListener(\r\n \"touchend\",\r\n function () {\r\n\r\n track.style.transition =\r\n \"transform .4s ease\";\r\n\r\n updateSlider();\r\n\r\n },\r\n {\r\n passive: true\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n MOUSE DRAG\r\n ====================================== *\/\r\n\r\n let mouseDown = false;\r\n let mouseStart = 0;\r\n let mousePosition = 0;\r\n\r\n\r\n viewport.addEventListener(\r\n \"mousedown\",\r\n function (event) {\r\n\r\n mouseDown = true;\r\n\r\n mouseStart =\r\n event.clientX;\r\n\r\n mousePosition =\r\n position;\r\n\r\n viewport.style.cursor =\r\n \"grabbing\";\r\n\r\n track.style.transition =\r\n \"none\";\r\n\r\n }\r\n );\r\n\r\n\r\n window.addEventListener(\r\n \"mousemove\",\r\n function (event) {\r\n\r\n if (!mouseDown) {\r\n return;\r\n }\r\n\r\n const distance =\r\n mouseStart - event.clientX;\r\n\r\n position =\r\n mousePosition + distance;\r\n\r\n const maxScroll =\r\n getMaxScroll();\r\n\r\n position =\r\n Math.max(\r\n 0,\r\n Math.min(position, maxScroll)\r\n );\r\n\r\n track.style.transform =\r\n `translate3d(-${position}px,0,0)`;\r\n\r\n }\r\n );\r\n\r\n\r\n window.addEventListener(\r\n \"mouseup\",\r\n function () {\r\n\r\n if (!mouseDown) {\r\n return;\r\n }\r\n\r\n mouseDown = false;\r\n\r\n viewport.style.cursor =\r\n \"\";\r\n\r\n track.style.transition =\r\n \"transform .4s ease\";\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================================\r\n RESIZE\r\n ====================================== *\/\r\n\r\n window.addEventListener(\r\n \"resize\",\r\n function () {\r\n\r\n updateSlider();\r\n\r\n }\r\n );\r\n\r\n\r\n \/* INITIALIZE *\/\r\n\r\n updateSlider();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-983211b e-con e-atomic-element e-flexbox-base e-default-div e-983211b-b780f74 \" data-id=\"983211b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"983211b\">\n \t\t<div class=\"elementor-element elementor-element-7732b52 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7732b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"premium-reviews\" id=\"premium-reviews\">\r\n\r\n <div class=\"reviews-wrap\">\r\n\r\n \r\n <div class=\"reviews-intro\">\r\n\r\n <div class=\"intro-left\">\r\n <span class=\"eyebrow\">\r\n <i><\/i>\r\n CLIENT EXPERIENCES\r\n <\/span>\r\n\r\n <h2>\r\n Designed Around\r\n <em>Your Story.<\/em>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"intro-right\">\r\n <p>\r\n Every space begins with an idea. Our clients share how that idea\r\n became a thoughtfully designed environment built around the way\r\n they live, work and experience their space.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"google-strip\">\r\n\r\n <div class=\"google-brand\">\r\n\r\n <div class=\"google-g\">\r\n G\r\n <\/div>\r\n\r\n <div class=\"google-content\">\r\n <strong>Google Reviews<\/strong>\r\n\r\n <div class=\"google-rating\">\r\n <span>5.0<\/span>\r\n\r\n <div class=\"stars\">\r\n \u2605 \u2605 \u2605 \u2605 \u2605\r\n <\/div>\r\n\r\n <small>Client experiences<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"google-message\">\r\n <span>YOUR EXPERIENCE MATTERS<\/span>\r\n <p>\r\n Worked with us? Tell others about your experience.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n \r\n <a\r\n href=\"https:\/\/g.page\/r\/YOUR-GOOGLE-REVIEW-LINK\/review\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"google-button\"\r\n >\r\n <span>Write a Review<\/span>\r\n <b>\u2197<\/b>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"testimonial-area\">\r\n\r\n <div class=\"slider-top\">\r\n\r\n <div>\r\n <span class=\"slider-label\">WHAT CLIENTS SAY<\/span>\r\n <\/div>\r\n\r\n <div class=\"slider-controls\">\r\n\r\n <button class=\"review-prev\" aria-label=\"Previous testimonial\">\r\n \u2190\r\n <\/button>\r\n\r\n <button class=\"review-next\" aria-label=\"Next testimonial\">\r\n \u2192\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"review-slider\">\r\n\r\n <div class=\"review-track\">\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">01 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cFrom the first consultation to the final handover,\r\n everything felt carefully considered. The team understood\r\n our vision and turned our home into a space that feels\r\n personal, elegant and effortless.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n A\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Ahmed R.<\/strong>\r\n <span>Villa Interior Project<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card dark\">\r\n\r\n <div class=\"card-number\">02 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cWe wanted a contemporary interior without losing warmth.\r\n The design team balanced materials, lighting and furniture\r\n beautifully. The final result exceeded what we imagined.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n S\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Sarah M.<\/strong>\r\n <span>Luxury Apartment<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">03 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cOur office needed to feel professional while remaining\r\n welcoming. The result is a functional workspace with a\r\n sophisticated design language that our entire team enjoys.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n M\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Mohammed K.<\/strong>\r\n <span>Corporate Office<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>COMMERCIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">04 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cThe entire process was organised and transparent. We\r\n appreciated the attention given to every detail, especially\r\n the finishing and installation quality.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n N\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Nadia A.<\/strong>\r\n <span>Apartment Interior<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card dark\">\r\n\r\n <div class=\"card-number\">05 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cThe design brought together luxury and practicality in a\r\n very natural way. Communication throughout the project was\r\n excellent and the finished space looks incredible.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n R\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Rahul P.<\/strong>\r\n <span>Retail Showroom<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RETAIL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n <article class=\"review-card\">\r\n\r\n <div class=\"card-number\">06 \/ 06<\/div>\r\n\r\n <div class=\"quote-icon\">\u201c<\/div>\r\n\r\n <div class=\"review-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p class=\"review-text\">\r\n \u201cA beautiful combination of creativity and execution.\r\n Every room has its own character while still feeling like\r\n part of one complete home.\u201d\r\n <\/p>\r\n\r\n <div class=\"client\">\r\n\r\n <div class=\"client-photo\">\r\n L\r\n <\/div>\r\n\r\n <div class=\"client-details\">\r\n <strong>Layla H.<\/strong>\r\n <span>Luxury Villa<\/span>\r\n <\/div>\r\n\r\n <div class=\"verified\">\r\n \u2713\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"project-type\">\r\n <span>RESIDENTIAL<\/span>\r\n <span>DUBAI, UAE<\/span>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"slider-bottom\">\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"slider-counter\">\r\n <span id=\"currentReview\">01<\/span>\r\n <i><\/i>\r\n <span>06<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"review-bottom\">\r\n\r\n <div class=\"bottom-text\">\r\n <span>SHARE YOUR EXPERIENCE<\/span>\r\n <h3>\r\n Your space has a story.\r\n <em>Tell us yours.<\/em>\r\n <\/h3>\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/g.page\/r\/YOUR-GOOGLE-REVIEW-LINK\/review\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"bottom-google\"\r\n >\r\n <span class=\"mini-google\">G<\/span>\r\n\r\n <div>\r\n <strong>Review us on Google<\/strong>\r\n <small>Share your experience<\/small>\r\n <\/div>\r\n\r\n <b>\u2197<\/b>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM REVIEWS\r\n ========================================================= *\/\r\n\r\n.premium-reviews {\r\n position: relative;\r\n width: 100%;\r\n padding: 120px 5%;\r\n background: #f4f2ed;\r\n color: #161616;\r\n overflow: hidden;\r\n font-family:\r\n \"DM Sans\",\r\n \"Helvetica Neue\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n.reviews-wrap {\r\n width: min(1450px, 100%);\r\n margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n ========================================================= *\/\r\n\r\n.reviews-intro {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 80px;\r\n align-items: end;\r\n margin-bottom: 65px;\r\n}\r\n\r\n.eyebrow,\r\n.slider-label,\r\n.google-message > span,\r\n.bottom-text > span {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n}\r\n\r\n.eyebrow i {\r\n display: block;\r\n width: 35px;\r\n height: 1px;\r\n background: #171717;\r\n}\r\n\r\n.reviews-intro h2 {\r\n margin: 20px 0 0;\r\n\r\n font-family:\r\n \"Playfair Display\",\r\n Georgia,\r\n serif;\r\n\r\n font-size: clamp(50px, 7vw, 100px);\r\n font-weight: 500;\r\n line-height: .94;\r\n letter-spacing: -4px;\r\n}\r\n\r\n.reviews-intro h2 em {\r\n display: block;\r\n font-weight: 400;\r\n color: #77736b;\r\n}\r\n\r\n.intro-right {\r\n padding-bottom: 5px;\r\n}\r\n\r\n.intro-right p {\r\n max-width: 500px;\r\n margin: 0;\r\n\r\n color: #6f6c66;\r\n\r\n font-size: 15px;\r\n line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GOOGLE STRIP\r\n ========================================================= *\/\r\n\r\n.google-strip {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr auto;\r\n align-items: center;\r\n\r\n gap: 35px;\r\n\r\n padding: 25px 30px;\r\n\r\n background: #1b1b1a;\r\n color: #fff;\r\n\r\n margin-bottom: 70px;\r\n\r\n transition: .4s ease;\r\n}\r\n\r\n.google-strip:hover {\r\n box-shadow: 0 25px 70px rgba(0,0,0,.15);\r\n transform: translateY(-3px);\r\n}\r\n\r\n.google-brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.google-g {\r\n width: 55px;\r\n height: 55px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #fff;\r\n color: #4285f4;\r\n\r\n font-size: 25px;\r\n font-weight: 700;\r\n}\r\n\r\n.google-content strong {\r\n display: block;\r\n margin-bottom: 7px;\r\n font-size: 15px;\r\n}\r\n\r\n.google-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.google-rating span {\r\n font-size: 13px;\r\n font-weight: 700;\r\n}\r\n\r\n.stars {\r\n color: #f5b400;\r\n letter-spacing: 2px;\r\n font-size: 12px;\r\n}\r\n\r\n.google-rating small {\r\n color: #9d9d9d;\r\n font-size: 10px;\r\n}\r\n\r\n.google-message {\r\n border-left: 1px solid #444;\r\n padding-left: 35px;\r\n}\r\n\r\n.google-message > span {\r\n color: #999;\r\n font-size: 9px;\r\n}\r\n\r\n.google-message p {\r\n margin: 6px 0 0;\r\n color: #ddd;\r\n font-size: 13px;\r\n}\r\n\r\n.google-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n padding: 15px 22px;\r\n\r\n background: #fff;\r\n color: #171717;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 12px;\r\n font-weight: 700;\r\n\r\n transition: .35s ease;\r\n}\r\n\r\n.google-button b {\r\n font-size: 18px;\r\n font-weight: 400;\r\n transition: .35s ease;\r\n}\r\n\r\n.google-button:hover {\r\n padding-right: 27px;\r\n}\r\n\r\n.google-button:hover b {\r\n transform: translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER HEADER\r\n ========================================================= *\/\r\n\r\n.testimonial-area {\r\n width: 100%;\r\n}\r\n\r\n.slider-top {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n margin-bottom: 25px;\r\n}\r\n\r\n.slider-label {\r\n color: #77736d;\r\n font-size: 9px;\r\n}\r\n\r\n.slider-controls {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.slider-controls button {\r\n width: 50px;\r\n height: 50px;\r\n\r\n border: 1px solid #d7d3ca;\r\n\r\n background: transparent;\r\n color: #171717;\r\n\r\n cursor: pointer;\r\n\r\n font-size: 19px;\r\n\r\n transition: .3s ease;\r\n}\r\n\r\n.slider-controls button:hover {\r\n background: #171717;\r\n color: #fff;\r\n border-color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER\r\n ========================================================= *\/\r\n\r\n.review-slider {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.review-track {\r\n display: flex;\r\n gap: 22px;\r\n\r\n transition:\r\n transform .8s cubic-bezier(.77,0,.18,1);\r\n\r\n will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW CARD\r\n ========================================================= *\/\r\n\r\n.review-card {\r\n position: relative;\r\n\r\n flex: 0 0 calc(33.333% - 15px);\r\n\r\n min-height: 470px;\r\n\r\n padding: 38px;\r\n\r\n background: #fff;\r\n\r\n border: 1px solid #e2ded5;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n transform .45s ease,\r\n box-shadow .45s ease,\r\n border-color .45s ease;\r\n}\r\n\r\n.review-card::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 180px;\r\n height: 180px;\r\n\r\n right: -90px;\r\n bottom: -90px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 1px solid #dedbd4;\r\n\r\n transition: .5s ease;\r\n}\r\n\r\n.review-card:hover {\r\n transform: translateY(-10px);\r\n border-color: #c7c2b8;\r\n box-shadow: 0 30px 70px rgba(0,0,0,.10);\r\n}\r\n\r\n.review-card:hover::before {\r\n transform: scale(1.8);\r\n}\r\n\r\n\r\n\/* DARK CARD *\/\r\n\r\n.review-card.dark {\r\n background: #20201f;\r\n color: #fff;\r\n border-color: #20201f;\r\n}\r\n\r\n.review-card.dark::before {\r\n border-color: #444;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n ========================================================= *\/\r\n\r\n.card-number {\r\n position: absolute;\r\n right: 32px;\r\n top: 35px;\r\n\r\n color: #a09c94;\r\n\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.quote-icon {\r\n font-family: Georgia, serif;\r\n\r\n font-size: 100px;\r\n line-height: .6;\r\n\r\n color: #d6d1c7;\r\n\r\n margin-top: 15px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.dark .quote-icon {\r\n color: #4a4845;\r\n}\r\n\r\n.review-stars {\r\n font-size: 13px;\r\n letter-spacing: 4px;\r\n\r\n color: #c59b55;\r\n\r\n margin-bottom: 22px;\r\n}\r\n\r\n.review-text {\r\n position: relative;\r\n z-index: 2;\r\n\r\n margin: 0;\r\n\r\n max-width: 520px;\r\n\r\n color: #55524d;\r\n\r\n font-family:\r\n \"Playfair Display\",\r\n Georgia,\r\n serif;\r\n\r\n font-size: 19px;\r\n line-height: 1.65;\r\n}\r\n\r\n.dark .review-text {\r\n color: #d0cdca;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLIENT\r\n ========================================================= *\/\r\n\r\n.client {\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 13px;\r\n\r\n margin-top: auto;\r\n padding-top: 35px;\r\n}\r\n\r\n.client-photo {\r\n width: 48px;\r\n height: 48px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #e8e5dd;\r\n\r\n color: #222;\r\n\r\n font-size: 14px;\r\n font-weight: 700;\r\n}\r\n\r\n.dark .client-photo {\r\n background: #fff;\r\n}\r\n\r\n.client-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n\r\n flex: 1;\r\n}\r\n\r\n.client-details strong {\r\n font-size: 13px;\r\n}\r\n\r\n.client-details span {\r\n color: #8b8882;\r\n font-size: 10px;\r\n}\r\n\r\n.verified {\r\n width: 20px;\r\n height: 20px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #171717;\r\n color: #fff;\r\n\r\n font-size: 10px;\r\n}\r\n\r\n.dark .verified {\r\n background: #fff;\r\n color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROJECT TYPE\r\n ========================================================= *\/\r\n\r\n.project-type {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n margin-top: 25px;\r\n padding-top: 17px;\r\n\r\n border-top: 1px solid #e5e1d9;\r\n\r\n color: #96928a;\r\n\r\n font-size: 8px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.dark .project-type {\r\n border-color: #3e3d3a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER BOTTOM\r\n ========================================================= *\/\r\n\r\n.slider-bottom {\r\n display: flex;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n margin-top: 35px;\r\n}\r\n\r\n.progress-container {\r\n height: 1px;\r\n\r\n flex: 1;\r\n\r\n background: #d7d3ca;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n.progress-bar {\r\n width: 16.66%;\r\n height: 100%;\r\n\r\n background: #171717;\r\n\r\n transition: width .6s ease;\r\n}\r\n\r\n.slider-counter {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n color: #77736c;\r\n\r\n font-size: 10px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n.slider-counter i {\r\n width: 25px;\r\n height: 1px;\r\n\r\n background: #bbb7ae;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM GOOGLE CTA\r\n ========================================================= *\/\r\n\r\n.review-bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 40px;\r\n\r\n margin-top: 100px;\r\n\r\n padding-top: 45px;\r\n\r\n border-top: 1px solid #d8d4ca;\r\n}\r\n\r\n.bottom-text > span {\r\n color: #77736d;\r\n font-size: 9px;\r\n}\r\n\r\n.bottom-text h3 {\r\n margin: 12px 0 0;\r\n\r\n font-family:\r\n \"Playfair Display\",\r\n Georgia,\r\n serif;\r\n\r\n font-size: clamp(28px, 3vw, 43px);\r\n\r\n font-weight: 500;\r\n line-height: 1.1;\r\n}\r\n\r\n.bottom-text h3 em {\r\n color: #77736d;\r\n font-weight: 400;\r\n}\r\n\r\n.bottom-google {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n min-width: 300px;\r\n\r\n padding: 15px 18px;\r\n\r\n border: 1px solid #d3cfc5;\r\n\r\n color: #171717;\r\n\r\n text-decoration: none;\r\n\r\n transition: .4s ease;\r\n}\r\n\r\n.bottom-google:hover {\r\n background: #171717;\r\n color: #fff;\r\n\r\n transform: translateY(-5px);\r\n}\r\n\r\n.mini-google {\r\n width: 42px;\r\n height: 42px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: #fff;\r\n\r\n color: #4285f4;\r\n\r\n font-weight: 700;\r\n}\r\n\r\n.bottom-google div {\r\n flex: 1;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.bottom-google strong {\r\n font-size: 12px;\r\n}\r\n\r\n.bottom-google small {\r\n color: #888;\r\n font-size: 9px;\r\n}\r\n\r\n.bottom-google b {\r\n font-size: 19px;\r\n font-weight: 400;\r\n\r\n transition: .3s ease;\r\n}\r\n\r\n.bottom-google:hover b {\r\n transform: translate(4px,-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n .premium-reviews {\r\n padding: 90px 5%;\r\n }\r\n\r\n .reviews-intro {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .intro-right p {\r\n max-width: 650px;\r\n }\r\n\r\n .google-strip {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .google-button {\r\n width: fit-content;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 calc(50% - 11px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .premium-reviews {\r\n padding: 75px 20px;\r\n }\r\n\r\n .reviews-intro {\r\n margin-bottom: 45px;\r\n }\r\n\r\n .reviews-intro h2 {\r\n font-size: clamp(45px, 13vw, 70px);\r\n letter-spacing: -2px;\r\n }\r\n\r\n .intro-right p {\r\n font-size: 14px;\r\n }\r\n\r\n .google-strip {\r\n grid-template-columns: 1fr;\r\n gap: 22px;\r\n\r\n padding: 24px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .google-message {\r\n border-left: 0;\r\n border-top: 1px solid #444;\r\n\r\n padding-left: 0;\r\n padding-top: 20px;\r\n }\r\n\r\n .google-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 100%;\r\n min-height: 430px;\r\n padding: 30px;\r\n }\r\n\r\n .review-text {\r\n font-size: 18px;\r\n }\r\n\r\n .slider-controls button {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n\r\n .review-bottom {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n\r\n margin-top: 70px;\r\n }\r\n\r\n .bottom-google {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n .premium-reviews {\r\n padding: 60px 15px;\r\n }\r\n\r\n .reviews-intro h2 {\r\n font-size: 43px;\r\n }\r\n\r\n .google-brand {\r\n gap: 12px;\r\n }\r\n\r\n .google-g {\r\n width: 48px;\r\n height: 48px;\r\n font-size: 21px;\r\n }\r\n\r\n .google-rating {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .review-card {\r\n padding: 25px;\r\n min-height: 450px;\r\n }\r\n\r\n .review-text {\r\n font-size: 17px;\r\n line-height: 1.6;\r\n }\r\n\r\n .card-number {\r\n right: 23px;\r\n }\r\n\r\n .slider-bottom {\r\n gap: 15px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCE MOTION\r\n ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n .review-track,\r\n .progress-bar,\r\n .review-card,\r\n .google-strip,\r\n .google-button,\r\n .bottom-google {\r\n transition: none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n const track = document.querySelector(\".review-track\");\r\n const cards = document.querySelectorAll(\".review-card\");\r\n\r\n const nextBtn = document.querySelector(\".review-next\");\r\n const prevBtn = document.querySelector(\".review-prev\");\r\n\r\n const currentNumber =\r\n document.getElementById(\"currentReview\");\r\n\r\n const progress =\r\n document.querySelector(\".progress-bar\");\r\n\r\n if (!track || !cards.length) return;\r\n\r\n let current = 0;\r\n\r\n let autoSlide;\r\n\r\n function getVisibleCards() {\r\n\r\n if (window.innerWidth <= 700) {\r\n return 1;\r\n }\r\n\r\n if (window.innerWidth <= 1050) {\r\n return 2;\r\n }\r\n\r\n return 3;\r\n }\r\n\r\n\r\n function updateSlider() {\r\n\r\n const visible = getVisibleCards();\r\n\r\n const maxIndex =\r\n Math.max(0, cards.length - visible);\r\n\r\n if (current > maxIndex) {\r\n current = 0;\r\n }\r\n\r\n if (current < 0) {\r\n current = maxIndex;\r\n }\r\n\r\n const cardWidth =\r\n cards[0].getBoundingClientRect().width;\r\n\r\n const gap =\r\n parseFloat(\r\n window.getComputedStyle(track).gap\r\n ) || 0;\r\n\r\n const move =\r\n current * (cardWidth + gap);\r\n\r\n track.style.transform =\r\n `translateX(-${move}px)`;\r\n\r\n\r\n \/*\r\n Display current visible slide\r\n *\/\r\n\r\n currentNumber.textContent =\r\n String(current + 1).padStart(2, \"0\");\r\n\r\n\r\n \/*\r\n Progress\r\n *\/\r\n\r\n const percentage =\r\n ((current + 1) \/ cards.length) * 100;\r\n\r\n progress.style.width =\r\n percentage + \"%\";\r\n\r\n }\r\n\r\n\r\n function nextSlide() {\r\n\r\n current++;\r\n\r\n updateSlider();\r\n\r\n restartAutoSlide();\r\n\r\n }\r\n\r\n\r\n function previousSlide() {\r\n\r\n current--;\r\n\r\n updateSlider();\r\n\r\n restartAutoSlide();\r\n\r\n }\r\n\r\n\r\n function startAutoSlide() {\r\n\r\n autoSlide =\r\n setInterval(function () {\r\n\r\n current++;\r\n\r\n updateSlider();\r\n\r\n }, 5000);\r\n\r\n }\r\n\r\n\r\n function restartAutoSlide() {\r\n\r\n clearInterval(autoSlide);\r\n\r\n startAutoSlide();\r\n\r\n }\r\n\r\n\r\n nextBtn.addEventListener(\r\n \"click\",\r\n nextSlide\r\n );\r\n\r\n prevBtn.addEventListener(\r\n \"click\",\r\n previousSlide\r\n );\r\n\r\n\r\n \/*\r\n Touch Swipe\r\n *\/\r\n\r\n let touchStart = 0;\r\n let touchEnd = 0;\r\n\r\n track.addEventListener(\r\n \"touchstart\",\r\n function (event) {\r\n\r\n touchStart =\r\n event.changedTouches[0].screenX;\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n track.addEventListener(\r\n \"touchend\",\r\n function (event) {\r\n\r\n touchEnd =\r\n event.changedTouches[0].screenX;\r\n\r\n const difference =\r\n touchStart - touchEnd;\r\n\r\n if (Math.abs(difference) < 50) {\r\n return;\r\n }\r\n\r\n if (difference > 0) {\r\n nextSlide();\r\n } else {\r\n previousSlide();\r\n }\r\n\r\n },\r\n { passive: true }\r\n );\r\n\r\n\r\n \/*\r\n Keyboard navigation\r\n *\/\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function (event) {\r\n\r\n if (event.key === \"ArrowRight\") {\r\n nextSlide();\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n previousSlide();\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/*\r\n Resize\r\n *\/\r\n\r\n window.addEventListener(\r\n \"resize\",\r\n updateSlider\r\n );\r\n\r\n\r\n \/*\r\n Start\r\n *\/\r\n\r\n updateSlider();\r\n\r\n startAutoSlide();\r\n\r\n});\r\n\r\n<\/script>\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>Urban Wrap UAE | Interior Design & Fit-Out Urban Wrap UAE Transforming Spaces Into Experiences. Professional interior design, construction and […]<\/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":"","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-31","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"Urban Wrap UAE | Interior Design & Fit-Out Urban Wrap UAE Transforming Spaces Into Experiences. Professional interior design, construction and […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-24T19:56:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"name\":\"Home - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\",\"datePublished\":\"2026-09-01T13:01:04+00:00\",\"dateModified\":\"2026-09-24T19:56:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#primaryimage\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\",\"contentUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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_head_json":{"title":"Home - 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\/","og_locale":"en_US","og_type":"article","og_title":"Home - urbanfitouts.ae","og_description":"Urban Wrap UAE | Interior Design & Fit-Out Urban Wrap UAE Transforming Spaces Into Experiences. Professional interior design, construction and […]","og_url":"https:\/\/urbanfitouts.ae\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-24T19:56:40+00:00","og_image":[{"url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/urbanfitouts.ae\/","url":"https:\/\/urbanfitouts.ae\/","name":"Home - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"primaryImageOfPage":{"@id":"https:\/\/urbanfitouts.ae\/#primaryimage"},"image":{"@id":"https:\/\/urbanfitouts.ae\/#primaryimage"},"thumbnailUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","datePublished":"2026-09-01T13:01:04+00:00","dateModified":"2026-09-24T19:56:40+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanfitouts.ae\/#primaryimage","url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","contentUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-1.jpg","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/31","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=31"}],"version-history":[{"count":119,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/31\/revisions\/570"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}