{"id":60,"date":"2026-05-23T23:14:51","date_gmt":"2026-05-23T23:14:51","guid":{"rendered":"https:\/\/dubaicraftbuild.com\/?page_id=60"},"modified":"2026-05-23T23:17:12","modified_gmt":"2026-05-23T23:17:12","slug":"about-us","status":"publish","type":"page","link":"https:\/\/dubaicraftbuild.com\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"60\" class=\"elementor elementor-60\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b53f8 e-con-full e-flex e-con e-parent\" data-id=\"f2b53f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb033e9 elementor-widget elementor-widget-html\" data-id=\"fb033e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-about-hero\">\r\n  <div class=\"dcb-about-hero-bg\"><\/div>\r\n\r\n  <div class=\"dcb-about-hero-inner\">\r\n\r\n    <div class=\"dcb-about-hero-content\">\r\n      <span class=\"dcb-about-hero-label\">About Dubai Craft Build<\/span>\r\n\r\n      <h1>\r\n        Trusted Construction & Renovation\r\n        <strong>Company in Dubai<\/strong>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Dubai Craft and Build delivers premium construction, renovation, and interior\r\n        fit-out services for residential and commercial projects across Dubai.\r\n      <\/p>\r\n\r\n      <div class=\"dcb-about-hero-actions\">\r\n        <a href=\"\/quote-consultation\/\" class=\"dcb-about-hero-btn primary\">\r\n          Get 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=\"\/portfolio-projects\/\" class=\"dcb-about-hero-btn secondary\">\r\n          View 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 class=\"dcb-about-hero-points\">\r\n        <div>\r\n          <strong>Residential<\/strong>\r\n          <span>Construction & Renovation<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>Commercial<\/strong>\r\n          <span>Fit-Out & Turnkey Work<\/span>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>Dubai<\/strong>\r\n          <span>Local Project Expertise<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-about-hero-visual\">\r\n      <div class=\"dcb-about-img-wrap\">\r\n        <img\r\n          src=\"https:\/\/dubaicraftbuild.com\/wp-content\/uploads\/2026\/05\/construction-worker-pics.webp\"\r\n          alt=\"Dubai Craft Build construction and renovation team in Dubai\"\r\n          loading=\"eager\"\r\n          fetchpriority=\"high\"\r\n          decoding=\"async\">\r\n      <\/div>\r\n\r\n      <div class=\"dcb-about-floating-card card-one\">\r\n        <span>01<\/span>\r\n        <strong>Site Inspection<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-about-floating-card card-two\">\r\n        <span>02<\/span>\r\n        <strong>Project Planning<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-about-floating-card card-three\">\r\n        <span>03<\/span>\r\n        <strong>Quality Handover<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-about-hero,\r\n.dcb-about-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-about-hero {\r\n  --dark: #07111f;\r\n  --light-navy: #101c2d;\r\n  --gold: #f4a300;\r\n  --white: #ffffff;\r\n  --text: #182230;\r\n  --muted: #5b6472;\r\n\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  min-height: 470px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: Inter, Arial, sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #07111f;\r\n}\r\n\r\n.dcb-about-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?q=80&w=1800&auto=format&fit=crop\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: 0.2;\r\n  transform: scale(1.03);\r\n  animation: dcbAboutBgZoom 14s ease-in-out infinite alternate;\r\n  pointer-events: none;\r\n}\r\n\r\n@keyframes dcbAboutBgZoom {\r\n  from {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  to {\r\n    transform: scale(1.07);\r\n  }\r\n}\r\n\r\n.dcb-about-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      rgba(255,255,255,0.96) 0%,\r\n      rgba(255,255,255,0.92) 44%,\r\n      rgba(255,255,255,0.42) 54%,\r\n      rgba(7,17,31,0.68) 66%,\r\n      rgba(7,17,31,0.88) 100%\r\n    );\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-about-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 47%;\r\n  top: -8%;\r\n  width: 5px;\r\n  height: 118%;\r\n  background: linear-gradient(180deg, transparent, var(--gold), transparent);\r\n  transform: rotate(14deg);\r\n  opacity: 0.65;\r\n  box-shadow: 0 0 20px rgba(244,163,0,0.22);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-about-hero-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n  padding: 38px 28px;\r\n  display: grid;\r\n  grid-template-columns: 0.98fr 1.02fr;\r\n  gap: 42px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Content *\/\r\n.dcb-about-hero-content {\r\n  max-width: 620px;\r\n  animation: dcbAboutHeroContent 0.8s ease both;\r\n}\r\n\r\n@keyframes dcbAboutHeroContent {\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-about-hero-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-about-hero-label::before,\r\n.dcb-about-hero-label::after {\r\n  content: \"\";\r\n  width: 28px;\r\n  height: 2px;\r\n  background: var(--gold);\r\n  border-radius: 20px;\r\n}\r\n\r\n.dcb-about-hero-content h1 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(34px, 4vw, 56px);\r\n  line-height: 1.03;\r\n  letter-spacing: -1.6px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-about-hero-content h1 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-about-hero-content p {\r\n  margin: 16px 0 0;\r\n  max-width: 570px;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  font-weight: 650;\r\n}\r\n\r\n.dcb-about-hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.dcb-about-hero-btn {\r\n  min-height: 46px;\r\n  padding: 0 20px;\r\n  border-radius: 13px;\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: 13.5px;\r\n  font-weight: 950;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-about-hero-btn svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-about-hero-btn.primary {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  box-shadow: 0 14px 30px rgba(244,163,0,0.25);\r\n}\r\n\r\n.dcb-about-hero-btn.primary:hover {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.dcb-about-hero-btn.secondary {\r\n  background: rgba(255,255,255,0.82);\r\n  color: var(--dark);\r\n  border: 1px solid rgba(7,17,31,0.16);\r\n}\r\n\r\n.dcb-about-hero-btn.secondary:hover {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  border-color: var(--dark);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.dcb-about-hero-points {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 11px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.dcb-about-hero-points div {\r\n  padding: 12px 12px;\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,0.90);\r\n  border: 1px solid rgba(7,17,31,0.09);\r\n  box-shadow: 0 10px 24px rgba(7,17,31,0.06);\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n.dcb-about-hero-points strong {\r\n  display: block;\r\n  color: var(--dark);\r\n  font-size: 13.5px;\r\n  font-weight: 950;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.dcb-about-hero-points span {\r\n  display: block;\r\n  color: var(--muted);\r\n  font-size: 10.8px;\r\n  line-height: 1.32;\r\n  font-weight: 750;\r\n}\r\n\r\n\/* Visual *\/\r\n.dcb-about-hero-visual {\r\n  min-height: 380px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  animation: dcbAboutHeroVisual 0.9s ease 0.12s both;\r\n}\r\n\r\n@keyframes dcbAboutHeroVisual {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(24px);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.dcb-about-img-wrap {\r\n  position: relative;\r\n  width: min(410px, 100%);\r\n  height: 380px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n}\r\n\r\n.dcb-about-img-wrap::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 18px;\r\n  width: 76%;\r\n  height: 78%;\r\n  transform: translateX(-50%);\r\n  border-radius: 28px;\r\n  background:\r\n    linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  backdrop-filter: blur(5px);\r\n  box-shadow: 0 24px 60px rgba(0,0,0,0.24);\r\n}\r\n\r\n.dcb-about-img-wrap::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 10px;\r\n  width: 84%;\r\n  height: 82%;\r\n  transform: translateX(-50%) rotate(-4deg);\r\n  border: 2px solid rgba(244,163,0,0.38);\r\n  border-radius: 32px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-about-img-wrap img {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 100%;\r\n  max-height: 380px;\r\n  object-fit: contain;\r\n  display: block;\r\n  filter: drop-shadow(0 24px 36px rgba(0,0,0,0.28));\r\n}\r\n\r\n.dcb-about-floating-card {\r\n  position: absolute;\r\n  z-index: 5;\r\n  min-width: 155px;\r\n  min-height: 58px;\r\n  padding: 10px 13px;\r\n  border-radius: 15px;\r\n  background: rgba(255,255,255,0.94);\r\n  border: 1px solid rgba(244,163,0,0.20);\r\n  box-shadow: 0 16px 34px rgba(0,0,0,0.18);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  animation: dcbAboutFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.dcb-about-floating-card span {\r\n  color: var(--gold);\r\n  font-size: 10.5px;\r\n  font-weight: 950;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.dcb-about-floating-card strong {\r\n  color: var(--dark);\r\n  font-size: 12.5px;\r\n  line-height: 1.25;\r\n  font-weight: 950;\r\n}\r\n\r\n.card-one {\r\n  left: 18px;\r\n  top: 54px;\r\n}\r\n\r\n.card-two {\r\n  right: 18px;\r\n  top: 134px;\r\n  animation-delay: 0.7s;\r\n}\r\n\r\n.card-three {\r\n  left: 46px;\r\n  bottom: 24px;\r\n  animation-delay: 1.3s;\r\n}\r\n\r\n@keyframes dcbAboutFloat {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-about-hero {\r\n    min-height: auto;\r\n  }\r\n\r\n  .dcb-about-hero::after {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-about-hero::before {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,0.96) 0%,\r\n        rgba(255,255,255,0.92) 48%,\r\n        rgba(7,17,31,0.72) 62%,\r\n        rgba(7,17,31,0.88) 100%\r\n      );\r\n  }\r\n\r\n  .dcb-about-hero-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n    padding: 46px 24px;\r\n  }\r\n\r\n  .dcb-about-hero-content {\r\n    max-width: 760px;\r\n  }\r\n\r\n  .dcb-about-hero-visual {\r\n    max-width: 560px;\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-about-hero {\r\n    width: 100%;\r\n    margin-left: 0;\r\n  }\r\n\r\n  .dcb-about-hero-bg {\r\n    opacity: 0.62;\r\n  }\r\n\r\n  .dcb-about-hero::before {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,0.96) 0%,\r\n        rgba(255,255,255,0.92) 52%,\r\n        rgba(7,17,31,0.72) 62%,\r\n        rgba(7,17,31,0.88) 100%\r\n      );\r\n  }\r\n\r\n  .dcb-about-hero-inner {\r\n    padding: 38px 18px;\r\n    gap: 24px;\r\n  }\r\n\r\n  .dcb-about-hero-label {\r\n    font-size: 10px;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .dcb-about-hero-label::before,\r\n  .dcb-about-hero-label::after {\r\n    width: 20px;\r\n  }\r\n\r\n  .dcb-about-hero-content h1 {\r\n    font-size: clamp(31px, 9vw, 42px);\r\n    line-height: 1.05;\r\n    letter-spacing: -0.9px;\r\n  }\r\n\r\n  .dcb-about-hero-content p {\r\n    font-size: 14px;\r\n    line-height: 1.58;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .dcb-about-hero-actions {\r\n    margin-top: 22px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .dcb-about-hero-btn {\r\n    width: 100%;\r\n    min-height: 45px;\r\n  }\r\n\r\n  .dcb-about-hero-points {\r\n    grid-template-columns: 1fr;\r\n    gap: 9px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .dcb-about-hero-visual {\r\n    min-height: 340px;\r\n  }\r\n\r\n  .dcb-about-img-wrap {\r\n    height: 330px;\r\n  }\r\n\r\n  .dcb-about-img-wrap img {\r\n    max-height: 330px;\r\n  }\r\n\r\n  .dcb-about-floating-card {\r\n    min-width: 128px;\r\n    min-height: 52px;\r\n    padding: 9px 11px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .dcb-about-floating-card strong {\r\n    font-size: 11.5px;\r\n  }\r\n\r\n  .card-one {\r\n    left: 0;\r\n    top: 30px;\r\n  }\r\n\r\n  .card-two {\r\n    right: 0;\r\n    top: 108px;\r\n  }\r\n\r\n  .card-three {\r\n    left: 8px;\r\n    bottom: 12px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-about-hero-bg,\r\n  .dcb-about-floating-card,\r\n  .dcb-about-hero-content,\r\n  .dcb-about-hero-visual,\r\n  .dcb-about-hero-btn {\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-3d544ae e-con-full e-flex e-con e-parent\" data-id=\"3d544ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7aefe6 elementor-widget elementor-widget-html\" data-id=\"f7aefe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-company-dossier\">\r\n  <div class=\"dcb-dossier-inner\">\r\n\r\n    <!-- LEFT CLEAN CONTENT -->\r\n    <div class=\"dcb-dossier-file clean-left\">\r\n      <span class=\"dcb-dossier-label\">Company Introduction<\/span>\r\n\r\n      <h2>\r\n        Construction  &\r\n        <strong>Renovation in Dubai<\/strong>\r\n      <\/h2>\r\n\r\n      <div class=\"dcb-dossier-copy\">\r\n        <p>\r\n          Dubai Craft Build is a construction and renovation company in Dubai, serving homeowners, villa owners, offices, and commercial property clients with reliable project execution and clear planning.\r\n        <\/p>\r\n\r\n        <p>\r\n          Our work covers villa renovation, office fit-out, commercial construction, interior upgrades, and complete turnkey solutions. Every project is managed with attention to site conditions, materials, finishing quality, and Dubai\u2019s local standards.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-left-highlights\">\r\n        <div>\r\n          <span>01<\/span>\r\n          <strong>Dubai Expertise<\/strong>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>02<\/span>\r\n          <strong>Skilled Site Team<\/strong>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>03<\/span>\r\n          <strong>Quality Finishing<\/strong>\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>04<\/span>\r\n          <strong>Turnkey Delivery<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-left-note\">\r\n        <strong>Focus:<\/strong>\r\n        <span>Practical coordination, clean workmanship, and long-term project value.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT BOARD -->\r\n    <div class=\"dcb-capability-board\">\r\n      <div class=\"dcb-board-title\">\r\n        <span><\/span>\r\n        Dubai Project Capability\r\n      <\/div>\r\n\r\n      <div class=\"dcb-board-line\"><\/div>\r\n\r\n      <div class=\"dcb-capability-item item-a\">\r\n        <small>01<\/small>\r\n        <h3>Villa Renovation<\/h3>\r\n        <p>Luxury upgrades, remodeling, finishes, flooring, ceilings, kitchens and bathrooms.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-capability-item item-b\">\r\n        <small>02<\/small>\r\n        <h3>Office Fit-Out<\/h3>\r\n        <p>Workspace planning, partitions, ceiling works, lighting, flooring and finishing.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-capability-item item-c\">\r\n        <small>03<\/small>\r\n        <h3>Commercial Construction<\/h3>\r\n        <p>Commercial spaces, business units, structural work and renovation delivery.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-capability-item item-d\">\r\n        <small>04<\/small>\r\n        <h3>Turnkey Solutions<\/h3>\r\n        <p>Complete planning, execution, finishing and handover under one managed process.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-board-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?q=80&w=900&auto=format&fit=crop\" alt=\"Dubai construction project worksite\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-company-dossier,\r\n.dcb-company-dossier * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-company-dossier {\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: 60px 18px;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.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  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-company-dossier::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(7,17,31,.03) 1px, transparent 1px),\r\n    linear-gradient(rgba(7,17,31,.03) 1px, transparent 1px);\r\n  background-size: 74px 74px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-dossier-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: .9fr 1.1fr;\r\n  gap: 34px;\r\n  align-items: stretch;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* LEFT CLEAN FILE *\/\r\n.dcb-dossier-file.clean-left {\r\n  position: relative;\r\n  background: rgba(255,255,255,.94);\r\n  border: 1px solid rgba(7,17,31,.10);\r\n  border-radius: 28px;\r\n  padding: 34px;\r\n  box-shadow: 0 24px 60px rgba(7,17,31,.09);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.dcb-dossier-file.clean-left::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 34px;\r\n  width: 6px;\r\n  height: 120px;\r\n  border-radius: 0 20px 20px 0;\r\n  background: var(--gold);\r\n}\r\n\r\n.dcb-dossier-file.clean-left::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -90px;\r\n  bottom: -90px;\r\n  width: 220px;\r\n  height: 220px;\r\n  border-radius: 50%;\r\n  border: 34px solid rgba(244,163,0,.11);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-dossier-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.7px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-dossier-label::before {\r\n  content: \"\";\r\n  width: 34px;\r\n  height: 2px;\r\n  background: var(--gold);\r\n  border-radius: 20px;\r\n}\r\n\r\n.dcb-dossier-file h2 {\r\n  margin: 0;\r\n  color: var(--dark);\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  max-width: 600px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-dossier-file h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-dossier-copy {\r\n  margin-top: 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-dossier-copy p {\r\n  margin: 0 0 13px;\r\n  color: var(--muted);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  font-weight: 600;\r\n}\r\n\r\n.dcb-dossier-copy p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.dcb-left-highlights {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 24px;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.dcb-left-highlights div {\r\n  padding: 14px;\r\n  border-radius: 17px;\r\n  background: rgba(7,17,31,.045);\r\n  border: 1px solid rgba(7,17,31,.08);\r\n  transition: .25s ease;\r\n}\r\n\r\n.dcb-left-highlights div:hover {\r\n  transform: translateY(-4px);\r\n  border-color: rgba(244,163,0,.38);\r\n  background: rgba(244,163,0,.10);\r\n}\r\n\r\n.dcb-left-highlights span {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.dcb-left-highlights strong {\r\n  display: block;\r\n  color: var(--dark);\r\n  font-size: 13.5px;\r\n  line-height: 1.25;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-left-note {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 20px;\r\n  padding: 16px 18px;\r\n  border-radius: 18px;\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.dcb-left-note strong {\r\n  color: var(--gold);\r\n  font-size: 13px;\r\n  font-weight: 950;\r\n  white-space: nowrap;\r\n}\r\n\r\n.dcb-left-note span {\r\n  color: rgba(255,255,255,.80);\r\n  font-size: 13px;\r\n  line-height: 1.45;\r\n  font-weight: 650;\r\n}\r\n\r\n\/* RIGHT BOARD *\/\r\n.dcb-capability-board {\r\n  position: relative;\r\n  min-height: 560px;\r\n  border-radius: 30px;\r\n  background:\r\n    linear-gradient(135deg, rgba(7,17,31,.97), rgba(16,28,45,.95));\r\n  border: 1px solid rgba(244,163,0,.26);\r\n  box-shadow: 0 26px 70px rgba(7,17,31,.18);\r\n  overflow: hidden;\r\n  padding: 28px;\r\n}\r\n\r\n.dcb-capability-board::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),\r\n    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px);\r\n  background-size: 58px 58px;\r\n  opacity: .65;\r\n}\r\n\r\n.dcb-board-title {\r\n  position: relative;\r\n  z-index: 3;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--gold);\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.dcb-board-title span {\r\n  width: 11px;\r\n  height: 11px;\r\n  background: var(--gold);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 7px rgba(244,163,0,.15);\r\n}\r\n\r\n.dcb-board-line {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 98px;\r\n  bottom: 120px;\r\n  width: 2px;\r\n  background: linear-gradient(180deg, transparent, rgba(244,163,0,.75), transparent);\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-capability-item {\r\n  position: absolute;\r\n  z-index: 4;\r\n  width: 245px;\r\n  padding: 16px;\r\n  border-radius: 18px;\r\n  background: rgba(255,255,255,.10);\r\n  border: 1px solid rgba(255,255,255,.13);\r\n  backdrop-filter: blur(8px);\r\n  transition: .28s ease;\r\n}\r\n\r\n.dcb-capability-item::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 26px;\r\n  width: 34px;\r\n  height: 2px;\r\n  background: rgba(244,163,0,.65);\r\n}\r\n\r\n.item-a,\r\n.item-c {\r\n  left: 28px;\r\n}\r\n\r\n.item-b,\r\n.item-d {\r\n  right: 28px;\r\n}\r\n\r\n.item-a { top: 105px; }\r\n.item-b { top: 175px; }\r\n.item-c { top: 285px; }\r\n.item-d { top: 355px; }\r\n\r\n.item-a::before,\r\n.item-c::before {\r\n  right: -34px;\r\n}\r\n\r\n.item-b::before,\r\n.item-d::before {\r\n  left: -34px;\r\n}\r\n\r\n.dcb-capability-item:hover {\r\n  transform: translateY(-5px);\r\n  border-color: rgba(244,163,0,.48);\r\n  background: rgba(255,255,255,.15);\r\n}\r\n\r\n.dcb-capability-item small {\r\n  display: inline-flex;\r\n  color: var(--gold);\r\n  font-size: 12px;\r\n  font-weight: 950;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.dcb-capability-item h3 {\r\n  margin: 0 0 7px;\r\n  color: #fff;\r\n  font-size: 16px;\r\n  line-height: 1.2;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-capability-item p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.72);\r\n  font-size: 12.8px;\r\n  line-height: 1.48;\r\n  font-weight: 500;\r\n}\r\n\r\n.dcb-board-image {\r\n  position: absolute;\r\n  left: 28px;\r\n  right: 28px;\r\n  bottom: 24px;\r\n  height: 86px;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  z-index: 3;\r\n  border: 1px solid rgba(255,255,255,.14);\r\n}\r\n\r\n.dcb-board-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-dossier-inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .dcb-dossier-file.clean-left {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .dcb-capability-board {\r\n    min-height: 540px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .dcb-company-dossier {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-dossier-file.clean-left {\r\n    padding: 26px 22px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .dcb-dossier-file h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-dossier-copy p {\r\n    font-size: 14.3px;\r\n  }\r\n\r\n  .dcb-left-highlights {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .dcb-left-note {\r\n    flex-direction: column;\r\n    gap: 5px;\r\n  }\r\n\r\n  .dcb-capability-board {\r\n    min-height: auto;\r\n    padding: 22px;\r\n  }\r\n\r\n  .dcb-board-line {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-capability-item {\r\n    position: relative;\r\n    left: auto;\r\n    right: auto;\r\n    top: auto;\r\n    width: 100%;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .dcb-capability-item::before {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-board-image {\r\n    position: relative;\r\n    left: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    margin-top: 18px;\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-358fb9b e-con-full e-flex e-con e-parent\" data-id=\"358fb9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-075cbcd elementor-widget elementor-widget-html\" data-id=\"075cbcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-why-ribbon-section\">\r\n  <div class=\"dcb-why-ribbon-inner\">\r\n\r\n    <div class=\"dcb-why-ribbon-head\">\r\n      <span>Why Choose Us<\/span>\r\n      <h2>\r\n        Built Around Trust, Quality\r\n        <strong>and Dubai Project Standards<\/strong>\r\n      <\/h2>\r\n      <p>\r\n        Dubai Craft Build combines local expertise, skilled teams, premium materials,\r\n        and clear project coordination to deliver reliable construction and renovation work.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-ribbon-board\">\r\n\r\n      <div class=\"dcb-ribbon-bg-line\"><\/div>\r\n\r\n      <div class=\"dcb-ribbon-row top-row\">\r\n\r\n        <div class=\"dcb-ribbon-item\">\r\n          <div class=\"dcb-ribbon-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a8 8 0 0 0-8 8c0 5.2 8 12 8 12s8-6.8 8-12a8 8 0 0 0-8-8zm0 10.8A2.8 2.8 0 1 1 12 7a2.8 2.8 0 0 1 0 5.8z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span>01<\/span>\r\n            <h3>Dubai Market Expertise<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-ribbon-item\">\r\n          <div class=\"dcb-ribbon-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M16 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4zM8 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm8 2c-2.7 0-8 1.4-8 4v3h16v-3c0-2.6-5.3-4-8-4zM8 13c-.7 0-1.5.1-2.2.3C3.4 14 0 15.2 0 17v3h6v-3c0-1.5.9-2.8 2.4-3.8L8 13z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span>02<\/span>\r\n            <h3>Skilled Workforce<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-ribbon-item\">\r\n          <div class=\"dcb-ribbon-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 3 7v10l9 5 9-5V7l-9-5zm0 2.3L18.8 8 12 11.7 5.2 8 12 4.3zM5 9.7l6 3.3v6.3l-6-3.3V9.7zm14 6.3-6 3.3V13l6-3.3V16z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span>03<\/span>\r\n            <h3>Premium Materials<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"dcb-center-beam\">\r\n        <div class=\"dcb-beam-light\"><\/div>\r\n        <span>Quality \u00b7 Planning \u00b7 Delivery<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-ribbon-row bottom-row\">\r\n\r\n        <div class=\"dcb-ribbon-item\">\r\n          <div class=\"dcb-ribbon-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 10.4 4.2 2.5-1 1.7L11 13.5V6h2v6.4z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span>04<\/span>\r\n            <h3>On-Time Delivery<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-ribbon-item\">\r\n          <div class=\"dcb-ribbon-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4V4zm2 2v12h12V6H6zm2 2h8v2H8V8zm0 4h8v2H8v-2zm0 4h5v2H8v-2z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span>05<\/span>\r\n            <h3>Transparent Pricing<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcb-ribbon-item\">\r\n          <div class=\"dcb-ribbon-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 21V8l8-5 8 5v13h-6v-7h-4v7H4zm2-2h2v-7h8v7h2V9.1l-6-3.8-6 3.8V19zm3-9h2v2H9v-2zm4 0h2v2h-2v-2z\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <span>06<\/span>\r\n            <h3>Municipality-Compliant Work<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-why-ribbon-section,\r\n.dcb-why-ribbon-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-why-ribbon-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: 58px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.98), rgba(255,255,255,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-why-ribbon-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.045), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-why-ribbon-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-why-ribbon-head {\r\n  max-width: 820px;\r\n  margin: 0 auto 34px;\r\n  text-align: center;\r\n}\r\n\r\n.dcb-why-ribbon-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-why-ribbon-head h2 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(30px, 3.5vw, 50px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1.2px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-why-ribbon-head h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-why-ribbon-head p {\r\n  margin: 15px auto 0;\r\n  max-width: 700px;\r\n  color: var(--muted);\r\n  font-size: 15.2px;\r\n  line-height: 1.65;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* LIGHT BOARD *\/\r\n.dcb-ribbon-board {\r\n  position: relative;\r\n  border-radius: 34px;\r\n  background:\r\n    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));\r\n  border: 1px solid rgba(7,17,31,0.10);\r\n  box-shadow: 0 24px 60px rgba(7,17,31,0.10);\r\n  overflow: hidden;\r\n  padding: 34px;\r\n}\r\n\r\n.dcb-ribbon-board::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, rgba(7,17,31,0.045) 1px, transparent 1px),\r\n    linear-gradient(rgba(7,17,31,0.045) 1px, transparent 1px);\r\n  background-size: 58px 58px;\r\n  opacity: 0.7;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-ribbon-board::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -80px;\r\n  top: 50%;\r\n  width: calc(100% + 160px);\r\n  height: 90px;\r\n  background: rgba(244,163,0,0.13);\r\n  transform: translateY(-50%) rotate(-3deg);\r\n  border-top: 1px solid rgba(244,163,0,0.24);\r\n  border-bottom: 1px solid rgba(244,163,0,0.24);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-ribbon-bg-line {\r\n  position: absolute;\r\n  left: 8%;\r\n  right: 8%;\r\n  top: 50%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, rgba(244,163,0,0.82), transparent);\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-ribbon-bg-line::before,\r\n.dcb-ribbon-bg-line::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -120px;\r\n  width: 2px;\r\n  height: 240px;\r\n  background: linear-gradient(180deg, transparent, rgba(244,163,0,0.25), transparent);\r\n}\r\n\r\n.dcb-ribbon-bg-line::before {\r\n  left: 33.33%;\r\n}\r\n\r\n.dcb-ribbon-bg-line::after {\r\n  left: 66.66%;\r\n}\r\n\r\n\/* ROWS *\/\r\n.dcb-ribbon-row {\r\n  position: relative;\r\n  z-index: 4;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n}\r\n\r\n.top-row {\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.bottom-row {\r\n  margin-top: 34px;\r\n}\r\n\r\n.dcb-ribbon-item {\r\n  min-height: 120px;\r\n  padding: 20px;\r\n  border-radius: 22px;\r\n  background: rgba(255,255,255,0.92);\r\n  border: 1px solid rgba(7,17,31,0.10);\r\n  box-shadow: 0 14px 34px rgba(7,17,31,0.06);\r\n  display: grid;\r\n  grid-template-columns: 54px 1fr;\r\n  gap: 15px;\r\n  align-items: center;\r\n  transition: 0.28s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-ribbon-item::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -40px;\r\n  top: -40px;\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  background: rgba(244,163,0,0.11);\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-ribbon-item:hover {\r\n  transform: translateY(-6px);\r\n  background: #ffffff;\r\n  border-color: rgba(244,163,0,0.55);\r\n  box-shadow: 0 22px 50px rgba(7,17,31,0.12);\r\n}\r\n\r\n.dcb-ribbon-item:hover::before {\r\n  transform: scale(1.25);\r\n  background: rgba(244,163,0,0.17);\r\n}\r\n\r\n.dcb-ribbon-icon {\r\n  width: 54px;\r\n  height: 54px;\r\n  border-radius: 17px;\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  box-shadow: 0 16px 34px rgba(244,163,0,0.18);\r\n  transition: 0.28s ease;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-ribbon-item:hover .dcb-ribbon-icon {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: rotate(-5deg) scale(1.05);\r\n}\r\n\r\n.dcb-ribbon-icon svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-ribbon-item span {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 6px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-ribbon-item h3 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: 17px;\r\n  line-height: 1.25;\r\n  font-weight: 950;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* CENTER BEAM *\/\r\n.dcb-center-beam {\r\n  position: relative;\r\n  z-index: 5;\r\n  height: 54px;\r\n  border-radius: 999px;\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  overflow: hidden;\r\n  box-shadow: 0 18px 40px rgba(244,163,0,0.22);\r\n}\r\n\r\n.dcb-center-beam span {\r\n  position: relative;\r\n  z-index: 3;\r\n  font-size: 13px;\r\n  font-weight: 950;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.dcb-beam-light {\r\n  position: absolute;\r\n  left: -120px;\r\n  top: 0;\r\n  width: 110px;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.72), transparent);\r\n  transform: skewX(-18deg);\r\n  animation: dcbBeamLight 3.6s linear infinite;\r\n}\r\n\r\n@keyframes dcbBeamLight {\r\n  from {\r\n    left: -140px;\r\n  }\r\n\r\n  to {\r\n    left: calc(100% + 140px);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-why-ribbon-section {\r\n    padding: 52px 18px;\r\n  }\r\n\r\n  .dcb-ribbon-board {\r\n    padding: 26px;\r\n  }\r\n\r\n  .dcb-ribbon-row {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .top-row,\r\n  .bottom-row {\r\n    margin: 0;\r\n  }\r\n\r\n  .bottom-row {\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .dcb-center-beam {\r\n    margin: 22px 0;\r\n  }\r\n\r\n  .dcb-ribbon-bg-line,\r\n  .dcb-ribbon-bg-line::before,\r\n  .dcb-ribbon-bg-line::after {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .dcb-why-ribbon-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-why-ribbon-head {\r\n    text-align: left;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .dcb-why-ribbon-head h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-why-ribbon-head p {\r\n    font-size: 14.3px;\r\n  }\r\n\r\n  .dcb-ribbon-board {\r\n    padding: 18px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .dcb-ribbon-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .bottom-row {\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .dcb-center-beam {\r\n    height: auto;\r\n    min-height: 50px;\r\n    margin: 18px 0;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .dcb-center-beam span {\r\n    font-size: 11.5px;\r\n    text-align: center;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .dcb-ribbon-item {\r\n    min-height: auto;\r\n    padding: 16px;\r\n    border-radius: 18px;\r\n    grid-template-columns: 50px 1fr;\r\n  }\r\n\r\n  .dcb-ribbon-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  .dcb-ribbon-item h3 {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-beam-light,\r\n  .dcb-ribbon-item,\r\n  .dcb-ribbon-icon,\r\n  .dcb-ribbon-item::before {\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-404f050 e-con-full e-flex e-con e-parent\" data-id=\"404f050\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d0f70a elementor-widget elementor-widget-html\" data-id=\"1d0f70a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-services-orbit\">\r\n  <div class=\"dcb-services-orbit-inner\">\r\n\r\n    <div class=\"dcb-services-orbit-head\">\r\n      <span>Our Services<\/span>\r\n      <h2>\r\n        Complete Construction & Renovation\r\n        <strong>Services in Dubai<\/strong>\r\n      <\/h2>\r\n      <p>\r\n        Dubai Craft Build provides focused residential and commercial services, from villa renovation and fit-out work to turnkey construction and interior remodeling.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-orbit-wrap\">\r\n\r\n      <div class=\"dcb-orbit-center\">\r\n        <div class=\"dcb-orbit-core\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M3 21V9l9-6 9 6v12h-6v-7H9v7H3zm2-2h2v-7h10v7h2V10.1l-7-4.7-7 4.7V19z\"\/>\r\n          <\/svg>\r\n          <strong>Dubai Craft Build<\/strong>\r\n          <span>Services<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"\/villa-renovation-dubai\/\" class=\"dcb-orbit-service service-1\">\r\n        <div class=\"dcb-orbit-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 2 3 8v13h18V8l-9-6zm0 2.4 7 4.7V19h-4v-6H9v6H5V9.1l7-4.7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span>01<\/span>\r\n          <h3>Villa Renovation Dubai<\/h3>\r\n          <p>Villa upgrades, remodeling, flooring, ceilings, painting, and finishing.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"\/construction-company-dubai\/\" class=\"dcb-orbit-service service-2\">\r\n        <div class=\"dcb-orbit-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 21V8l8-5 8 5v13h-6v-7h-4v7H4zm2-2h2v-7h8v7h2V9.1l-6-3.8-6 3.8V19z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span>02<\/span>\r\n          <h3>Construction Services<\/h3>\r\n          <p>Residential, commercial, villa, warehouse, and turnkey construction.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"\/office-fit-out-dubai\/\" class=\"dcb-orbit-service service-3\">\r\n        <div class=\"dcb-orbit-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 21V4h16v17H4zm2-2h12V6H6v13zm2-11h8v2H8V8zm0 4h8v2H8v-2zm0 4h5v2H8v-2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span>03<\/span>\r\n          <h3>Office Fit Out<\/h3>\r\n          <p>Office partitions, ceilings, flooring, lighting, and workspace finishing.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"\/kitchen-renovation-dubai\/\" class=\"dcb-orbit-service service-4\">\r\n        <div class=\"dcb-orbit-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 3h16v18H4V3zm2 2v14h12V5H6zm2 2h8v2H8V7zm0 4h3v6H8v-6zm5 0h3v6h-3v-6z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span>04<\/span>\r\n          <h3>Kitchen Renovation<\/h3>\r\n          <p>Kitchen layout upgrades, surfaces, cabinets, flooring, and finishes.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"\/bathroom-renovation-dubai\/\" class=\"dcb-orbit-service service-5\">\r\n        <div class=\"dcb-orbit-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M7 3a3 3 0 0 1 3 3v2h9v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V8h4V6a1 1 0 0 0-2 0H4a3 3 0 0 1 3-3zm-1 7v4a3 3 0 0 0 3 3h5a3 3 0 0 0 3-3v-4H6z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span>05<\/span>\r\n          <h3>Bathroom Renovation<\/h3>\r\n          <p>Tiling, plumbing support, waterproofing, fittings, and finishing.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"\/interior-remodeling-dubai\/\" class=\"dcb-orbit-service service-6\">\r\n        <div class=\"dcb-orbit-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 21V5h16v16H4zm2-2h12V7H6v12zm2-10h8v2H8V9zm0 4h8v2H8v-2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <span>06<\/span>\r\n          <h3>Interior Remodeling<\/h3>\r\n          <p>Gypsum ceilings, wall finishes, flooring, painting, and interior upgrades.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-services-orbit,\r\n.dcb-services-orbit * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-services-orbit {\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: 58px 18px 66px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94)),\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-services-orbit::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 50% 58%, rgba(244,163,0,0.13), transparent 32%),\r\n    radial-gradient(circle at 12% 18%, rgba(244,163,0,0.10), transparent 28%),\r\n    radial-gradient(circle at 88% 82%, rgba(7,17,31,0.05), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-services-orbit-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-services-orbit-head {\r\n  max-width: 820px;\r\n  margin: 0 auto 38px;\r\n  text-align: center;\r\n}\r\n\r\n.dcb-services-orbit-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-services-orbit-head h2 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(30px, 3.5vw, 50px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1.2px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-services-orbit-head h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-services-orbit-head p {\r\n  margin: 15px auto 0;\r\n  max-width: 720px;\r\n  color: var(--muted);\r\n  font-size: 15.2px;\r\n  line-height: 1.65;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ORBIT DESIGN *\/\r\n.dcb-orbit-wrap {\r\n  width: min(1040px, 100%);\r\n  min-height: 650px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n.dcb-orbit-wrap::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 430px;\r\n  height: 430px;\r\n  transform: translate(-50%, -50%);\r\n  border-radius: 50%;\r\n  border: 2px dashed rgba(244,163,0,0.45);\r\n  animation: dcbOrbitRotate 38s linear infinite;\r\n}\r\n\r\n.dcb-orbit-wrap::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 280px;\r\n  height: 280px;\r\n  transform: translate(-50%, -50%);\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(7,17,31,0.12);\r\n  box-shadow:\r\n    0 0 0 34px rgba(244,163,0,0.045),\r\n    0 0 0 82px rgba(7,17,31,0.025);\r\n}\r\n\r\n@keyframes dcbOrbitRotate {\r\n  from {\r\n    transform: translate(-50%, -50%) rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: translate(-50%, -50%) rotate(360deg);\r\n  }\r\n}\r\n\r\n.dcb-orbit-center {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 210px;\r\n  height: 210px;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 4;\r\n  border-radius: 50%;\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.38);\r\n  box-shadow: 0 28px 70px rgba(7,17,31,0.18);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.dcb-orbit-center::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -16px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(244,163,0,0.26);\r\n  animation: dcbOrbitPulse 2.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dcbOrbitPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.75;\r\n  }\r\n\r\n  50% {\r\n    transform: scale(1.12);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.dcb-orbit-core {\r\n  text-align: center;\r\n  padding: 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-orbit-core svg {\r\n  width: 42px;\r\n  height: 42px;\r\n  fill: var(--gold);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.dcb-orbit-core strong {\r\n  display: block;\r\n  color: #ffffff;\r\n  font-size: 18px;\r\n  line-height: 1.2;\r\n  font-weight: 950;\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.dcb-orbit-core span {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* SERVICE NODES *\/\r\n.dcb-orbit-service {\r\n  position: absolute;\r\n  width: 300px;\r\n  min-height: 132px;\r\n  padding: 16px;\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 18px 44px rgba(7,17,31,0.08);\r\n  text-decoration: none;\r\n  display: grid;\r\n  grid-template-columns: 54px 1fr;\r\n  gap: 14px;\r\n  align-items: center;\r\n  z-index: 5;\r\n  overflow: hidden;\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-orbit-service::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -46px;\r\n  top: -46px;\r\n  width: 120px;\r\n  height: 120px;\r\n  border-radius: 50%;\r\n  background: rgba(244,163,0,0.12);\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-orbit-service:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(244,163,0,0.48);\r\n  box-shadow: 0 28px 66px rgba(7,17,31,0.14);\r\n}\r\n\r\n.dcb-orbit-service:hover::before {\r\n  transform: scale(1.25);\r\n  background: rgba(244,163,0,0.18);\r\n}\r\n\r\n.service-1 {\r\n  left: 50%;\r\n  top: 0;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.service-1:hover {\r\n  transform: translateX(-50%) translateY(-6px);\r\n}\r\n\r\n.service-2 {\r\n  right: 0;\r\n  top: 120px;\r\n}\r\n\r\n.service-3 {\r\n  right: 0;\r\n  bottom: 120px;\r\n}\r\n\r\n.service-4 {\r\n  left: 50%;\r\n  bottom: 0;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.service-4:hover {\r\n  transform: translateX(-50%) translateY(-6px);\r\n}\r\n\r\n.service-5 {\r\n  left: 0;\r\n  bottom: 120px;\r\n}\r\n\r\n.service-6 {\r\n  left: 0;\r\n  top: 120px;\r\n}\r\n\r\n.dcb-orbit-icon {\r\n  width: 54px;\r\n  height: 54px;\r\n  border-radius: 50%;\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  position: relative;\r\n  z-index: 2;\r\n  box-shadow: 0 14px 30px rgba(244,163,0,0.20);\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-orbit-service:hover .dcb-orbit-icon {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: rotate(-5deg) scale(1.05);\r\n}\r\n\r\n.dcb-orbit-icon svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-orbit-service span {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 11px;\r\n  font-weight: 950;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 5px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-orbit-service h3 {\r\n  margin: 0 0 6px;\r\n  color: var(--dark);\r\n  font-size: 16px;\r\n  line-height: 1.2;\r\n  font-weight: 950;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.dcb-orbit-service p {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 12.7px;\r\n  line-height: 1.42;\r\n  font-weight: 600;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-services-orbit {\r\n    padding: 52px 18px;\r\n  }\r\n\r\n  .dcb-orbit-wrap {\r\n    min-height: auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .dcb-orbit-wrap::before,\r\n  .dcb-orbit-wrap::after,\r\n  .dcb-orbit-center {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-orbit-service,\r\n  .service-1,\r\n  .service-2,\r\n  .service-3,\r\n  .service-4,\r\n  .service-5,\r\n  .service-6 {\r\n    position: relative;\r\n    left: auto;\r\n    right: auto;\r\n    top: auto;\r\n    bottom: auto;\r\n    width: 100%;\r\n    transform: none;\r\n  }\r\n\r\n  .dcb-orbit-service:hover,\r\n  .service-1:hover,\r\n  .service-4:hover {\r\n    transform: translateY(-6px);\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .dcb-services-orbit {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-services-orbit-head {\r\n    text-align: left;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .dcb-services-orbit-head h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-services-orbit-head p {\r\n    font-size: 14.3px;\r\n  }\r\n\r\n  .dcb-orbit-wrap {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .dcb-orbit-service {\r\n    min-height: auto;\r\n    padding: 16px;\r\n    border-radius: 20px;\r\n    grid-template-columns: 50px 1fr;\r\n  }\r\n\r\n  .dcb-orbit-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  .dcb-orbit-service h3 {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  .dcb-orbit-service p {\r\n    font-size: 12.5px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-orbit-wrap::before,\r\n  .dcb-orbit-center::before,\r\n  .dcb-orbit-service,\r\n  .dcb-orbit-icon,\r\n  .dcb-orbit-service::before {\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-7d1d184 e-con-full e-flex e-con e-parent\" data-id=\"7d1d184\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f2b0f elementor-widget elementor-widget-html\" data-id=\"c0f2b0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-area-loop-section\">\r\n  <div class=\"dcb-area-loop-inner\">\r\n\r\n    <div class=\"dcb-area-loop-content\">\r\n      <span class=\"dcb-area-loop-label\">Areas We Serve<\/span>\r\n\r\n      <h2>\r\n        Construction & Renovation Services\r\n        <strong>Across Dubai<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Dubai Craft Build serves key residential and commercial areas across Dubai with\r\n        renovation, construction, fit-out, remodeling, and turnkey project services.\r\n      <\/p>\r\n\r\n      <a href=\"\/areas-we-serve\/\" class=\"dcb-area-loop-btn\">\r\n        View All Areas\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 class=\"dcb-area-loop-visual\">\r\n\r\n      <div class=\"dcb-area-map-ring\">\r\n        <div class=\"dcb-area-map-center\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2a8 8 0 0 0-8 8c0 5.2 8 12 8 12s8-6.8 8-12a8 8 0 0 0-8-8zm0 10.8A2.8 2.8 0 1 1 12 7a2.8 2.8 0 0 1 0 5.8z\"\/>\r\n          <\/svg>\r\n          <strong>Dubai<\/strong>\r\n          <span>Local Service Coverage<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"dcb-map-dot dot-1\"><\/span>\r\n        <span class=\"dcb-map-dot dot-2\"><\/span>\r\n        <span class=\"dcb-map-dot dot-3\"><\/span>\r\n        <span class=\"dcb-map-dot dot-4\"><\/span>\r\n        <span class=\"dcb-map-dot dot-5\"><\/span>\r\n        <span class=\"dcb-map-dot dot-6\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-area-slider\">\r\n\r\n        <a href=\"\/renovation-company-dubai-marina\/\" class=\"dcb-area-slide slide-1\">\r\n          <span>01<\/span>\r\n          <h3>Dubai Marina<\/h3>\r\n          <p>Apartment renovation, interior upgrades, and fit-out services.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/villa-renovation-palm-jumeirah\/\" class=\"dcb-area-slide slide-2\">\r\n          <span>02<\/span>\r\n          <h3>Palm Jumeirah<\/h3>\r\n          <p>Luxury villa renovation, remodeling, and premium finishing.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/renovation-services-jvc\/\" class=\"dcb-area-slide slide-3\">\r\n          <span>03<\/span>\r\n          <h3>JVC<\/h3>\r\n          <p>Home renovation, MEP support, painting, flooring, and finishing.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/construction-company-downtown-dubai\/\" class=\"dcb-area-slide slide-4\">\r\n          <span>04<\/span>\r\n          <h3>Downtown Dubai<\/h3>\r\n          <p>Commercial construction, renovation, and interior fit-out projects.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/fit-out-company-business-bay\/\" class=\"dcb-area-slide slide-5\">\r\n          <span>05<\/span>\r\n          <h3>Business Bay<\/h3>\r\n          <p>Office fit-out, commercial interiors, and workspace upgrades.<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"\/renovation-company-jumeirah\/\" class=\"dcb-area-slide slide-6\">\r\n          <span>06<\/span>\r\n          <h3>Jumeirah<\/h3>\r\n          <p>Villa renovation, interior remodeling, and turnkey improvements.<\/p>\r\n        <\/a>\r\n\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-loop-section,\r\n.dcb-area-loop-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-area-loop-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: 54px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: Inter, Arial, sans-serif;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?q=80&w=1800&auto=format&fit=crop\");\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n\r\n.dcb-area-loop-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(110deg, rgba(7,17,31,0.08), transparent 42%, rgba(7,17,31,0.16)),\r\n    radial-gradient(circle at 78% 52%, rgba(244,163,0,0.18), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-area-loop-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n  gap: 46px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* LEFT CONTENT *\/\r\n.dcb-area-loop-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\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-loop-label::before {\r\n  content: \"\";\r\n  width: 36px;\r\n  height: 2px;\r\n  background: var(--gold);\r\n  border-radius: 20px;\r\n}\r\n\r\n.dcb-area-loop-content h2 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(30px, 3.5vw, 50px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1.2px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-area-loop-content h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-area-loop-content p {\r\n  margin: 16px 0 0;\r\n  max-width: 620px;\r\n  color: var(--muted);\r\n  font-size: 15.2px;\r\n  line-height: 1.65;\r\n  font-weight: 600;\r\n}\r\n\r\n.dcb-area-loop-btn {\r\n  margin-top: 26px;\r\n  min-height: 50px;\r\n  padding: 0 22px;\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-area-loop-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-area-loop-btn:hover {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* RIGHT VISUAL *\/\r\n.dcb-area-loop-visual {\r\n  min-height: 430px;\r\n  position: relative;\r\n  border-radius: 34px;\r\n  background:\r\n    linear-gradient(135deg, rgba(7,17,31,0.92), rgba(16,28,45,0.88));\r\n  border: 1px solid rgba(244,163,0,0.28);\r\n  box-shadow: 0 26px 70px rgba(7,17,31,0.16);\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-area-loop-visual::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: 58px 58px;\r\n  opacity: 0.7;\r\n}\r\n\r\n.dcb-area-loop-visual::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -80px;\r\n  top: -80px;\r\n  width: 230px;\r\n  height: 230px;\r\n  border-radius: 50%;\r\n  border: 36px solid rgba(244,163,0,0.12);\r\n}\r\n\r\n\/* MAP RING *\/\r\n.dcb-area-map-ring {\r\n  position: absolute;\r\n  left: 40px;\r\n  top: 50%;\r\n  width: 270px;\r\n  height: 270px;\r\n  transform: translateY(-50%);\r\n  border-radius: 50%;\r\n  border: 2px dashed rgba(244,163,0,0.38);\r\n  animation: dcbAreaRing 32s linear infinite;\r\n  z-index: 2;\r\n}\r\n\r\n@keyframes dcbAreaRing {\r\n  from {\r\n    transform: translateY(-50%) rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: translateY(-50%) rotate(360deg);\r\n  }\r\n}\r\n\r\n.dcb-area-map-center {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 138px;\r\n  height: 138px;\r\n  transform: translate(-50%, -50%) rotate(0deg);\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.96);\r\n  color: var(--dark);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  animation: dcbAreaCenterReverse 32s linear infinite;\r\n  box-shadow: 0 20px 46px rgba(0,0,0,0.22);\r\n  border: 1px solid rgba(244,163,0,0.35);\r\n}\r\n\r\n@keyframes dcbAreaCenterReverse {\r\n  from {\r\n    transform: translate(-50%, -50%) rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: translate(-50%, -50%) rotate(-360deg);\r\n  }\r\n}\r\n\r\n.dcb-area-map-center svg {\r\n  width: 34px;\r\n  height: 34px;\r\n  fill: var(--gold);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.dcb-area-map-center strong {\r\n  color: var(--dark);\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  font-weight: 950;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.dcb-area-map-center span {\r\n  max-width: 100px;\r\n  color: var(--muted);\r\n  font-size: 10.8px;\r\n  line-height: 1.25;\r\n  font-weight: 800;\r\n  text-align: center;\r\n}\r\n\r\n.dcb-map-dot {\r\n  position: absolute;\r\n  width: 13px;\r\n  height: 13px;\r\n  background: var(--gold);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 0 8px rgba(244,163,0,0.14), 0 0 18px rgba(244,163,0,0.65);\r\n}\r\n\r\n.dot-1 { left: 50%; top: -7px; }\r\n.dot-2 { right: 21px; top: 55px; }\r\n.dot-3 { right: 21px; bottom: 55px; }\r\n.dot-4 { left: 50%; bottom: -7px; }\r\n.dot-5 { left: 21px; bottom: 55px; }\r\n.dot-6 { left: 21px; top: 55px; }\r\n\r\n\/* AREA SLIDES *\/\r\n.dcb-area-slider {\r\n  position: absolute;\r\n  right: 36px;\r\n  top: 50%;\r\n  width: 310px;\r\n  height: 210px;\r\n  transform: translateY(-50%);\r\n  z-index: 5;\r\n}\r\n\r\n.dcb-area-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n  padding: 26px;\r\n  border-radius: 26px;\r\n  background: rgba(255,255,255,0.96);\r\n  border: 1px solid rgba(244,163,0,0.25);\r\n  box-shadow: 0 22px 54px rgba(0,0,0,0.22);\r\n  text-decoration: none;\r\n  opacity: 0;\r\n  transform: translateX(45px) scale(0.94);\r\n  animation: dcbAreaSlide 18s infinite;\r\n}\r\n\r\n.slide-1 { animation-delay: 0s; }\r\n.slide-2 { animation-delay: 3s; }\r\n.slide-3 { animation-delay: 6s; }\r\n.slide-4 { animation-delay: 9s; }\r\n.slide-5 { animation-delay: 12s; }\r\n.slide-6 { animation-delay: 15s; }\r\n\r\n@keyframes dcbAreaSlide {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(45px) scale(0.94);\r\n  }\r\n\r\n  5% {\r\n    opacity: 1;\r\n    transform: translateX(0) scale(1);\r\n  }\r\n\r\n  13% {\r\n    opacity: 1;\r\n    transform: translateX(0) scale(1);\r\n  }\r\n\r\n  18% {\r\n    opacity: 0;\r\n    transform: translateX(-45px) scale(0.94);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: translateX(-45px) scale(0.94);\r\n  }\r\n}\r\n\r\n.dcb-area-slide span {\r\n  display: inline-flex;\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  align-items: center;\r\n  justify-content: center;\r\n  font-size: 13px;\r\n  font-weight: 950;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.dcb-area-slide h3 {\r\n  margin: 0 0 10px;\r\n  color: var(--dark);\r\n  font-size: 26px;\r\n  line-height: 1.1;\r\n  font-weight: 950;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.dcb-area-slide p {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n  font-weight: 600;\r\n}\r\n\r\n.dcb-area-slide::after {\r\n  content: \"View Area \u203a\";\r\n  display: inline-flex;\r\n  margin-top: 18px;\r\n  color: var(--gold);\r\n  font-size: 13px;\r\n  font-weight: 950;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-area-loop-section {\r\n    padding: 50px 18px;\r\n  }\r\n\r\n  .dcb-area-loop-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .dcb-area-loop-visual {\r\n    min-height: 400px;\r\n  }\r\n\r\n  .dcb-area-map-ring {\r\n    left: 42px;\r\n    width: 240px;\r\n    height: 240px;\r\n  }\r\n\r\n  .dcb-area-slider {\r\n    right: 32px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .dcb-area-loop-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-area-loop-content h2 {\r\n    font-size: clamp(28px, 9vw, 38px);\r\n  }\r\n\r\n  .dcb-area-loop-content p {\r\n    font-size: 14.3px;\r\n  }\r\n\r\n  .dcb-area-loop-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  .dcb-area-loop-visual {\r\n    min-height: 520px;\r\n    border-radius: 26px;\r\n  }\r\n\r\n  .dcb-area-map-ring {\r\n    left: 50%;\r\n    top: 135px;\r\n    width: 210px;\r\n    height: 210px;\r\n    transform: translateX(-50%);\r\n    animation-name: dcbAreaRingMobile;\r\n  }\r\n\r\n  @keyframes dcbAreaRingMobile {\r\n    from {\r\n      transform: translateX(-50%) rotate(0deg);\r\n    }\r\n\r\n    to {\r\n      transform: translateX(-50%) rotate(360deg);\r\n    }\r\n  }\r\n\r\n  .dcb-area-map-center {\r\n    width: 118px;\r\n    height: 118px;\r\n  }\r\n\r\n  .dcb-area-map-center strong {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .dcb-area-slider {\r\n    left: 18px;\r\n    right: 18px;\r\n    top: auto;\r\n    bottom: 28px;\r\n    width: auto;\r\n    height: 210px;\r\n    transform: none;\r\n  }\r\n\r\n  .dcb-area-slide {\r\n    padding: 22px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .dcb-area-slide h3 {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-area-map-ring,\r\n  .dcb-area-map-center,\r\n  .dcb-area-slide {\r\n    animation: none !important;\r\n  }\r\n\r\n  .dcb-area-slide:first-child {\r\n    opacity: 1 !important;\r\n    transform: 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-9e00243 e-con-full e-flex e-con e-parent\" data-id=\"9e00243\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11c97db elementor-widget elementor-widget-html\" data-id=\"11c97db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-process-section\">\r\n  <div class=\"dcb-process-inner\">\r\n\r\n    <div class=\"dcb-process-head\">\r\n      <span>Our Process<\/span>\r\n      <h2>\r\n        From Consultation to\r\n        <strong>Project Handover<\/strong>\r\n      <\/h2>\r\n      <p>\r\n        Our process keeps your construction or renovation project clear, organized, and easy to follow from the first discussion to final completion.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcb-process-flow\">\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-num\">01<\/div>\r\n        <div class=\"dcb-process-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3a9 9 0 0 0-9 9v7h5v-8H5.1A7 7 0 0 1 19 11h-2v8h4v-7a9 9 0 0 0-9-9zm-3 8v8h6v-8H9z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Consultation<\/h3>\r\n        <p>We discuss your project requirements, location, goals, timeline, and expected work scope.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-arrow\">\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      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-num\">02<\/div>\r\n        <div class=\"dcb-process-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 4h16v16H4V4zm2 2v12h12V6H6zm2 2h8v2H8V8zm0 4h5v2H8v-2zm0 4h8v2H8v-2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Planning<\/h3>\r\n        <p>We prepare the work plan, material direction, project stages, and practical execution approach.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-arrow\">\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      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-num\">03<\/div>\r\n        <div class=\"dcb-process-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M22 19.6 19.6 22l-5.1-5.1 2.4-2.4L22 19.6zM2 20.2l6.7-6.7-2.1-2.1L4.8 13.2 2.7 11.1l4.6-4.6 5.2 5.2L4.4 22H2v-1.8zM18.4 2 22 5.6l-3.1 3.1-3.6-3.6L18.4 2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Construction \/ Renovation<\/h3>\r\n        <p>Our skilled team carries out the work with site coordination, safety, and quality-focused execution.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-arrow\">\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      <\/div>\r\n\r\n      <div class=\"dcb-process-step\">\r\n        <div class=\"dcb-process-num\">04<\/div>\r\n        <div class=\"dcb-process-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Quality Inspection<\/h3>\r\n        <p>We review finishing, details, workmanship, and project requirements before final handover.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-process-arrow\">\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      <\/div>\r\n\r\n      <div class=\"dcb-process-step final-step\">\r\n        <div class=\"dcb-process-num\">05<\/div>\r\n        <div class=\"dcb-process-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M21 6h-4.2A3 3 0 0 0 14 4h-4a3 3 0 0 0-2.8 2H3v15h18V6zM10 6h4a1 1 0 0 1 1 1H9a1 1 0 0 1 1-1zm9 13H5V8h14v11zm-7-9 1.6 3.2 3.4.5-2.5 2.4.6 3.4-3.1-1.6-3.1 1.6.6-3.4L7 13.7l3.4-.5L12 10z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Project Handover<\/h3>\r\n        <p>We complete the project with final checks, clean finishing, and handover support.<\/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-section,\r\n.dcb-process-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-process-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: 54px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: Inter, Arial, sans-serif;\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}\r\n\r\n.dcb-process-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 10% 18%, rgba(244,163,0,0.12), transparent 28%),\r\n    radial-gradient(circle at 92% 82%, rgba(7,17,31,0.07), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-process-inner {\r\n  width: min(1180px, 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: 780px;\r\n  margin: 0 auto 34px;\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.5vw, 50px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1.2px;\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: 15px auto 0;\r\n  max-width: 680px;\r\n  color: var(--muted);\r\n  font-size: 15.2px;\r\n  line-height: 1.65;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Flow *\/\r\n.dcb-process-flow {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr;\r\n  gap: 0;\r\n  align-items: stretch;\r\n  padding: 26px;\r\n  border-radius: 32px;\r\n  background:\r\n    linear-gradient(135deg, rgba(255,255,255,0.94), rgba(248,250,252,0.94));\r\n  border: 1px solid rgba(7,17,31,0.10);\r\n  box-shadow: 0 24px 60px rgba(7,17,31,0.10);\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-process-flow::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 26px;\r\n  right: 26px;\r\n  top: 50%;\r\n  height: 4px;\r\n  transform: translateY(-50%);\r\n  background: linear-gradient(90deg, rgba(244,163,0,0.18), rgba(244,163,0,0.75), rgba(244,163,0,0.18));\r\n  border-radius: 999px;\r\n  z-index: 1;\r\n}\r\n\r\n.dcb-process-flow::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -120px;\r\n  top: 50%;\r\n  width: 110px;\r\n  height: 4px;\r\n  transform: translateY(-50%);\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, transparent, #ffffff, var(--gold), transparent);\r\n  z-index: 2;\r\n  animation: dcbProcessLight 4.2s linear infinite;\r\n}\r\n\r\n@keyframes dcbProcessLight {\r\n  from {\r\n    left: -120px;\r\n  }\r\n\r\n  to {\r\n    left: calc(100% + 120px);\r\n  }\r\n}\r\n\r\n.dcb-process-step {\r\n  position: relative;\r\n  z-index: 3;\r\n  min-height: 250px;\r\n  padding: 22px 18px;\r\n  border-radius: 24px;\r\n  background: rgba(255,255,255,0.94);\r\n  border: 1px solid rgba(7,17,31,0.08);\r\n  box-shadow: 0 14px 34px rgba(7,17,31,0.06);\r\n  text-align: center;\r\n  transition: 0.28s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-process-step::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -42px;\r\n  top: -42px;\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  background: rgba(244,163,0,0.12);\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-process-step:hover {\r\n  transform: translateY(-6px);\r\n  border-color: rgba(244,163,0,0.48);\r\n  box-shadow: 0 24px 56px rgba(7,17,31,0.13);\r\n}\r\n\r\n.dcb-process-step:hover::before {\r\n  transform: scale(1.2);\r\n  background: rgba(244,163,0,0.18);\r\n}\r\n\r\n.dcb-process-step.final-step {\r\n  background:\r\n    linear-gradient(135deg, rgba(7,17,31,0.96), rgba(16,28,45,0.94));\r\n  border-color: rgba(244,163,0,0.32);\r\n}\r\n\r\n.dcb-process-num {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 18px;\r\n  color: rgba(7,17,31,0.11);\r\n  font-size: 32px;\r\n  line-height: 1;\r\n  font-weight: 950;\r\n}\r\n\r\n.final-step .dcb-process-num {\r\n  color: rgba(255,255,255,0.14);\r\n}\r\n\r\n.dcb-process-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n  margin: 0 auto 18px;\r\n  border-radius: 18px;\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  position: relative;\r\n  z-index: 3;\r\n  box-shadow: 0 16px 34px rgba(244,163,0,0.20);\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.dcb-process-step:hover .dcb-process-icon {\r\n  background: var(--dark);\r\n  color: #ffffff;\r\n  transform: rotate(-5deg) scale(1.05);\r\n}\r\n\r\n.final-step:hover .dcb-process-icon {\r\n  background: #ffffff;\r\n  color: var(--dark);\r\n}\r\n\r\n.dcb-process-icon svg {\r\n  width: 28px;\r\n  height: 28px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-process-step h3 {\r\n  margin: 0 0 10px;\r\n  color: var(--dark);\r\n  font-size: 17px;\r\n  line-height: 1.22;\r\n  font-weight: 950;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.dcb-process-step p {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: 13.2px;\r\n  line-height: 1.55;\r\n  font-weight: 600;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.final-step h3 {\r\n  color: #ffffff;\r\n}\r\n\r\n.final-step p {\r\n  color: rgba(255,255,255,0.74);\r\n}\r\n\r\n.dcb-process-arrow {\r\n  position: relative;\r\n  z-index: 4;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.dcb-process-arrow svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  fill: var(--gold);\r\n  filter: drop-shadow(0 6px 10px rgba(244,163,0,0.25));\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-process-section {\r\n    padding: 50px 18px;\r\n  }\r\n\r\n  .dcb-process-flow {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .dcb-process-flow::before,\r\n  .dcb-process-flow::after,\r\n  .dcb-process-arrow {\r\n    display: none;\r\n  }\r\n\r\n  .dcb-process-step {\r\n    min-height: auto;\r\n    text-align: left;\r\n    padding: 20px;\r\n    display: grid;\r\n    grid-template-columns: 62px 1fr;\r\n    column-gap: 16px;\r\n    align-items: start;\r\n  }\r\n\r\n  .dcb-process-icon {\r\n    margin: 0;\r\n    grid-row: span 2;\r\n  }\r\n\r\n  .dcb-process-step h3 {\r\n    margin-top: 3px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .dcb-process-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-process-head {\r\n    text-align: left;\r\n    margin-bottom: 28px;\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-head p {\r\n    font-size: 14.3px;\r\n  }\r\n\r\n  .dcb-process-flow {\r\n    padding: 16px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .dcb-process-step {\r\n    grid-template-columns: 54px 1fr;\r\n    padding: 18px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .dcb-process-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .dcb-process-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .dcb-process-step h3 {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .dcb-process-step p {\r\n    font-size: 12.8px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-process-flow::after,\r\n  .dcb-process-step,\r\n  .dcb-process-icon,\r\n  .dcb-process-step::before {\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-54c9749 e-con-full e-flex e-con e-parent\" data-id=\"54c9749\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9657c3a elementor-widget elementor-widget-html\" data-id=\"9657c3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcb-cta-faq-section\">\r\n  <div class=\"dcb-cta-faq-inner\">\r\n\r\n    <!-- CTA SIDE -->\r\n    <div class=\"dcb-cta-panel\">\r\n      <span class=\"dcb-cta-label\">Need Help With Your Project?<\/span>\r\n\r\n      <h2>\r\n        Start Your Construction or Renovation\r\n        <strong>Project in Dubai<\/strong>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Tell us about your villa renovation, office fit-out, commercial construction,\r\n        kitchen renovation, bathroom renovation, or turnkey project. Our team will guide\r\n        you with clear planning and practical next steps.\r\n      <\/p>\r\n\r\n      <div class=\"dcb-cta-benefits\">\r\n        <div>\r\n          <span>\u2713<\/span>\r\n          Free project consultation\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>\u2713<\/span>\r\n          Dubai site inspection support\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>\u2713<\/span>\r\n          Transparent pricing discussion\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-cta-actions\">\r\n        <a href=\"\/quote-consultation\/\" class=\"dcb-cta-btn primary\">\r\n          Get 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-cta-btn secondary\">\r\n          Contact Us\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-cta-bottom\">\r\n        <strong>Fast Response<\/strong>\r\n        <span>Share your project details and our team will contact you shortly.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ SIDE -->\r\n    <div class=\"dcb-faq-panel\">\r\n      <div class=\"dcb-faq-head\">\r\n        <span>FAQs<\/span>\r\n        <h2>Common Questions<\/h2>\r\n        <p>\r\n          Quick answers about our construction, renovation, fit-out, and project support services in Dubai.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dcb-faq-list\">\r\n\r\n        <details class=\"dcb-faq-item\" open>\r\n          <summary>\r\n            Do you provide free consultation?\r\n            <span>+<\/span>\r\n          <\/summary>\r\n          <p>\r\n            Yes, we provide project consultation to understand your requirements, location,\r\n            scope of work, timeline, and expected project needs before moving forward.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details class=\"dcb-faq-item\">\r\n          <summary>\r\n            Do you handle villa renovation in Dubai?\r\n            <span>+<\/span>\r\n          <\/summary>\r\n          <p>\r\n            Yes, we handle villa renovation projects including interior remodeling, flooring,\r\n            gypsum ceilings, painting, bathroom upgrades, kitchen renovation, and finishing work.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details class=\"dcb-faq-item\">\r\n          <summary>\r\n            Can you manage office fit-out projects?\r\n            <span>+<\/span>\r\n          <\/summary>\r\n          <p>\r\n            Yes, our team supports office fit-out projects including partitions, ceiling work,\r\n            lighting, flooring, painting, MEP coordination, and complete workspace finishing.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details class=\"dcb-faq-item\">\r\n          <summary>\r\n            Do you provide turnkey solutions?\r\n            <span>+<\/span>\r\n          <\/summary>\r\n          <p>\r\n            Yes, we provide turnkey construction and renovation solutions, covering planning,\r\n            execution, finishing, quality checking, and final handover.\r\n          <\/p>\r\n        <\/details>\r\n\r\n        <details class=\"dcb-faq-item\">\r\n          <summary>\r\n            Which areas in Dubai do you serve?\r\n            <span>+<\/span>\r\n          <\/summary>\r\n          <p>\r\n            We serve Dubai Marina, Palm Jumeirah, JVC, Downtown Dubai, Business Bay,\r\n            Jumeirah, and other residential and commercial areas across Dubai.\r\n          <\/p>\r\n        <\/details>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.dcb-cta-faq-section,\r\n.dcb-cta-faq-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dcb-cta-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: 58px 18px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: Inter, Arial, sans-serif;\r\n  background:\r\n    linear-gradient(120deg, rgba(255,255,255,0.96), rgba(255,255,255,0.90)),\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}\r\n\r\n.dcb-cta-faq-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(110deg, rgba(7,17,31,0.08), transparent 42%, rgba(7,17,31,0.12)),\r\n    radial-gradient(circle at 16% 18%, rgba(244,163,0,0.13), transparent 28%),\r\n    radial-gradient(circle at 88% 82%, rgba(7,17,31,0.08), transparent 30%);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-cta-faq-inner {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.92fr 1.08fr;\r\n  gap: 26px;\r\n  align-items: stretch;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* CTA PANEL *\/\r\n.dcb-cta-panel {\r\n  position: relative;\r\n  border-radius: 32px;\r\n  padding: 34px;\r\n  overflow: hidden;\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 28px 72px rgba(7,17,31,0.18);\r\n}\r\n\r\n.dcb-cta-panel::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: 58px 58px;\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-cta-panel::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -90px;\r\n  top: -90px;\r\n  width: 250px;\r\n  height: 250px;\r\n  border-radius: 50%;\r\n  border: 40px solid rgba(244,163,0,0.12);\r\n  pointer-events: none;\r\n}\r\n\r\n.dcb-cta-label {\r\n  position: relative;\r\n  z-index: 2;\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.7px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.dcb-cta-panel h2 {\r\n  position: relative;\r\n  z-index: 2;\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: -1.1px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-cta-panel h2 strong {\r\n  display: block;\r\n  color: var(--gold);\r\n}\r\n\r\n.dcb-cta-panel p {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 16px 0 0;\r\n  color: rgba(255,255,255,0.74);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  font-weight: 500;\r\n}\r\n\r\n.dcb-cta-benefits {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 24px;\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.dcb-cta-benefits div {\r\n  min-height: 44px;\r\n  padding: 10px 12px;\r\n  border-radius: 15px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  color: #ffffff;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 13.5px;\r\n  font-weight: 850;\r\n}\r\n\r\n.dcb-cta-benefits span {\r\n  width: 24px;\r\n  height: 24px;\r\n  min-width: 24px;\r\n  border-radius: 50%;\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-weight: 950;\r\n}\r\n\r\n.dcb-cta-actions {\r\n  position: relative;\r\n  z-index: 2;\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-cta-btn {\r\n  min-height: 50px;\r\n  padding: 0 21px;\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-cta-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.dcb-cta-btn.primary {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  box-shadow: 0 16px 34px rgba(244,163,0,0.24);\r\n}\r\n\r\n.dcb-cta-btn.primary:hover {\r\n  background: #ffffff;\r\n  color: var(--dark);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.dcb-cta-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.16);\r\n}\r\n\r\n.dcb-cta-btn.secondary:hover {\r\n  background: rgba(255,255,255,0.18);\r\n  color: var(--gold);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.dcb-cta-bottom {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 26px;\r\n  padding: 16px;\r\n  border-left: 4px solid var(--gold);\r\n  border-radius: 16px;\r\n  background: rgba(255,255,255,0.08);\r\n}\r\n\r\n.dcb-cta-bottom strong {\r\n  display: block;\r\n  color: var(--gold);\r\n  font-size: 14px;\r\n  font-weight: 950;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.dcb-cta-bottom span {\r\n  color: rgba(255,255,255,0.76);\r\n  font-size: 13px;\r\n  line-height: 1.45;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* FAQ PANEL *\/\r\n.dcb-faq-panel {\r\n  border-radius: 32px;\r\n  padding: 30px;\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 24px 60px rgba(7,17,31,0.10);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.dcb-faq-panel::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -60px;\r\n  top: -60px;\r\n  width: 180px;\r\n  height: 180px;\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-faq-head {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.dcb-faq-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.7px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.dcb-faq-head h2 {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(26px, 3vw, 40px);\r\n  line-height: 1.1;\r\n  letter-spacing: -0.8px;\r\n  font-weight: 950;\r\n}\r\n\r\n.dcb-faq-head p {\r\n  margin: 12px 0 0;\r\n  max-width: 620px;\r\n  color: var(--muted);\r\n  font-size: 14.5px;\r\n  line-height: 1.58;\r\n  font-weight: 600;\r\n}\r\n\r\n.dcb-faq-list {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  gap: 11px;\r\n}\r\n\r\n.dcb-faq-item {\r\n  border-radius: 18px;\r\n  background: #ffffff;\r\n  border: 1px solid rgba(7,17,31,0.09);\r\n  box-shadow: 0 12px 28px rgba(7,17,31,0.055);\r\n  overflow: hidden;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-faq-item:hover {\r\n  border-color: rgba(244,163,0,0.42);\r\n  box-shadow: 0 18px 42px rgba(7,17,31,0.10);\r\n}\r\n\r\n.dcb-faq-item summary {\r\n  list-style: none;\r\n  cursor: pointer;\r\n  min-height: 60px;\r\n  padding: 17px 18px;\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  gap: 18px;\r\n}\r\n\r\n.dcb-faq-item summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.dcb-faq-item summary span {\r\n  width: 32px;\r\n  height: 32px;\r\n  min-width: 32px;\r\n  border-radius: 11px;\r\n  background: rgba(244,163,0,0.15);\r\n  color: var(--gold);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 22px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.dcb-faq-item[open] summary span {\r\n  background: var(--gold);\r\n  color: var(--dark);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.dcb-faq-item p {\r\n  margin: 0;\r\n  padding: 0 18px 18px;\r\n  color: var(--muted);\r\n  font-size: 13.8px;\r\n  line-height: 1.62;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1100px) {\r\n  .dcb-cta-faq-section {\r\n    padding: 50px 18px;\r\n  }\r\n\r\n  .dcb-cta-faq-inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n  .dcb-cta-faq-section {\r\n    width: 100%;\r\n    margin-left: 0;\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .dcb-cta-panel,\r\n  .dcb-faq-panel {\r\n    border-radius: 24px;\r\n    padding: 22px;\r\n  }\r\n\r\n  .dcb-cta-panel h2 {\r\n    font-size: clamp(27px, 8.5vw, 38px);\r\n  }\r\n\r\n  .dcb-cta-panel p,\r\n  .dcb-faq-head p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-cta-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .dcb-cta-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .dcb-faq-item summary {\r\n    padding: 15px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .dcb-faq-item p {\r\n    padding: 0 15px 15px;\r\n    font-size: 13.5px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .dcb-cta-btn,\r\n  .dcb-faq-item,\r\n  .dcb-faq-item summary span {\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>About Dubai Craft Build Trusted Construction &#038; Renovation Company in Dubai Dubai Craft and Build delivers premium construction, renovation, and interior fit-out services for residential and commercial projects across Dubai. Get Free Quote View Projects Residential Construction &#038; Renovation Commercial Fit-Out &#038; Turnkey Work Dubai Local Project Expertise 01 Site Inspection 02 Project Planning 03 [&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-60","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/60","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=60"}],"version-history":[{"count":4,"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/60\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/dubaicraftbuild.com\/index.php\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}