{"id":65,"date":"2026-05-24T18:27:13","date_gmt":"2026-05-24T18:27:13","guid":{"rendered":"https:\/\/dubaicraftbuild.com\/?page_id=65"},"modified":"2026-05-24T18:59:37","modified_gmt":"2026-05-24T18:59:37","slug":"services","status":"publish","type":"page","link":"https:\/\/dubaicraftbuild.com\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"65\" class=\"elementor elementor-65\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f301a49 e-con-full e-flex e-con e-parent\" data-id=\"f301a49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-329eedf elementor-widget elementor-widget-html\" data-id=\"329eedf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.dcb-build-hero,\r\n.dcb-build-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-build-hero {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: rgba(255,255,255,0.72);\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  min-height: 480px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(circle at 50% 26%, rgba(244,163,0,0.16), transparent 28%),\r\n    linear-gradient(135deg, #07111f 0%, #101c2d 48%, #07111f 100%);\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-build-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);\r\n  background-size: 58px 58px;\r\n  opacity: 0.85;\r\n}\r\n\r\n.dcb-build-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -170px;\r\n  width: 620px;\r\n  height: 620px;\r\n  transform: translateX(-50%);\r\n  border-radius: 50%;\r\n  border: 80px solid rgba(244,163,0,0.08);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-build-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -10%;\r\n  right: -10%;\r\n  bottom: 0;\r\n  height: 88px;\r\n  background:\r\n    linear-gradient(180deg, transparent, rgba(0,0,0,0.24)),\r\n    repeating-linear-gradient(\r\n      135deg,\r\n      rgba(244,163,0,0.18) 0 12px,\r\n      rgba(244,163,0,0.03) 12px 24px\r\n    );\r\n  opacity: 0.55;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-build-inner {\r\n  width: min(1220px, 100%);\r\n  min-height: 480px;\r\n  margin: 0 auto;\r\n  padding: 44px 22px;\r\n  display: grid;\r\n  grid-template-columns: 240px 1fr 240px;\r\n  gap: 24px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n\/* CENTER CONTENT *\/\r\n.dcb-build-content {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 5;\r\n  animation: dcbContentUp 0.8s ease both;\r\n}\r\n\r\n@keyframes dcbContentUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.dcb-build-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.9px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.dcb-build-label::before,\r\n.dcb-build-label::after {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 2px;\r\n  background: var(--gold);\r\n  border-radius: 30px;\r\n}\r\n\r\n.dcb-build-content h1 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(38px, 5vw, 68px);\r\n  line-height: 1.02;\r\n  letter-spacing: -1.8px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-build-content h1 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-build-content p {\r\n  margin: 18px auto 0;\r\n  max-width: 660px;\r\n  color: var(--muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.68;\r\n  font-weight: 550;\r\n}\r\n\r\n.dcb-build-actions {\r\n  margin-top: 28px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 12px;\r\n}\r\n\r\n.dcb-build-btn {\r\n  min-height: 50px;\r\n  padding: 0 22px;\r\n  border-radius: 14px;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 950;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-build-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-build-btn.primary {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  box-shadow: 0 16px 36px rgba(244,163,0,0.25);\r\n}\r\n\r\n.dcb-build-btn.secondary {\r\n  background: rgba(255,255,255,0.10);\r\n  color: #ffffff;\r\n  border: 1px solid rgba(255,255,255,0.18);\r\n}\r\n\r\n.dcb-build-btn:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.dcb-build-btn.primary:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n.dcb-build-btn.secondary:hover {\r\n  background: rgba(255,255,255,0.18);\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-build-services {\r\n  margin: 26px auto 0;\r\n  max-width: 660px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 9px;\r\n}\r\n\r\n.dcb-build-services a {\r\n  min-height: 36px;\r\n  padding: 0 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(244,163,0,0.22);\r\n  color: rgba(255,255,255,0.84);\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 12px;\r\n  font-weight: 850;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-build-services a:hover {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n}\r\n\r\n\/* BUILDING SIDES *\/\r\n.dcb-building-side {\r\n  height: 355px;\r\n  position: relative;\r\n  align-self: end;\r\n  opacity: 0.96;\r\n}\r\n\r\n.left-building {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.right-building {\r\n  transform: none;\r\n}\r\n\r\n.dcb-building {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 0;\r\n  width: 96px;\r\n  height: 292px;\r\n  transform: translateX(-50%);\r\n  border-left: 3px solid rgba(244,163,0,0.82);\r\n  border-right: 3px solid rgba(244,163,0,0.82);\r\n}\r\n\r\n.dcb-building::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -18px;\r\n  right: -18px;\r\n  bottom: 0;\r\n  height: 12px;\r\n  background: var(--gold);\r\n  border-radius: 30px 30px 0 0;\r\n}\r\n\r\n.dcb-building::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -8px;\r\n  right: -8px;\r\n  top: -16px;\r\n  height: 16px;\r\n  border-radius: 10px 10px 0 0;\r\n  background: rgba(244,163,0,0.9);\r\n  animation: dcbRoofDrop 4.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dcbRoofDrop {\r\n  0%, 70%, 100% {\r\n    opacity: 0;\r\n    transform: translateY(-30px);\r\n  }\r\n\r\n  78%, 92% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.floor {\r\n  position: absolute;\r\n  left: 8px;\r\n  right: 8px;\r\n  height: 34px;\r\n  border: 2px solid rgba(255,255,255,0.18);\r\n  background:\r\n    linear-gradient(90deg, rgba(244,163,0,0.22) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,0.10), rgba(255,255,255,0.04));\r\n  background-size: 18px 100%;\r\n  transform-origin: bottom;\r\n  opacity: 0;\r\n  animation: dcbFloorBuild 4.8s ease-in-out infinite;\r\n}\r\n\r\n.f1 {\r\n  bottom: 14px;\r\n  animation-delay: 0.1s;\r\n}\r\n\r\n.f2 {\r\n  bottom: 52px;\r\n  animation-delay: 0.45s;\r\n}\r\n\r\n.f3 {\r\n  bottom: 90px;\r\n  animation-delay: 0.8s;\r\n}\r\n\r\n.f4 {\r\n  bottom: 128px;\r\n  animation-delay: 1.15s;\r\n}\r\n\r\n.f5 {\r\n  bottom: 166px;\r\n  animation-delay: 1.5s;\r\n}\r\n\r\n.f6 {\r\n  bottom: 204px;\r\n  animation-delay: 1.85s;\r\n}\r\n\r\n@keyframes dcbFloorBuild {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(28px) scaleY(0.2);\r\n  }\r\n\r\n  12%, 72% {\r\n    opacity: 1;\r\n    transform: translateY(0) scaleY(1);\r\n  }\r\n\r\n  86%, 100% {\r\n    opacity: 0;\r\n    transform: translateY(-16px) scaleY(0.8);\r\n  }\r\n}\r\n\r\n\/* CRANE *\/\r\n.dcb-crane {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 6px;\r\n  width: 170px;\r\n  height: 120px;\r\n  transform: translateX(-50%);\r\n  z-index: 3;\r\n}\r\n\r\n.crane-mast {\r\n  position: absolute;\r\n  left: 54px;\r\n  top: 20px;\r\n  width: 5px;\r\n  height: 116px;\r\n  background: var(--gold);\r\n  border-radius: 20px;\r\n}\r\n\r\n.crane-arm {\r\n  position: absolute;\r\n  left: 54px;\r\n  top: 20px;\r\n  width: 132px;\r\n  height: 5px;\r\n  background: var(--gold);\r\n  border-radius: 20px;\r\n}\r\n\r\n.crane-arm::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 8px;\r\n  top: 0;\r\n  width: 100px;\r\n  height: 5px;\r\n  background: rgba(255,255,255,0.20);\r\n  transform: rotate(24deg);\r\n  transform-origin: left center;\r\n}\r\n\r\n.crane-cable {\r\n  position: absolute;\r\n  right: 18px;\r\n  top: 24px;\r\n  width: 2px;\r\n  height: 62px;\r\n  background: rgba(255,255,255,0.58);\r\n  animation: dcbCableMove 4.8s ease-in-out infinite;\r\n}\r\n\r\n.crane-hook {\r\n  position: absolute;\r\n  right: 8px;\r\n  top: 82px;\r\n  width: 22px;\r\n  height: 18px;\r\n  border: 3px solid var(--gold);\r\n  border-top: 0;\r\n  border-radius: 0 0 12px 12px;\r\n  animation: dcbCableMove 4.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dcbCableMove {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  45% {\r\n    transform: translateY(36px);\r\n  }\r\n\r\n  70% {\r\n    transform: translateY(8px);\r\n  }\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-build-hero {\r\n    min-height: auto;\r\n  }\r\n\r\n  .dcb-build-inner {\r\n    min-height: auto;\r\n    grid-template-columns: 150px 1fr 150px;\r\n    padding: 46px 18px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .dcb-building-side {\r\n    height: 300px;\r\n  }\r\n\r\n  .dcb-building {\r\n    width: 78px;\r\n    height: 242px;\r\n  }\r\n\r\n  .floor {\r\n    height: 28px;\r\n  }\r\n\r\n  .f1 { bottom: 12px; }\r\n  .f2 { bottom: 44px; }\r\n  .f3 { bottom: 76px; }\r\n  .f4 { bottom: 108px; }\r\n  .f5 { bottom: 140px; }\r\n  .f6 { bottom: 172px; }\r\n\r\n  .dcb-crane {\r\n    width: 125px;\r\n  }\r\n\r\n  .crane-arm {\r\n    width: 98px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-build-hero {\r\n    width: 100%;\r\n    margin-left: 0;\r\n  }\r\n\r\n  .dcb-build-inner {\r\n    grid-template-columns: 1fr;\r\n    padding: 40px 16px 34px;\r\n  }\r\n\r\n  .dcb-building-side {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-build-content h1 {\r\n    font-size: clamp(32px, 10vw, 44px);\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .dcb-build-content p {\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .dcb-build-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .dcb-build-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .dcb-build-services {\r\n    gap: 8px;\r\n  }\r\n\r\n  .dcb-build-services a {\r\n    flex: 1 1 calc(50% - 8px);\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-build-content,\r\n  .floor,\r\n  .dcb-building::after,\r\n  .crane-cable,\r\n  .crane-hook,\r\n  .dcb-build-btn,\r\n  .dcb-build-services a {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  .floor {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .dcb-building::after {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style><section class=\"dcb-build-hero\">\r\n  <div class=\"dcb-build-bg\"><\/div>\r\n\r\n  <div class=\"dcb-build-inner\">\r\n\r\n    <!-- LEFT BUILDING ANIMATION -->\r\n    <div class=\"dcb-building-side left-building\" aria-hidden=\"true\">\r\n      <div class=\"dcb-crane\">\r\n        <span class=\"crane-mast\"><\/span>\r\n        <span class=\"crane-arm\"><\/span>\r\n        <span class=\"crane-cable\"><\/span>\r\n        <span class=\"crane-hook\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-building\">\r\n        <span class=\"floor f1\"><\/span>\r\n        <span class=\"floor f2\"><\/span>\r\n        <span class=\"floor f3\"><\/span>\r\n        <span class=\"floor f4\"><\/span>\r\n        <span class=\"floor f5\"><\/span>\r\n        <span class=\"floor f6\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CENTER CONTENT -->\r\n    <div class=\"dcb-build-content\">\r\n      <span class=\"dcb-build-label\">Main Services<\/span>\r\n\r\n      <h1>\r\n        Construction & Renovation\r\n        <strong>Services in Dubai<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Dubai Craft and Build provides premium construction, renovation, fit-out, and remodeling services for residential and commercial properties across Dubai.\r\n      <\/p>\r\n\r\n      <div class=\"dcb-build-actions\">\r\n        <a href=\"\/quote-consultation\/\" class=\"dcb-build-btn primary\">\r\n          Request Quote\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M13.4 5.6 19.8 12l-6.4 6.4-1.4-1.4 4-4H4v-2h12l-4-4 1.4-1.4z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a href=\"\/contact-us\/\" class=\"dcb-build-btn secondary\">\r\n          Free Consultation\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-build-services\">\r\n        <a href=\"\/construction-company-dubai\/\">Construction<\/a>\r\n        <a href=\"\/villa-renovation-dubai\/\">Villa Renovation<\/a>\r\n        <a href=\"\/office-fit-out-dubai\/\">Office Fit-Out<\/a>\r\n        <a href=\"\/interior-remodeling-dubai\/\">Remodeling<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT BUILDING ANIMATION -->\r\n    <div class=\"dcb-building-side right-building\" aria-hidden=\"true\">\r\n      <div class=\"dcb-crane\">\r\n        <span class=\"crane-mast\"><\/span>\r\n        <span class=\"crane-arm\"><\/span>\r\n        <span class=\"crane-cable\"><\/span>\r\n        <span class=\"crane-hook\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-building\">\r\n        <span class=\"floor f1\"><\/span>\r\n        <span class=\"floor f2\"><\/span>\r\n        <span class=\"floor f3\"><\/span>\r\n        <span class=\"floor f4\"><\/span>\r\n        <span class=\"floor f5\"><\/span>\r\n        <span class=\"floor f6\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-295e960 e-con-full e-flex e-con e-parent\" data-id=\"295e960\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfb9420 elementor-widget elementor-widget-html\" data-id=\"dfb9420\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-fixed-services-section\" id=\"dcbFixedServicesSection\">\r\n  <div class=\"dcb-fixed-services-inner\">\r\n\r\n    <!-- LEFT STICKY SLOT -->\r\n    <div class=\"dcb-fixed-left-slot\" id=\"dcbFixedLeftSlot\">\r\n      <aside class=\"dcb-fixed-services-head\" id=\"dcbFixedServicesHead\">\r\n        <span class=\"dcb-fixed-label\">Main Services<\/span>\r\n\r\n        <div class=\"dcb-fixed-active-box\" id=\"dcbFixedActiveBox\">\r\n          <small id=\"dcbFixedNumber\">01<\/small>\r\n          <h2 id=\"dcbFixedTitle\">Construction Services<\/h2>\r\n          <p id=\"dcbFixedText\">\r\n            Reliable construction services for villas, commercial spaces, residential buildings, and turnkey projects across Dubai.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-progress\" id=\"dcbFixedProgress\">\r\n          <span class=\"active\"><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <a href=\"\/quote-consultation\/\" class=\"dcb-fixed-head-btn\">\r\n          Request Quote\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M13.4 5.6 19.8 12l-6.4 6.4-1.4-1.4 4-4H4v-2h12l-4-4 1.4-1.4z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/aside>\r\n    <\/div>\r\n\r\n    <!-- RIGHT SERVICES -->\r\n    <div class=\"dcb-fixed-services-list\">\r\n\r\n      <!-- 1 -->\r\n      <article class=\"dcb-fixed-service-card is-active\"\r\n        data-number=\"01\"\r\n        data-title=\"Construction Services\"\r\n        data-text=\"Reliable construction services for villas, commercial spaces, residential buildings, and turnkey projects across Dubai.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=900&auto=format&fit=crop\" alt=\"Construction services Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>01<\/span>\r\n            <h3>Construction Services<\/h3>\r\n            <p>\r\n              Reliable construction services for villas, commercial spaces, residential buildings,\r\n              and turnkey projects across Dubai.\r\n            <\/p>\r\n            <a href=\"\/construction-company-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/villa-construction-dubai\/\">Villa Construction Dubai<\/a>\r\n          <a href=\"\/commercial-construction-dubai\/\">Commercial Construction<\/a>\r\n          <a href=\"\/residential-construction-dubai\/\">Residential Construction<\/a>\r\n          <a href=\"\/turnkey-construction-dubai\/\">Turnkey Construction<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 2 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"02\"\r\n        data-title=\"Renovation Services\"\r\n        data-text=\"Complete renovation solutions for villas, homes, apartments, and full property upgrades with clean finishing.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=900&auto=format&fit=crop\" alt=\"Renovation services Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>02<\/span>\r\n            <h3>Renovation Services<\/h3>\r\n            <p>\r\n              Complete renovation solutions for villas, homes, apartments, and full property\r\n              upgrades with clean finishing.\r\n            <\/p>\r\n            <a href=\"\/renovation-services-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/villa-renovation-dubai\/\">Villa Renovation Dubai<\/a>\r\n          <a href=\"\/home-renovation-dubai\/\">Home Renovation<\/a>\r\n          <a href=\"\/apartment-renovation-dubai\/\">Apartment Renovation<\/a>\r\n          <a href=\"\/full-property-renovation-dubai\/\">Full Property Renovation<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 3 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"03\"\r\n        data-title=\"Interior Fit-Out\"\r\n        data-text=\"Premium fit-out services for offices, retail outlets, restaurants, and commercial interior spaces.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?q=80&w=900&auto=format&fit=crop\" alt=\"Interior fit out Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>03<\/span>\r\n            <h3>Interior Fit-Out<\/h3>\r\n            <p>\r\n              Premium fit-out services for offices, retail outlets, restaurants, and commercial\r\n              interior spaces.\r\n            <\/p>\r\n            <a href=\"\/office-fit-out-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/office-fit-out-dubai\/\">Office Fit Out Dubai<\/a>\r\n          <a href=\"\/retail-fit-out-dubai\/\">Retail Fit Out<\/a>\r\n          <a href=\"\/restaurant-fit-out-dubai\/\">Restaurant Fit Out<\/a>\r\n          <a href=\"\/commercial-interiors-dubai\/\">Commercial Interiors<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 4 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"04\"\r\n        data-title=\"Kitchen Renovation\"\r\n        data-text=\"Modern kitchen renovation with smart layouts, custom cabinets, premium countertops, and luxury finishes.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556911220-bff31c812dba?q=80&w=900&auto=format&fit=crop\" alt=\"Kitchen renovation Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>04<\/span>\r\n            <h3>Kitchen Renovation<\/h3>\r\n            <p>\r\n              Modern kitchen renovation with smart layouts, custom storage, premium counters,\r\n              and luxury finishes.\r\n            <\/p>\r\n            <a href=\"\/kitchen-renovation-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/custom-kitchen-cabinets-dubai\/\">Custom Cabinets<\/a>\r\n          <a href=\"\/kitchen-countertops-dubai\/\">Countertops<\/a>\r\n          <a href=\"\/modern-kitchen-layouts-dubai\/\">Modern Layouts<\/a>\r\n          <a href=\"\/luxury-kitchen-finishes-dubai\/\">Luxury Finishes<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 5 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"05\"\r\n        data-title=\"Bathroom Renovation\"\r\n        data-text=\"Bathroom renovation services for modern, practical, and premium bathroom spaces with quality detailing.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620626011761-996317b8d101?q=80&w=900&auto=format&fit=crop\" alt=\"Bathroom renovation Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>05<\/span>\r\n            <h3>Bathroom Renovation<\/h3>\r\n            <p>\r\n              Bathroom renovation services for modern, practical, and premium spaces with\r\n              quality detailing.\r\n            <\/p>\r\n            <a href=\"\/bathroom-renovation-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/bathroom-tile-work-dubai\/\">Tile Work<\/a>\r\n          <a href=\"\/vanity-installation-dubai\/\">Vanity Installation<\/a>\r\n          <a href=\"\/plumbing-upgrades-dubai\/\">Plumbing Upgrades<\/a>\r\n          <a href=\"\/modern-bathroom-design-dubai\/\">Modern Bathroom Design<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 6 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"06\"\r\n        data-title=\"Painting & Finishing\"\r\n        data-text=\"Interior and exterior painting with surface preparation, decorative finishes, and clean final detailing.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562259949-e8e7689d7828?q=80&w=900&auto=format&fit=crop\" alt=\"Painting and finishing Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>06<\/span>\r\n            <h3>Painting & Finishing<\/h3>\r\n            <p>\r\n              Interior and exterior painting with surface preparation, decorative finishes,\r\n              and clean final detailing.\r\n            <\/p>\r\n            <a href=\"\/painting-services-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/interior-painting-dubai\/\">Interior Painting<\/a>\r\n          <a href=\"\/exterior-painting-dubai\/\">Exterior Painting<\/a>\r\n          <a href=\"\/decorative-finishes-dubai\/\">Decorative Finishes<\/a>\r\n          <a href=\"\/surface-preparation-dubai\/\">Surface Preparation<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 7 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"07\"\r\n        data-title=\"Flooring Services\"\r\n        data-text=\"Flooring installation and upgrades for villas, apartments, offices, and commercial interiors across Dubai.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581858726788-75bc0f6a952d?q=80&w=900&auto=format&fit=crop\" alt=\"Flooring services Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>07<\/span>\r\n            <h3>Flooring Services<\/h3>\r\n            <p>\r\n              Flooring installation and upgrades for villas, apartments, offices, and commercial\r\n              interiors across Dubai.\r\n            <\/p>\r\n            <a href=\"\/flooring-services-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/tile-flooring-dubai\/\">Tiles<\/a>\r\n          <a href=\"\/marble-flooring-dubai\/\">Marble<\/a>\r\n          <a href=\"\/vinyl-flooring-dubai\/\">Vinyl<\/a>\r\n          <a href=\"\/wooden-flooring-dubai\/\">Wooden Flooring<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 8 -->\r\n      <article class=\"dcb-fixed-service-card\"\r\n        data-number=\"08\"\r\n        data-title=\"MEP Services\"\r\n        data-text=\"MEP support for renovation, construction, commercial fit-out, and maintenance project requirements.\">\r\n\r\n        <div class=\"dcb-fixed-service-main\">\r\n          <div class=\"dcb-fixed-service-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?q=80&w=900&auto=format&fit=crop\" alt=\"MEP services Dubai\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-fixed-service-content\">\r\n            <span>08<\/span>\r\n            <h3>MEP Services<\/h3>\r\n            <p>\r\n              MEP support for renovation, construction, commercial fit-out, and maintenance\r\n              project requirements.\r\n            <\/p>\r\n            <a href=\"\/mep-services-dubai\/\">View Service<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-fixed-sub-row\">\r\n          <a href=\"\/electrical-work-dubai\/\">Electrical Work<\/a>\r\n          <a href=\"\/plumbing-services-dubai\/\">Plumbing<\/a>\r\n          <a href=\"\/hvac-services-dubai\/\">HVAC<\/a>\r\n          <a href=\"\/maintenance-solutions-dubai\/\">Maintenance Solutions<\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-fixed-services-section,\r\n.dcb-fixed-services-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-fixed-services-section {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: #5b6472;\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 70px 18px;\r\n  position: relative;\r\n  overflow: visible !important;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.98), rgba(255,255,255,0.92)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=1800&auto=format&fit=crop\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-fixed-services-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 12% 16%, rgba(244,163,0,0.14), transparent 28%),\r\n    radial-gradient(circle at 90% 88%, rgba(7,17,31,0.08), transparent 32%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-fixed-services-inner {\r\n  width: min(1220px, 100%);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: 390px 1fr;\r\n  gap: 46px;\r\n  align-items: start;\r\n  overflow: visible !important;\r\n}\r\n\r\n.dcb-fixed-left-slot {\r\n  width: 390px;\r\n  min-height: 100%;\r\n  position: relative;\r\n  align-self: stretch;\r\n  z-index: 50;\r\n}\r\n\r\n\/* LEFT PANEL *\/\r\n.dcb-fixed-services-head {\r\n  width: 390px;\r\n  min-height: 470px;\r\n  padding: 34px;\r\n  border-radius: 34px;\r\n  background:\r\n    linear-gradient(135deg, rgba(7,17,31,0.96), rgba(16,28,45,0.94));\r\n  border: 1px solid rgba(244,163,0,0.30);\r\n  box-shadow: 0 26px 70px rgba(7,17,31,0.18);\r\n  overflow: hidden;\r\n  position: sticky;\r\n  top: 95px;\r\n  align-self: start;\r\n  z-index: 60;\r\n}\r\n\r\n.dcb-fixed-services-head.is-fixed {\r\n  position: fixed !important;\r\n  top: 95px !important;\r\n}\r\n\r\n.dcb-fixed-services-head.is-bottom {\r\n  position: absolute !important;\r\n  top: auto !important;\r\n  bottom: 0 !important;\r\n  left: 0 !important;\r\n}\r\n\r\n.dcb-fixed-services-head::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px);\r\n  background-size: 54px 54px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-fixed-services-head::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -90px;\r\n  bottom: -90px;\r\n  width: 240px;\r\n  height: 240px;\r\n  border-radius: 50%;\r\n  border: 38px solid rgba(244,163,0,0.12);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-fixed-label {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.dcb-fixed-active-box {\r\n  position: relative;\r\n  z-index: 3;\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.dcb-fixed-active-box.changing {\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n}\r\n\r\n.dcb-fixed-active-box small {\r\n  display: block;\r\n  color: rgba(255,255,255,0.15);\r\n  font-size: 68px;\r\n  line-height: 0.9;\r\n  font-weight: 950;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.dcb-fixed-active-box h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(30px, 3.1vw, 46px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1.1px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-fixed-active-box h2::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 78px;\r\n  height: 5px;\r\n  border-radius: 20px;\r\n  background: var(--gold);\r\n  margin-top: 16px;\r\n}\r\n\r\n.dcb-fixed-active-box p {\r\n  margin: 16px 0 0;\r\n  color: rgba(255,255,255,0.74);\r\n  font-size: 14.5px;\r\n  line-height: 1.68;\r\n  font-weight: 550;\r\n}\r\n\r\n.dcb-fixed-progress {\r\n  position: relative;\r\n  z-index: 3;\r\n  margin-top: 28px;\r\n  display: grid;\r\n  grid-template-columns: repeat(8, 1fr);\r\n  gap: 7px;\r\n}\r\n\r\n.dcb-fixed-progress span {\r\n  height: 5px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.14);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-fixed-progress span::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: var(--gold);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: 0.35s ease;\r\n}\r\n\r\n.dcb-fixed-progress span.active::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.dcb-fixed-head-btn {\r\n  position: relative;\r\n  z-index: 3;\r\n  margin-top: 30px;\r\n  min-height: 50px;\r\n  padding: 0 20px;\r\n  border-radius: 14px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 950;\r\n  box-shadow: 0 16px 34px rgba(244,163,0,0.22);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-fixed-head-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-fixed-head-btn:hover {\r\n  background: #ffffff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* RIGHT LIST *\/\r\n.dcb-fixed-services-list {\r\n  display: grid;\r\n  gap: 26px;\r\n  min-width: 0;\r\n  position: relative;\r\n  z-index: 5;\r\n}\r\n\r\n.dcb-fixed-service-card {\r\n  position: relative;\r\n  border-radius: 32px;\r\n  padding: 18px;\r\n  background: rgba(255,255,255,0.95);\r\n  border: 1px solid rgba(7,17,31,0.10);\r\n  box-shadow: 0 22px 58px rgba(7,17,31,0.10);\r\n  overflow: hidden;\r\n  opacity: 0.72;\r\n  transform: translateY(18px) scale(0.98);\r\n  transition: 0.45s ease;\r\n}\r\n\r\n.dcb-fixed-service-card.is-active {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n  border-color: rgba(244,163,0,0.48);\r\n  box-shadow: 0 30px 72px rgba(7,17,31,0.15);\r\n}\r\n\r\n.dcb-fixed-service-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -75px;\r\n  top: -75px;\r\n  width: 190px;\r\n  height: 190px;\r\n  border-radius: 50%;\r\n  background: rgba(244,163,0,0.12);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-fixed-service-main {\r\n  display: grid;\r\n  grid-template-columns: 260px 1fr;\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n.dcb-fixed-service-img {\r\n  min-height: 245px;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: var(--dark);\r\n}\r\n\r\n.dcb-fixed-service-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 245px;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: 0.45s ease;\r\n}\r\n\r\n.dcb-fixed-service-img::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, transparent 45%, rgba(7,17,31,0.74)),\r\n    linear-gradient(135deg, rgba(244,163,0,0.18), transparent 60%);\r\n}\r\n\r\n.dcb-fixed-service-card.is-active .dcb-fixed-service-img img,\r\n.dcb-fixed-service-card:hover .dcb-fixed-service-img img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.dcb-fixed-service-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 10px 6px;\r\n}\r\n\r\n.dcb-fixed-service-content > span {\r\n  display: inline-flex;\r\n  color: rgba(7,17,31,0.12);\r\n  font-size: 42px;\r\n  line-height: 1;\r\n  font-weight: 950;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.dcb-fixed-service-content h3 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(24px, 2.6vw, 36px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.8px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-fixed-service-content p {\r\n  margin: 13px 0 0;\r\n  color: var(--muted);\r\n  font-size: 14.4px;\r\n  line-height: 1.62;\r\n  font-weight: 600;\r\n  max-width: 560px;\r\n}\r\n\r\n.dcb-fixed-service-content > a {\r\n  margin-top: 18px;\r\n  min-height: 42px;\r\n  padding: 0 16px;\r\n  border-radius: 13px;\r\n  background: rgba(7,17,31,0.07);\r\n  color: var(--dark);\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 13px;\r\n  font-weight: 950;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-fixed-service-content > a::after {\r\n  content: \"\u203a\";\r\n  margin-left: 8px;\r\n  color: var(--gold);\r\n  font-size: 20px;\r\n}\r\n\r\n.dcb-fixed-service-content > a:hover {\r\n  background: var(--gold);\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* SUB ROW *\/\r\n.dcb-fixed-sub-row {\r\n  margin-top: 16px;\r\n  display: flex;\r\n  gap: 10px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.dcb-fixed-sub-row a {\r\n  flex: 0 0 auto;\r\n  min-height: 44px;\r\n  padding: 0 18px;\r\n  border-radius: 999px;\r\n  background: rgba(7,17,31,0.06);\r\n  border: 1px solid rgba(7,17,31,0.08);\r\n  color: var(--dark);\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  opacity: 0;\r\n  transform: translateX(80px);\r\n}\r\n\r\n.dcb-fixed-service-card.is-active .dcb-fixed-sub-row a {\r\n  animation: dcbFixedSubCardsRightLeft 0.55s ease forwards;\r\n}\r\n\r\n.dcb-fixed-service-card.is-active .dcb-fixed-sub-row a:nth-child(1) {\r\n  animation-delay: 0.06s;\r\n}\r\n\r\n.dcb-fixed-service-card.is-active .dcb-fixed-sub-row a:nth-child(2) {\r\n  animation-delay: 0.14s;\r\n}\r\n\r\n.dcb-fixed-service-card.is-active .dcb-fixed-sub-row a:nth-child(3) {\r\n  animation-delay: 0.22s;\r\n}\r\n\r\n.dcb-fixed-service-card.is-active .dcb-fixed-sub-row a:nth-child(4) {\r\n  animation-delay: 0.30s;\r\n}\r\n\r\n@keyframes dcbFixedSubCardsRightLeft {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.dcb-fixed-sub-row a:hover {\r\n  background: var(--gold);\r\n  border-color: var(--gold);\r\n  color: var(--dark);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-fixed-services-section {\r\n    padding: 54px 18px;\r\n  }\r\n\r\n  .dcb-fixed-services-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .dcb-fixed-left-slot {\r\n    width: 100%;\r\n  }\r\n\r\n  .dcb-fixed-services-head,\r\n  .dcb-fixed-services-head.is-fixed,\r\n  .dcb-fixed-services-head.is-bottom {\r\n    position: relative !important;\r\n    top: auto !important;\r\n    bottom: auto !important;\r\n    left: auto !important;\r\n    width: 100% !important;\r\n    min-height: auto;\r\n  }\r\n\r\n  .dcb-fixed-progress {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n\r\n  .dcb-fixed-service-main {\r\n    grid-template-columns: 220px 1fr;\r\n  }\r\n\r\n  .dcb-fixed-service-img,\r\n  .dcb-fixed-service-img img {\r\n    min-height: 230px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-fixed-services-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-fixed-services-head {\r\n    padding: 24px;\r\n    border-radius: 26px;\r\n  }\r\n\r\n  .dcb-fixed-active-box small {\r\n    font-size: 52px;\r\n  }\r\n\r\n  .dcb-fixed-active-box h2 {\r\n    font-size: clamp(28px, 8.8vw, 38px);\r\n  }\r\n\r\n  .dcb-fixed-active-box p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-fixed-head-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  .dcb-fixed-services-list {\r\n    gap: 20px;\r\n  }\r\n\r\n  .dcb-fixed-service-card {\r\n    padding: 14px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .dcb-fixed-service-main {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .dcb-fixed-service-img,\r\n  .dcb-fixed-service-img img {\r\n    min-height: 210px;\r\n  }\r\n\r\n  .dcb-fixed-service-content {\r\n    padding: 0 2px 4px;\r\n  }\r\n\r\n  .dcb-fixed-service-content > span {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .dcb-fixed-service-content h3 {\r\n    font-size: clamp(24px, 8vw, 32px);\r\n  }\r\n\r\n  .dcb-fixed-service-content p {\r\n    font-size: 13.8px;\r\n  }\r\n\r\n  .dcb-fixed-sub-row {\r\n    overflow-x: auto;\r\n    padding-bottom: 4px;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .dcb-fixed-sub-row::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-fixed-sub-row a {\r\n    min-height: 40px;\r\n    padding: 0 15px;\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-fixed-active-box,\r\n  .dcb-fixed-service-card,\r\n  .dcb-fixed-sub-row a,\r\n  .dcb-fixed-service-img img,\r\n  .dcb-fixed-service-content > a,\r\n  .dcb-fixed-head-btn {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  .dcb-fixed-sub-row a {\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector(\"#dcbFixedServicesSection\");\r\n  if (!section) return;\r\n\r\n  const inner = section.querySelector(\".dcb-fixed-services-inner\");\r\n  const slot = section.querySelector(\"#dcbFixedLeftSlot\");\r\n  const head = section.querySelector(\"#dcbFixedServicesHead\");\r\n  const cards = section.querySelectorAll(\".dcb-fixed-service-card\");\r\n\r\n  const numberEl = section.querySelector(\"#dcbFixedNumber\");\r\n  const titleEl = section.querySelector(\"#dcbFixedTitle\");\r\n  const textEl = section.querySelector(\"#dcbFixedText\");\r\n  const activeBox = section.querySelector(\"#dcbFixedActiveBox\");\r\n  const progressItems = section.querySelectorAll(\"#dcbFixedProgress span\");\r\n\r\n  if (!inner || !slot || !head || !cards.length) return;\r\n\r\n  let activeIndex = -1;\r\n  let ticking = false;\r\n\r\n  function setActiveCard(index) {\r\n    if (index === activeIndex) return;\r\n\r\n    activeIndex = index;\r\n    const card = cards[index];\r\n\r\n    cards.forEach(item => item.classList.remove(\"is-active\"));\r\n    card.classList.add(\"is-active\");\r\n\r\n    progressItems.forEach((item, i) => {\r\n      item.classList.toggle(\"active\", i <= index);\r\n    });\r\n\r\n    activeBox.classList.add(\"changing\");\r\n\r\n    setTimeout(() => {\r\n      numberEl.textContent = card.dataset.number || \"\";\r\n      titleEl.textContent = card.dataset.title || \"\";\r\n      textEl.textContent = card.dataset.text || \"\";\r\n      activeBox.classList.remove(\"changing\");\r\n    }, 160);\r\n  }\r\n\r\n  function updateStickyPanel() {\r\n    if (window.innerWidth <= 1100) {\r\n      head.classList.remove(\"is-fixed\", \"is-bottom\");\r\n      head.style.left = \"\";\r\n      head.style.width = \"\";\r\n      return;\r\n    }\r\n\r\n    const topOffset = 95;\r\n    const sectionRect = section.getBoundingClientRect();\r\n    const slotRect = slot.getBoundingClientRect();\r\n\r\n    const sectionTop = window.scrollY + sectionRect.top;\r\n    const sectionBottom = sectionTop + section.offsetHeight;\r\n    const scrollY = window.scrollY;\r\n\r\n    const headHeight = head.offsetHeight;\r\n    const start = sectionTop + 70;\r\n    const end = sectionBottom - headHeight - 70;\r\n\r\n    head.style.width = slotRect.width + \"px\";\r\n\r\n    if (scrollY + topOffset < start) {\r\n      head.classList.remove(\"is-fixed\", \"is-bottom\");\r\n      head.style.left = \"\";\r\n      head.style.width = \"\";\r\n    } else if (scrollY + topOffset >= end) {\r\n      head.classList.remove(\"is-fixed\");\r\n      head.classList.add(\"is-bottom\");\r\n      head.style.left = \"0px\";\r\n      head.style.width = \"100%\";\r\n    } else {\r\n      head.classList.remove(\"is-bottom\");\r\n      head.classList.add(\"is-fixed\");\r\n      head.style.left = slotRect.left + \"px\";\r\n      head.style.width = slotRect.width + \"px\";\r\n    }\r\n  }\r\n\r\n  function checkActiveService() {\r\n    let closestIndex = 0;\r\n    let closestDistance = Infinity;\r\n    const triggerPoint = window.innerHeight * 0.46;\r\n\r\n    cards.forEach((card, index) => {\r\n      const rect = card.getBoundingClientRect();\r\n      const middle = rect.top + rect.height \/ 2;\r\n      const distance = Math.abs(middle - triggerPoint);\r\n\r\n      if (distance < closestDistance) {\r\n        closestDistance = distance;\r\n        closestIndex = index;\r\n      }\r\n    });\r\n\r\n    setActiveCard(closestIndex);\r\n  }\r\n\r\n  function runAll() {\r\n    updateStickyPanel();\r\n    checkActiveService();\r\n    ticking = false;\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", function () {\r\n    if (!ticking) {\r\n      requestAnimationFrame(runAll);\r\n      ticking = true;\r\n    }\r\n  }, { passive: true });\r\n\r\n  window.addEventListener(\"resize\", runAll);\r\n  window.addEventListener(\"load\", runAll);\r\n\r\n  setTimeout(runAll, 300);\r\n  runAll();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-246f500 e-con-full e-flex e-con e-parent\" data-id=\"246f500\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-782c81a elementor-widget elementor-widget-html\" data-id=\"782c81a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-why-form-section\">\r\n  <div class=\"dcb-why-form-inner\">\r\n\r\n    <!-- LEFT WHY CHOOSE US -->\r\n    <div class=\"dcb-why-content\">\r\n      <span class=\"dcb-why-label\">Why Choose Us<\/span>\r\n\r\n      <h2>\r\n        Why Choose\r\n        <strong>Dubai Craft Build<\/strong>\r\n      <\/h2>\r\n\r\n      <p class=\"dcb-why-intro\">\r\n        We deliver construction and renovation work with clear planning, skilled teams, reliable materials, and Dubai-focused project execution.\r\n      <\/p>\r\n\r\n      <div class=\"dcb-why-grid\">\r\n\r\n        <div class=\"dcb-why-item\">\r\n          <div class=\"dcb-why-icon\">01<\/div>\r\n          <div>\r\n            <h3>Dubai Market Expertise<\/h3>\r\n            <p>Local experience with villas, apartments, offices, and commercial spaces.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-why-item\">\r\n          <div class=\"dcb-why-icon\">02<\/div>\r\n          <div>\r\n            <h3>Skilled Workforce<\/h3>\r\n            <p>Experienced teams for renovation, fit-out, finishing, and MEP work.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-why-item\">\r\n          <div class=\"dcb-why-icon\">03<\/div>\r\n          <div>\r\n            <h3>Quality Materials<\/h3>\r\n            <p>Reliable materials for durability, strength, and premium finishing.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-why-item\">\r\n          <div class=\"dcb-why-icon\">04<\/div>\r\n          <div>\r\n            <h3>Transparent Pricing<\/h3>\r\n            <p>Clear scope and practical pricing before the project starts.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-why-item\">\r\n          <div class=\"dcb-why-icon\">05<\/div>\r\n          <div>\r\n            <h3>Timely Delivery<\/h3>\r\n            <p>Organized project flow to keep work moving smoothly.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-why-item\">\r\n          <div class=\"dcb-why-icon\">06<\/div>\r\n          <div>\r\n            <h3>Compliant Work<\/h3>\r\n            <p>Work planned with safety, quality, and Dubai requirements in mind.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT FORM -->\r\n    <div class=\"dcb-quote-form-wrap\">\r\n      <span class=\"dcb-form-badge\">Free Consultation<\/span>\r\n\r\n      <h3>Request a Quote<\/h3>\r\n      <p>Share your project details and our team will contact you shortly.<\/p>\r\n\r\n      <form class=\"dcb-quote-form\" action=\"https:\/\/formsubmit.co\/info@dubaicraftbuild.com\" method=\"POST\">\r\n        <input type=\"hidden\" name=\"_subject\" value=\"New Quote Request - Dubai Craft Build\">\r\n        <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n        <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n        <div class=\"dcb-form-row\">\r\n          <div class=\"dcb-form-field\">\r\n            <label>Name<\/label>\r\n            <input type=\"text\" name=\"Name\" placeholder=\"Your name\" required>\r\n          <\/div>\r\n\r\n          <div class=\"dcb-form-field\">\r\n            <label>Phone<\/label>\r\n            <input type=\"tel\" name=\"Phone\" placeholder=\"Phone number\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-form-row\">\r\n          <div class=\"dcb-form-field\">\r\n            <label>Email<\/label>\r\n            <input type=\"email\" name=\"Email\" placeholder=\"Email address\">\r\n          <\/div>\r\n\r\n          <div class=\"dcb-form-field\">\r\n            <label>Service<\/label>\r\n            <select name=\"Service\" required>\r\n              <option value=\"\">Select service<\/option>\r\n              <option>Construction Services<\/option>\r\n              <option>Renovation Services<\/option>\r\n              <option>Interior Fit-Out<\/option>\r\n              <option>Kitchen Renovation<\/option>\r\n              <option>Bathroom Renovation<\/option>\r\n              <option>Painting & Finishing<\/option>\r\n              <option>Flooring Services<\/option>\r\n              <option>MEP Services<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-form-field\">\r\n          <label>Location<\/label>\r\n          <input type=\"text\" name=\"Location\" placeholder=\"Dubai Marina, JVC, Business Bay\">\r\n        <\/div>\r\n\r\n        <div class=\"dcb-form-field\">\r\n          <label>Project Details<\/label>\r\n          <textarea name=\"Message\" placeholder=\"Briefly describe your project...\" required><\/textarea>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"dcb-submit-btn\">\r\n          Send Request\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M13.4 5.6 19.8 12l-6.4 6.4-1.4-1.4 4-4H4v-2h12l-4-4 1.4-1.4z\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-why-form-section,\r\n.dcb-why-form-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-why-form-section {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: #5b6472;\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 48px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, #07111f, #101c2d);\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-why-form-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);\r\n  background-size: 56px 56px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-why-form-inner {\r\n  width: min(1160px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 0.85fr;\r\n  gap: 44px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* LEFT *\/\r\n.dcb-why-label {\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-why-content h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(30px, 3.4vw, 48px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-why-content h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-why-intro {\r\n  margin: 14px 0 0;\r\n  max-width: 640px;\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  font-weight: 550;\r\n}\r\n\r\n.dcb-why-grid {\r\n  margin-top: 24px;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px;\r\n}\r\n\r\n.dcb-why-item {\r\n  min-height: 118px;\r\n  padding: 16px;\r\n  border-radius: 20px;\r\n  background: rgba(255,255,255,0.075);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  display: grid;\r\n  grid-template-columns: 42px 1fr;\r\n  gap: 13px;\r\n  align-items: start;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-why-item:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(244,163,0,0.42);\r\n  background: rgba(255,255,255,0.11);\r\n}\r\n\r\n.dcb-why-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 14px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-why-item h3 {\r\n  margin: 0 0 6px;\r\n  color: #ffffff;\r\n  font-size: 14.5px;\r\n  line-height: 1.25;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-why-item p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.67);\r\n  font-size: 12.6px;\r\n  line-height: 1.48;\r\n  font-weight: 550;\r\n}\r\n\r\n\/* FORM *\/\r\n.dcb-quote-form-wrap {\r\n  position: relative;\r\n  padding: 26px;\r\n  border-radius: 28px;\r\n  background: rgba(255,255,255,0.96);\r\n  border: 1px solid rgba(244,163,0,0.28);\r\n  box-shadow: 0 24px 58px rgba(0,0,0,0.20);\r\n}\r\n\r\n.dcb-form-badge {\r\n  width: fit-content;\r\n  min-height: 30px;\r\n  padding: 0 12px;\r\n  border-radius: 999px;\r\n  background: rgba(244,163,0,0.15);\r\n  color: var(--dark);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 10.5px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.1px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-quote-form-wrap h3 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(25px, 2.6vw, 34px);\r\n  line-height: 1.1;\r\n  letter-spacing: -0.7px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-quote-form-wrap > p {\r\n  margin: 9px 0 0;\r\n  color: var(--muted);\r\n  font-size: 13.8px;\r\n  line-height: 1.5;\r\n  font-weight: 600;\r\n}\r\n\r\n.dcb-quote-form {\r\n  margin-top: 18px;\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n.dcb-form-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.dcb-form-field {\r\n  display: grid;\r\n  gap: 6px;\r\n}\r\n\r\n.dcb-form-field label {\r\n  color: var(--dark);\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-form-field input,\r\n.dcb-form-field select,\r\n.dcb-form-field textarea {\r\n  width: 100%;\r\n  min-height: 44px;\r\n  border: 1px solid rgba(7,17,31,0.13);\r\n  border-radius: 13px;\r\n  background: #ffffff;\r\n  color: var(--dark);\r\n  padding: 0 13px;\r\n  font-size: 13.2px;\r\n  font-weight: 650;\r\n  outline: none;\r\n  transition: 0.2s ease;\r\n}\r\n\r\n.dcb-form-field textarea {\r\n  min-height: 88px;\r\n  padding-top: 12px;\r\n  resize: vertical;\r\n}\r\n\r\n.dcb-form-field input:focus,\r\n.dcb-form-field select:focus,\r\n.dcb-form-field textarea:focus {\r\n  border-color: var(--gold);\r\n  box-shadow: 0 0 0 4px rgba(244,163,0,0.13);\r\n}\r\n\r\n.dcb-submit-btn {\r\n  min-height: 48px;\r\n  border: 0;\r\n  border-radius: 14px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  font-size: 13.5px;\r\n  font-weight: 950;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-submit-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-submit-btn:hover {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-why-form-section {\r\n    padding: 46px 18px;\r\n  }\r\n\r\n  .dcb-why-form-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-why-form-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 38px 16px;\r\n  }\r\n\r\n  .dcb-why-content h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-why-intro {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-why-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n\r\n  .dcb-why-item {\r\n    min-height: auto;\r\n  }\r\n\r\n  .dcb-quote-form-wrap {\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .dcb-form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-why-item,\r\n  .dcb-submit-btn,\r\n  .dcb-form-field input,\r\n  .dcb-form-field select,\r\n  .dcb-form-field textarea {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be1d7aa e-con-full e-flex e-con e-parent\" data-id=\"be1d7aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b70ef74 elementor-widget elementor-widget-html\" data-id=\"b70ef74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-process-timeline-section\">\r\n  <div class=\"dcb-process-timeline-inner\">\r\n\r\n    <div class=\"dcb-process-head\">\r\n      <span>Our Process<\/span>\r\n      <h2>\r\n        Simple Project Process\r\n        <strong>From Start to Handover<\/strong>\r\n      <\/h2>\r\n      <p>\r\n        We keep every construction and renovation project clear, organized, and easy to follow.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-process-line\">\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-number\">01<\/div>\r\n        <h3>Consultation<\/h3>\r\n        <p>We discuss your project needs, location, timeline, and expected scope of work.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-number\">02<\/div>\r\n        <h3>Planning<\/h3>\r\n        <p>We prepare the work plan, service details, material direction, and project flow.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-number\">03<\/div>\r\n        <h3>Construction \/ Renovation<\/h3>\r\n        <p>Our team starts the site work with proper coordination, workmanship, and supervision.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-number\">04<\/div>\r\n        <h3>Quality Inspection<\/h3>\r\n        <p>We check finishing, details, material quality, and overall project completion.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-number\">05<\/div>\r\n        <h3>Project Handover<\/h3>\r\n        <p>The completed project is handed over after final review and clean finishing.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-process-timeline-section,\r\n.dcb-process-timeline-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-process-timeline-section {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: #5b6472;\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 50px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.97), rgba(255,255,255,0.92)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=1800&auto=format&fit=crop\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-process-timeline-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(244,163,0,0.13), transparent 28%),\r\n    radial-gradient(circle at 88% 82%, rgba(7,17,31,0.07), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-process-timeline-inner {\r\n  width: min(1160px, 100%);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-process-head {\r\n  max-width: 760px;\r\n  margin: 0 auto 36px;\r\n  text-align: center;\r\n}\r\n\r\n.dcb-process-head span {\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-process-head h2 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(30px, 3.4vw, 48px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-process-head h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-process-head p {\r\n  margin: 14px auto 0;\r\n  max-width: 620px;\r\n  color: var(--muted);\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* TIMELINE *\/\r\n.dcb-process-line {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 14px;\r\n}\r\n\r\n.dcb-process-line::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 9%;\r\n  right: 9%;\r\n  top: 39px;\r\n  height: 4px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, rgba(244,163,0,0.25), var(--gold), rgba(244,163,0,0.25));\r\n  z-index: 1;\r\n}\r\n\r\n.dcb-process-line::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 37px;\r\n  left: 9%;\r\n  width: 70px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, transparent, #ffffff, var(--gold), transparent);\r\n  z-index: 2;\r\n  animation: dcbProcessMove 4s linear infinite;\r\n}\r\n\r\n@keyframes dcbProcessMove {\r\n  from {\r\n    left: 5%;\r\n  }\r\n\r\n  to {\r\n    left: 88%;\r\n  }\r\n}\r\n\r\n.dcb-process-step {\r\n  position: relative;\r\n  z-index: 3;\r\n  padding: 0 0 0;\r\n  text-align: center;\r\n}\r\n\r\n.dcb-process-number {\r\n  width: 78px;\r\n  height: 78px;\r\n  margin: 0 auto 18px;\r\n  border-radius: 50%;\r\n  background: var(--dark);\r\n  color: var(--gold);\r\n  border: 5px solid #ffffff;\r\n  box-shadow: 0 14px 34px rgba(7,17,31,0.18);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n  font-weight: 950;\r\n  position: relative;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-process-step:hover .dcb-process-number {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.dcb-process-step h3 {\r\n  margin: 0 auto 9px;\r\n  color: var(--dark);\r\n  font-size: 16px;\r\n  line-height: 1.25;\r\n  font-weight: 950;\r\n  max-width: 180px;\r\n}\r\n\r\n.dcb-process-step p {\r\n  margin: 0 auto;\r\n  max-width: 190px;\r\n  color: var(--muted);\r\n  font-size: 12.8px;\r\n  line-height: 1.52;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-process-line {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 22px 16px;\r\n  }\r\n\r\n  .dcb-process-line::before,\r\n  .dcb-process-line::after {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-process-step {\r\n    padding: 20px;\r\n    border-radius: 22px;\r\n    background: rgba(255,255,255,0.95);\r\n    border: 1px solid rgba(7,17,31,0.09);\r\n    box-shadow: 0 16px 36px rgba(7,17,31,0.08);\r\n  }\r\n\r\n  .dcb-process-step:last-child {\r\n    grid-column: 1 \/ -1;\r\n    max-width: 520px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-process-timeline-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .dcb-process-head {\r\n    text-align: left;\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .dcb-process-head h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-process-line {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .dcb-process-step,\r\n  .dcb-process-step:last-child {\r\n    max-width: 100%;\r\n    text-align: left;\r\n    display: grid;\r\n    grid-template-columns: 64px 1fr;\r\n    column-gap: 14px;\r\n    align-items: start;\r\n  }\r\n\r\n  .dcb-process-number {\r\n    width: 58px;\r\n    height: 58px;\r\n    margin: 0;\r\n    font-size: 14px;\r\n    border-width: 4px;\r\n    grid-row: span 2;\r\n  }\r\n\r\n  .dcb-process-step h3 {\r\n    max-width: 100%;\r\n    margin: 3px 0 6px;\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  .dcb-process-step p {\r\n    max-width: 100%;\r\n    margin: 0;\r\n    font-size: 12.8px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-process-line::after,\r\n  .dcb-process-number {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3a7810 e-con-full e-flex e-con e-parent\" data-id=\"e3a7810\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d99b99 elementor-widget elementor-widget-html\" data-id=\"1d99b99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-featured-projects-section\">\r\n  <div class=\"dcb-featured-projects-inner\">\r\n\r\n    <div class=\"dcb-projects-head\">\r\n      <span>Featured Projects<\/span>\r\n      <h2>\r\n        Recent Construction & Renovation\r\n        <strong>Projects in Dubai<\/strong>\r\n      <\/h2>\r\n      <p>\r\n        A quick look at selected residential and commercial projects handled across Dubai.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-projects-grid\">\r\n\r\n      <!-- Project 1 -->\r\n      <article class=\"dcb-project-card large\">\r\n        <a href=\"\/projects\/palm-jumeirah-villa-renovation\/\" class=\"dcb-project-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1000&auto=format&fit=crop\" alt=\"Palm Jumeirah villa renovation Dubai\">\r\n          <span class=\"dcb-project-type\">Villa Renovation<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"dcb-project-content\">\r\n          <div class=\"dcb-project-meta\">\r\n            <span>Palm Jumeirah<\/span>\r\n            <span>Residential<\/span>\r\n          <\/div>\r\n\r\n          <h3>\r\n            <a href=\"\/projects\/palm-jumeirah-villa-renovation\/\">\r\n              Palm Jumeirah Villa Renovation\r\n            <\/a>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Premium villa renovation with interior upgrades, finishing work, and modern design improvements.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Project 2 -->\r\n      <article class=\"dcb-project-card\">\r\n        <a href=\"\/projects\/business-bay-office-fit-out\/\" class=\"dcb-project-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?q=80&w=1000&auto=format&fit=crop\" alt=\"Business Bay office fit out Dubai\">\r\n          <span class=\"dcb-project-type\">Office Fit-Out<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"dcb-project-content\">\r\n          <div class=\"dcb-project-meta\">\r\n            <span>Business Bay<\/span>\r\n            <span>Commercial<\/span>\r\n          <\/div>\r\n\r\n          <h3>\r\n            <a href=\"\/projects\/business-bay-office-fit-out\/\">\r\n              Business Bay Office Fit-Out\r\n            <\/a>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Modern office fit-out with partitions, flooring, ceiling details, and workspace finishing.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Project 3 -->\r\n      <article class=\"dcb-project-card\">\r\n        <a href=\"\/projects\/downtown-apartment-remodeling\/\" class=\"dcb-project-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?q=80&w=1000&auto=format&fit=crop\" alt=\"Downtown Dubai apartment remodeling\">\r\n          <span class=\"dcb-project-type\">Apartment Remodeling<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"dcb-project-content\">\r\n          <div class=\"dcb-project-meta\">\r\n            <span>Downtown Dubai<\/span>\r\n            <span>Residential<\/span>\r\n          <\/div>\r\n\r\n          <h3>\r\n            <a href=\"\/projects\/downtown-apartment-remodeling\/\">\r\n              Downtown Apartment Remodeling\r\n            <\/a>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Apartment remodeling with layout improvements, finishing upgrades, and modern interior detailing.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Project 4 -->\r\n      <article class=\"dcb-project-card\">\r\n        <a href=\"\/projects\/dubai-marina-kitchen-renovation\/\" class=\"dcb-project-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556911220-bff31c812dba?q=80&w=1000&auto=format&fit=crop\" alt=\"Dubai Marina kitchen renovation\">\r\n          <span class=\"dcb-project-type\">Kitchen Renovation<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"dcb-project-content\">\r\n          <div class=\"dcb-project-meta\">\r\n            <span>Dubai Marina<\/span>\r\n            <span>Residential<\/span>\r\n          <\/div>\r\n\r\n          <h3>\r\n            <a href=\"\/projects\/dubai-marina-kitchen-renovation\/\">\r\n              Dubai Marina Kitchen Renovation\r\n            <\/a>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Modern kitchen upgrade with custom cabinets, countertops, improved layout, and luxury finishes.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dcb-projects-cta\">\r\n      <a href=\"\/projects\/\" class=\"dcb-projects-btn\">\r\n        View More Projects\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M13.4 5.6 19.8 12l-6.4 6.4-1.4-1.4 4-4H4v-2h12l-4-4 1.4-1.4z\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-featured-projects-section,\r\n.dcb-featured-projects-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-featured-projects-section {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: #5b6472;\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 52px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.97), rgba(255,255,255,0.92)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=1800&auto=format&fit=crop\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-featured-projects-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 12% 16%, rgba(244,163,0,0.13), transparent 28%),\r\n    radial-gradient(circle at 88% 82%, rgba(7,17,31,0.07), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-featured-projects-inner {\r\n  width: min(1160px, 100%);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* HEAD *\/\r\n.dcb-projects-head {\r\n  max-width: 760px;\r\n  margin: 0 auto 34px;\r\n  text-align: center;\r\n}\r\n\r\n.dcb-projects-head span {\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-projects-head h2 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(30px, 3.4vw, 48px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-projects-head h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-projects-head p {\r\n  margin: 14px auto 0;\r\n  max-width: 620px;\r\n  color: var(--muted);\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* GRID *\/\r\n.dcb-projects-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 0.95fr 0.95fr;\r\n  gap: 18px;\r\n  align-items: stretch;\r\n}\r\n\r\n.dcb-project-card {\r\n  position: relative;\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,0.96);\r\n  border: 1px solid rgba(7,17,31,0.10);\r\n  box-shadow: 0 18px 44px rgba(7,17,31,0.09);\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-project-card.large {\r\n  grid-row: span 2;\r\n}\r\n\r\n.dcb-project-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(244,163,0,0.45);\r\n  box-shadow: 0 28px 66px rgba(7,17,31,0.15);\r\n}\r\n\r\n.dcb-project-image {\r\n  position: relative;\r\n  display: block;\r\n  height: 210px;\r\n  overflow: hidden;\r\n  background: var(--dark);\r\n}\r\n\r\n.dcb-project-card.large .dcb-project-image {\r\n  height: 430px;\r\n}\r\n\r\n.dcb-project-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  transition: 0.5s ease;\r\n}\r\n\r\n.dcb-project-card:hover .dcb-project-image img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.dcb-project-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, transparent 45%, rgba(7,17,31,0.75)),\r\n    linear-gradient(135deg, rgba(244,163,0,0.16), transparent 62%);\r\n}\r\n\r\n.dcb-project-type {\r\n  position: absolute;\r\n  left: 14px;\r\n  bottom: 14px;\r\n  z-index: 2;\r\n  min-height: 34px;\r\n  padding: 0 13px;\r\n  border-radius: 999px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 11.5px;\r\n  font-weight: 950;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.4px;\r\n}\r\n\r\n.dcb-project-content {\r\n  padding: 18px;\r\n}\r\n\r\n.dcb-project-meta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-bottom: 11px;\r\n}\r\n\r\n.dcb-project-meta span {\r\n  min-height: 28px;\r\n  padding: 0 10px;\r\n  border-radius: 999px;\r\n  background: rgba(7,17,31,0.06);\r\n  color: var(--muted);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 11.5px;\r\n  font-weight: 850;\r\n}\r\n\r\n.dcb-project-content h3 {\r\n  margin: 0;\r\n  font-size: 18px;\r\n  line-height: 1.25;\r\n  font-weight: 950;\r\n  letter-spacing: -0.2px;\r\n}\r\n\r\n.dcb-project-card.large .dcb-project-content h3 {\r\n  font-size: 23px;\r\n}\r\n\r\n.dcb-project-content h3 a {\r\n  color: var(--dark);\r\n  text-decoration: none;\r\n  transition: 0.22s ease;\r\n}\r\n\r\n.dcb-project-content h3 a:hover {\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-project-content p {\r\n  margin: 10px 0 0;\r\n  color: var(--muted);\r\n  font-size: 13.3px;\r\n  line-height: 1.55;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* CTA *\/\r\n.dcb-projects-cta {\r\n  margin-top: 28px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.dcb-projects-btn {\r\n  min-height: 48px;\r\n  padding: 0 21px;\r\n  border-radius: 14px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 950;\r\n  box-shadow: 0 16px 34px rgba(244,163,0,0.22);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-projects-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-projects-btn:hover {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-featured-projects-section {\r\n    padding: 48px 18px;\r\n  }\r\n\r\n  .dcb-projects-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .dcb-project-card.large {\r\n    grid-row: auto;\r\n  }\r\n\r\n  .dcb-project-card.large .dcb-project-image,\r\n  .dcb-project-image {\r\n    height: 260px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-featured-projects-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .dcb-projects-head {\r\n    text-align: left;\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .dcb-projects-head h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-projects-head p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-projects-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .dcb-project-image,\r\n  .dcb-project-card.large .dcb-project-image {\r\n    height: 230px;\r\n  }\r\n\r\n  .dcb-project-card {\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .dcb-project-content {\r\n    padding: 16px;\r\n  }\r\n\r\n  .dcb-project-card.large .dcb-project-content h3,\r\n  .dcb-project-content h3 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .dcb-projects-cta {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .dcb-projects-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-project-card,\r\n  .dcb-project-image img,\r\n  .dcb-projects-btn,\r\n  .dcb-project-content h3 a {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf9cc42 e-con-full e-flex e-con e-parent\" data-id=\"cf9cc42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfecd45 elementor-widget elementor-widget-html\" data-id=\"bfecd45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-area-faq-section\">\r\n  <div class=\"dcb-area-faq-inner\">\r\n\r\n    <!-- LEFT AREAS -->\r\n    <div class=\"dcb-area-left\">\r\n      <span class=\"dcb-small-label\">Areas We Serve<\/span>\r\n\r\n      <h2>\r\n        Dubai Areas We Cover\r\n        <strong>With Local FAQs<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Select any Dubai location below to view location-specific construction and renovation FAQs.\r\n      <\/p>\r\n\r\n      <div class=\"dcb-area-list\">\r\n\r\n        <button class=\"dcb-area-card active\" data-area=\"marina\">\r\n          <span>Dubai Marina<\/span>\r\n          <small>Renovation & Remodeling<\/small>\r\n        <\/button>\r\n\r\n        <button class=\"dcb-area-card\" data-area=\"downtown\">\r\n          <span>Downtown Dubai<\/span>\r\n          <small>Construction & Interiors<\/small>\r\n        <\/button>\r\n\r\n        <button class=\"dcb-area-card\" data-area=\"palm\">\r\n          <span>Palm Jumeirah<\/span>\r\n          <small>Villa Renovation<\/small>\r\n        <\/button>\r\n\r\n        <button class=\"dcb-area-card\" data-area=\"jvc\">\r\n          <span>JVC<\/span>\r\n          <small>Home Renovation<\/small>\r\n        <\/button>\r\n\r\n        <button class=\"dcb-area-card\" data-area=\"business\">\r\n          <span>Business Bay<\/span>\r\n          <small>Office Fit-Out<\/small>\r\n        <\/button>\r\n\r\n        <button class=\"dcb-area-card\" data-area=\"ranches\">\r\n          <span>Arabian Ranches<\/span>\r\n          <small>Villa & Home Upgrade<\/small>\r\n        <\/button>\r\n\r\n        <button class=\"dcb-area-card\" data-area=\"jumeirah\">\r\n          <span>Jumeirah<\/span>\r\n          <small>Luxury Renovation<\/small>\r\n        <\/button>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT FAQ -->\r\n    <div class=\"dcb-area-faq-panel\">\r\n\r\n      <!-- Dubai Marina -->\r\n      <div class=\"dcb-area-faq active\" data-faq=\"marina\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>Dubai Marina<\/span>\r\n          <a href=\"\/renovation-company-dubai-marina\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>Dubai Marina FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you provide renovation services in Dubai Marina?<\/summary>\r\n          <p>Yes, we provide apartment renovation, kitchen renovation, bathroom upgrades, flooring, painting, and remodeling services in Dubai Marina.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you remodel apartments in Dubai Marina towers?<\/summary>\r\n          <p>Yes, we handle apartment remodeling in Dubai Marina, including layout upgrades, interior finishing, and modern renovation work.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>What services are popular in Dubai Marina?<\/summary>\r\n          <p>Apartment renovation, kitchen upgrades, bathroom renovation, flooring, painting, and interior remodeling are commonly requested in Dubai Marina.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <!-- Downtown Dubai -->\r\n      <div class=\"dcb-area-faq\" data-faq=\"downtown\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>Downtown Dubai<\/span>\r\n          <a href=\"\/construction-company-downtown-dubai\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>Downtown Dubai FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you provide construction services in Downtown Dubai?<\/summary>\r\n          <p>Yes, we provide construction, renovation, apartment remodeling, commercial interior work, and finishing services in Downtown Dubai.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you renovate Downtown Dubai apartments?<\/summary>\r\n          <p>Yes, we handle apartment renovation in Downtown Dubai, including interior remodeling, flooring, painting, kitchen upgrades, and bathroom renovation.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do you work on commercial spaces in Downtown Dubai?<\/summary>\r\n          <p>Yes, we provide commercial renovation, office fit-out, painting, flooring, and interior finishing services for Downtown Dubai businesses.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <!-- Palm Jumeirah -->\r\n      <div class=\"dcb-area-faq\" data-faq=\"palm\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>Palm Jumeirah<\/span>\r\n          <a href=\"\/villa-renovation-palm-jumeirah\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>Palm Jumeirah FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you handle villa renovation in Palm Jumeirah?<\/summary>\r\n          <p>Yes, we provide villa renovation in Palm Jumeirah, including interior upgrades, luxury finishing, kitchen renovation, bathroom renovation, flooring, and MEP work.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you upgrade luxury villa interiors?<\/summary>\r\n          <p>Yes, our team can upgrade luxury villa interiors with premium finishes, modern layouts, custom detailing, and high-quality materials.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do you provide turnkey renovation in Palm Jumeirah?<\/summary>\r\n          <p>Yes, we can manage turnkey villa renovation from planning and execution to quality inspection and final handover.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <!-- JVC -->\r\n      <div class=\"dcb-area-faq\" data-faq=\"jvc\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>JVC<\/span>\r\n          <a href=\"\/renovation-services-jvc\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>JVC FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you provide renovation services in JVC?<\/summary>\r\n          <p>Yes, we provide home renovation, apartment renovation, kitchen renovation, bathroom renovation, painting, flooring, and finishing services in JVC.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you renovate villas and apartments in JVC?<\/summary>\r\n          <p>Yes, we handle both villa and apartment renovation projects in JVC, depending on the scope, layout, and finishing requirements.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do you provide small renovation work in JVC?<\/summary>\r\n          <p>Yes, we can handle small upgrades such as painting, flooring, bathroom improvements, kitchen upgrades, and repair-based renovation work.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <!-- Business Bay -->\r\n      <div class=\"dcb-area-faq\" data-faq=\"business\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>Business Bay<\/span>\r\n          <a href=\"\/fit-out-company-business-bay\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>Business Bay FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you provide office fit-out in Business Bay?<\/summary>\r\n          <p>Yes, we provide office fit-out services in Business Bay, including partitions, flooring, ceiling work, painting, MEP support, and interior finishing.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you renovate commercial interiors in Business Bay?<\/summary>\r\n          <p>Yes, we handle commercial interior renovation, office remodeling, retail fit-out, and workspace upgrades in Business Bay.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do you provide turnkey office fit-out?<\/summary>\r\n          <p>Yes, we can manage turnkey office fit-out from planning and site work to final finishing and project handover.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <!-- Arabian Ranches -->\r\n      <div class=\"dcb-area-faq\" data-faq=\"ranches\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>Arabian Ranches<\/span>\r\n          <a href=\"\/renovation-company-arabian-ranches\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>Arabian Ranches FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you renovate villas in Arabian Ranches?<\/summary>\r\n          <p>Yes, we provide villa renovation, home upgrades, kitchen renovation, bathroom renovation, flooring, painting, and finishing services in Arabian Ranches.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you modernize older villas in Arabian Ranches?<\/summary>\r\n          <p>Yes, we can modernize older villas with layout improvements, interior upgrades, new finishes, flooring, kitchen remodeling, and bathroom renovation.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do you provide outdoor or finishing upgrades?<\/summary>\r\n          <p>Yes, depending on the project scope, we can support finishing upgrades, painting, flooring, exterior improvements, and related renovation work.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <!-- Jumeirah -->\r\n      <div class=\"dcb-area-faq\" data-faq=\"jumeirah\">\r\n        <div class=\"dcb-faq-top\">\r\n          <span>Jumeirah<\/span>\r\n          <a href=\"\/renovation-company-jumeirah\/\">View Local Page<\/a>\r\n        <\/div>\r\n\r\n        <h3>Jumeirah FAQs<\/h3>\r\n\r\n        <details open>\r\n          <summary>Do you provide renovation services in Jumeirah?<\/summary>\r\n          <p>Yes, we provide villa renovation, home remodeling, kitchen renovation, bathroom renovation, flooring, painting, finishing, and MEP services in Jumeirah.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Can you handle luxury home renovation in Jumeirah?<\/summary>\r\n          <p>Yes, we can handle luxury renovation projects with premium materials, detailed finishing, modern layouts, and quality-focused execution.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Do you provide complete renovation solutions?<\/summary>\r\n          <p>Yes, we provide complete renovation solutions from consultation and planning to renovation, inspection, and final handover.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-area-faq-section,\r\n.dcb-area-faq-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-area-faq-section {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: #5b6472;\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 52px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #ffffff;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-area-faq-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 10% 15%, rgba(244,163,0,0.12), transparent 28%),\r\n    radial-gradient(circle at 92% 85%, rgba(7,17,31,0.07), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-area-faq-inner {\r\n  width: min(1160px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.95fr 1.05fr;\r\n  gap: 34px;\r\n  align-items: start;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* LEFT *\/\r\n.dcb-area-left {\r\n  padding: 30px;\r\n  border-radius: 30px;\r\n  background: linear-gradient(135deg, rgba(7,17,31,0.98), rgba(16,28,45,0.96));\r\n  border: 1px solid rgba(244,163,0,0.28);\r\n  box-shadow: 0 24px 58px rgba(7,17,31,0.14);\r\n  position: sticky;\r\n  top: 100px;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-area-left::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px);\r\n  background-size: 54px 54px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-area-left > * {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-small-label {\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-area-left h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(28px, 3.2vw, 44px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.9px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-area-left h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-area-left p {\r\n  margin: 14px 0 0;\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 14.2px;\r\n  line-height: 1.6;\r\n  font-weight: 600;\r\n}\r\n\r\n.dcb-area-list {\r\n  margin-top: 24px;\r\n  display: grid;\r\n  gap: 11px;\r\n}\r\n\r\n.dcb-area-card {\r\n  width: 100%;\r\n  min-height: 64px;\r\n  padding: 13px 15px;\r\n  border-radius: 18px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  text-align: left;\r\n  cursor: pointer;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-area-card:hover,\r\n.dcb-area-card.active {\r\n  transform: translateX(6px);\r\n  background: rgba(244,163,0,0.18);\r\n  border-color: rgba(244,163,0,0.55);\r\n}\r\n\r\n.dcb-area-card span {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-area-card small {\r\n  display: block;\r\n  margin-top: 5px;\r\n  color: rgba(255,255,255,0.65);\r\n  font-size: 12.3px;\r\n  line-height: 1.35;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* RIGHT FAQ *\/\r\n.dcb-area-faq-panel {\r\n  min-height: 660px;\r\n  padding: 30px;\r\n  border-radius: 30px;\r\n  background: rgba(255,255,255,0.96);\r\n  border: 1px solid rgba(7,17,31,0.10);\r\n  box-shadow: 0 22px 54px rgba(7,17,31,0.10);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-area-faq-panel::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -80px;\r\n  top: -80px;\r\n  width: 220px;\r\n  height: 220px;\r\n  border-radius: 50%;\r\n  background: rgba(244,163,0,0.13);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-area-faq {\r\n  display: none;\r\n  position: relative;\r\n  z-index: 2;\r\n  animation: dcbFaqFade 0.28s ease both;\r\n}\r\n\r\n.dcb-area-faq.active {\r\n  display: block;\r\n}\r\n\r\n@keyframes dcbFaqFade {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.dcb-faq-top {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.dcb-faq-top span {\r\n  min-height: 34px;\r\n  padding: 0 14px;\r\n  border-radius: 999px;\r\n  background: rgba(244,163,0,0.16);\r\n  color: var(--dark);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 11.5px;\r\n  font-weight: 950;\r\n  letter-spacing: 0.7px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.dcb-faq-top a {\r\n  min-height: 36px;\r\n  padding: 0 14px;\r\n  border-radius: 999px;\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-faq-top a:hover {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n}\r\n\r\n.dcb-area-faq h3 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(28px, 3.2vw, 44px);\r\n  line-height: 1.08;\r\n  letter-spacing: -0.9px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-area-faq details {\r\n  margin-top: 12px;\r\n  border-radius: 18px;\r\n  background: rgba(7,17,31,0.04);\r\n  border: 1px solid rgba(7,17,31,0.09);\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-area-faq h3 + details {\r\n  margin-top: 24px;\r\n}\r\n\r\n.dcb-area-faq details[open] {\r\n  background: rgba(244,163,0,0.09);\r\n  border-color: rgba(244,163,0,0.34);\r\n}\r\n\r\n.dcb-area-faq summary {\r\n  min-height: 58px;\r\n  padding: 0 18px;\r\n  cursor: pointer;\r\n  color: var(--dark);\r\n  font-size: 14.5px;\r\n  line-height: 1.35;\r\n  font-weight: 950;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  list-style: none;\r\n}\r\n\r\n.dcb-area-faq summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.dcb-area-faq summary::after {\r\n  content: \"+\";\r\n  width: 28px;\r\n  height: 28px;\r\n  margin-left: 14px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 0 0 auto;\r\n  font-size: 18px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-area-faq details[open] summary::after {\r\n  content: \"\u2212\";\r\n}\r\n\r\n.dcb-area-faq p {\r\n  margin: 0;\r\n  padding: 0 18px 18px;\r\n  color: var(--muted);\r\n  font-size: 13.6px;\r\n  line-height: 1.6;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-area-faq-section {\r\n    padding: 46px 18px;\r\n  }\r\n\r\n  .dcb-area-faq-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 26px;\r\n  }\r\n\r\n  .dcb-area-left {\r\n    position: relative;\r\n    top: auto;\r\n  }\r\n\r\n  .dcb-area-list {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .dcb-area-faq-panel {\r\n    min-height: auto;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-area-faq-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 38px 16px;\r\n  }\r\n\r\n  .dcb-area-left,\r\n  .dcb-area-faq-panel {\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .dcb-area-left h2,\r\n  .dcb-area-faq h3 {\r\n    font-size: clamp(27px, 8.8vw, 37px);\r\n  }\r\n\r\n  .dcb-area-list {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .dcb-area-card:hover,\r\n  .dcb-area-card.active {\r\n    transform: none;\r\n  }\r\n\r\n  .dcb-area-faq summary {\r\n    padding: 0 15px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-area-faq p {\r\n    padding: 0 15px 16px;\r\n    font-size: 13.2px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-area-card,\r\n  .dcb-faq-top a,\r\n  .dcb-area-faq {\r\n    transition: none !important;\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector(\".dcb-area-faq-section\");\r\n  if (!section) return;\r\n\r\n  const areaCards = section.querySelectorAll(\".dcb-area-card\");\r\n  const faqPanels = section.querySelectorAll(\".dcb-area-faq\");\r\n\r\n  function showAreaFaq(area) {\r\n    areaCards.forEach(card => {\r\n      card.classList.toggle(\"active\", card.dataset.area === area);\r\n    });\r\n\r\n    faqPanels.forEach(panel => {\r\n      panel.classList.toggle(\"active\", panel.dataset.faq === area);\r\n    });\r\n  }\r\n\r\n  areaCards.forEach(card => {\r\n    card.addEventListener(\"mouseenter\", function () {\r\n      showAreaFaq(card.dataset.area);\r\n    });\r\n\r\n    card.addEventListener(\"click\", function () {\r\n      showAreaFaq(card.dataset.area);\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you provide renovation services in Dubai Marina?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides apartment renovation, kitchen renovation, bathroom upgrades, flooring, painting, and remodeling services in Dubai Marina.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you provide construction services in Downtown Dubai?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides construction, renovation, apartment remodeling, commercial interior work, and finishing services in Downtown Dubai.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you handle villa renovation in Palm Jumeirah?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides villa renovation in Palm Jumeirah, including interior upgrades, luxury finishing, kitchen renovation, bathroom renovation, flooring, and MEP work.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you provide renovation services in JVC?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides home renovation, apartment renovation, kitchen renovation, bathroom renovation, painting, flooring, and finishing services in JVC.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you provide office fit-out in Business Bay?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides office fit-out services in Business Bay, including partitions, flooring, ceiling work, painting, MEP support, and interior finishing.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you renovate villas in Arabian Ranches?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides villa renovation, home upgrades, kitchen renovation, bathroom renovation, flooring, painting, and finishing services in Arabian Ranches.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Do you provide renovation services in Jumeirah?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Yes, Dubai Craft Build provides villa renovation, home remodeling, kitchen renovation, bathroom renovation, flooring, painting, finishing, and MEP services in Jumeirah.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-651addd e-con-full e-flex e-con e-parent\" data-id=\"651addd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4962262 elementor-widget elementor-widget-html\" data-id=\"4962262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-final-cta-section\">\r\n  <div class=\"dcb-final-cta-inner\">\r\n\r\n    <div class=\"dcb-final-cta-content\">\r\n      <span>Ready to Start?<\/span>\r\n\r\n      <h2>\r\n        Start Your Construction or\r\n        <strong>Renovation Project in Dubai<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Whether you need villa construction, home renovation, office fit-out, kitchen remodeling, bathroom renovation, flooring, painting, or MEP services, Dubai Craft Build is ready to help.\r\n      <\/p>\r\n\r\n      <div class=\"dcb-final-cta-actions\">\r\n        <a href=\"\/quote-consultation\/\" class=\"dcb-final-btn primary\">\r\n          Request Free Quote\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M13.4 5.6 19.8 12l-6.4 6.4-1.4-1.4 4-4H4v-2h12l-4-4 1.4-1.4z\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a href=\"\/contact-us\/\" class=\"dcb-final-btn secondary\">\r\n          Contact Us\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-final-cta-card\">\r\n      <div class=\"dcb-final-card-top\">\r\n        <span>Dubai Craft Build<\/span>\r\n        <strong>Free Consultation<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-final-card-list\">\r\n        <div>\r\n          <span>01<\/span>\r\n          <p>Discuss your project requirements<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>02<\/span>\r\n          <p>Get clear planning and service guidance<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>03<\/span>\r\n          <p>Receive a practical quote for your work<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"tel:+971501234567\" class=\"dcb-final-phone\">\r\n        Call: +971 50 123 4567\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-final-cta-section,\r\n.dcb-final-cta-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-final-cta-section {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --muted: rgba(255,255,255,0.72);\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  padding: 54px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(135deg, rgba(7,17,31,0.97), rgba(16,28,45,0.95)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&w=1800&auto=format&fit=crop\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.dcb-final-cta-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px);\r\n  background-size: 56px 56px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-final-cta-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -120px;\r\n  bottom: -120px;\r\n  width: 340px;\r\n  height: 340px;\r\n  border-radius: 50%;\r\n  border: 54px solid rgba(244,163,0,0.12);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-final-cta-inner {\r\n  width: min(1160px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.15fr 0.85fr;\r\n  gap: 36px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-final-cta-content > span {\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.8px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.dcb-final-cta-content h2 {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: clamp(31px, 4vw, 56px);\r\n  line-height: 1.06;\r\n  letter-spacing: -1.3px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-final-cta-content h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-final-cta-content p {\r\n  margin: 16px 0 0;\r\n  max-width: 720px;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  font-weight: 550;\r\n}\r\n\r\n.dcb-final-cta-actions {\r\n  margin-top: 26px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.dcb-final-btn {\r\n  min-height: 50px;\r\n  padding: 0 20px;\r\n  border-radius: 14px;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 950;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-final-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-final-btn.primary {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  box-shadow: 0 16px 34px rgba(244,163,0,0.20);\r\n}\r\n\r\n.dcb-final-btn.secondary {\r\n  background: rgba(255,255,255,0.10);\r\n  color: #ffffff;\r\n  border: 1px solid rgba(255,255,255,0.18);\r\n}\r\n\r\n.dcb-final-btn:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.dcb-final-btn.primary:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n.dcb-final-btn.secondary:hover {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  border-color: var(--gold);\r\n}\r\n\r\n\/* RIGHT CARD *\/\r\n.dcb-final-cta-card {\r\n  padding: 26px;\r\n  border-radius: 28px;\r\n  background: rgba(255,255,255,0.96);\r\n  border: 1px solid rgba(244,163,0,0.30);\r\n  box-shadow: 0 24px 64px rgba(0,0,0,0.22);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-final-cta-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -70px;\r\n  top: -70px;\r\n  width: 190px;\r\n  height: 190px;\r\n  border-radius: 50%;\r\n  background: rgba(244,163,0,0.14);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-final-card-top {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding-bottom: 18px;\r\n  border-bottom: 1px solid rgba(7,17,31,0.10);\r\n}\r\n\r\n.dcb-final-card-top span {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.4px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.dcb-final-card-top strong {\r\n  display: block;\r\n  color: var(--dark);\r\n  font-size: clamp(24px, 2.5vw, 34px);\r\n  line-height: 1.1;\r\n  letter-spacing: -0.7px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-final-card-list {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 18px;\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n.dcb-final-card-list div {\r\n  min-height: 58px;\r\n  padding: 12px;\r\n  border-radius: 16px;\r\n  background: rgba(7,17,31,0.05);\r\n  display: grid;\r\n  grid-template-columns: 42px 1fr;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.dcb-final-card-list span {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 13px;\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-final-card-list p {\r\n  margin: 0;\r\n  color: #5b6472;\r\n  font-size: 13.3px;\r\n  line-height: 1.45;\r\n  font-weight: 650;\r\n}\r\n\r\n.dcb-final-phone {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 18px;\r\n  min-height: 48px;\r\n  border-radius: 14px;\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 13.5px;\r\n  font-weight: 950;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-final-phone:hover {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-final-cta-section {\r\n    padding: 48px 18px;\r\n  }\r\n\r\n  .dcb-final-cta-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .dcb-final-cta-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 40px 16px;\r\n  }\r\n\r\n  .dcb-final-cta-content h2 {\r\n    font-size: clamp(28px, 9vw, 39px);\r\n  }\r\n\r\n  .dcb-final-cta-content p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-final-cta-actions {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .dcb-final-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .dcb-final-cta-card {\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-final-btn,\r\n  .dcb-final-phone {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Main Services Construction &#038; Renovation Services in Dubai Dubai Craft and Build provides premium construction, renovation, fit-out, and remodeling services for residential and commercial properties across Dubai. Request Quote Free Consultation Construction Villa Renovation Office Fit-Out Remodeling Main Services 01 Construction Services Reliable construction services for villas, commercial spaces, residential buildings, and turnkey projects across [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":4,"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}