{"id":6,"date":"2026-07-14T09:34:35","date_gmt":"2026-07-14T09:34:35","guid":{"rendered":"https:\/\/chemcastscientific.com\/?page_id=6"},"modified":"2026-07-14T13:16:56","modified_gmt":"2026-07-14T13:16:56","slug":"home","status":"publish","type":"page","link":"https:\/\/chemcastscientific.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff41960 e-con-full e-flex e-con e-parent\" data-id=\"ff41960\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580b98 elementor-widget elementor-widget-html\" data-id=\"b580b98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     DIYAR AL SAFWA \u2014 FULL HOMEPAGE\r\n     Paste this entire block into a single Elementor HTML widget.\r\n     All classes are scoped with the \"das-\" prefix to avoid\r\n     conflicts with WordPress \/ Elementor \/ theme styles.\r\n\r\n     NOTE ON IMAGES: the photos below are embedded as base64 data\r\n     directly from your company profile PDF, so the page works the\r\n     moment you paste it \u2014 no broken image icons. For production,\r\n     swap each data: URI for a hosted image URL (faster page load).\r\n     Search \"EDITABLE\" to find every spot to replace.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  \/* ============================================================\r\n     DESIGN TOKENS\r\n     ============================================================ *\/\r\n  .das-page {\r\n    --das-teal-deep:  #075464;\r\n    --das-teal-dark:  #073F49;\r\n    --das-gold:       #B8A077;\r\n    --das-gold-soft:  #CDBA98;\r\n    --das-ivory:      #F7F5F0;\r\n    --das-white:      #FFFFFF;\r\n    --das-gray:       #E8E5DE;\r\n    --das-text:       #0E3A42;\r\n    --das-text-soft:  #4A6B70;\r\n\r\n    --das-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;\r\n    --das-sans:  'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    --das-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n\r\n    font-family: var(--das-sans);\r\n    color: var(--das-text);\r\n    background: var(--das-white);\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  .das-page * { box-sizing: border-box; }\r\n  .das-page img { max-width: 100%; display: block; }\r\n  .das-page a { text-decoration: none; color: inherit; }\r\n  .das-page button { font-family: inherit; cursor: pointer; }\r\n  .das-page ul { list-style: none; margin: 0; padding: 0; }\r\n\r\n  .das-page :focus-visible {\r\n    outline: 2px solid var(--das-gold);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  .das-container {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n  }\r\n  .das-eyebrow {\r\n    font-family: var(--das-sans);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--das-gold);\r\n  }\r\n\r\n  \/* ---------- Scroll-reveal system ----------\r\n     Elements get .das-reveal + optional .das-reveal--stagger on a\r\n     parent. IntersectionObserver adds .das-in when the element\r\n     enters the viewport; CSS does the rest. No animation library. *\/\r\n  .das-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.8s var(--das-ease), transform 0.8s var(--das-ease);\r\n    will-change: transform, opacity;\r\n  }\r\n  .das-reveal.das-in { opacity: 1; transform: translateY(0); }\r\n  .das-reveal--stagger > * {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.7s var(--das-ease), transform 0.7s var(--das-ease);\r\n  }\r\n  .das-reveal--stagger.das-in > * { opacity: 1; transform: translateY(0); }\r\n  .das-reveal--stagger.das-in > *:nth-child(1) { transition-delay: 0.03s; }\r\n  .das-reveal--stagger.das-in > *:nth-child(2) { transition-delay: 0.10s; }\r\n  .das-reveal--stagger.das-in > *:nth-child(3) { transition-delay: 0.17s; }\r\n  .das-reveal--stagger.das-in > *:nth-child(4) { transition-delay: 0.24s; }\r\n  .das-reveal--stagger.das-in > *:nth-child(5) { transition-delay: 0.31s; }\r\n  .das-reveal--stagger.das-in > *:nth-child(6) { transition-delay: 0.38s; }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .das-page * {\r\n      animation-duration: 0.001ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.001ms !important;\r\n      scroll-behavior: auto !important;\r\n    }\r\n    .das-reveal, .das-reveal--stagger > * { opacity: 1 !important; transform: none !important; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     HERO\r\n     ============================================================ *\/\r\n  .das-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100svh;\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    background: var(--das-teal-dark);\r\n    isolation: isolate;\r\n  }\r\n\r\n  .das-hero__media {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    transform: scale(1.08);\r\n    animation: das-hero-settle 2.4s var(--das-ease) forwards;\r\n  }\r\n  @keyframes das-hero-settle { to { transform: scale(1); } }\r\n\r\n  .das-hero__video,\r\n  .das-hero__fallback {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    \/* EDITABLE: adjust object-position to reframe the video subject *\/\r\n    object-position: center 55%;\r\n  }\r\n  .das-hero__fallback {\r\n    background: linear-gradient(160deg, #0d5c6b 0%, #073f49 60%, #062e35 100%);\r\n    z-index: -1;\r\n  }\r\n  .das-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(180deg,\r\n        rgba(7,63,73,0.40) 0%,\r\n        rgba(7,63,73,0.06) 30%,\r\n        rgba(7,63,73,0.12) 55%,\r\n        rgba(7,63,73,0.64) 100%);\r\n  }\r\n\r\n  .das-hero__content {\r\n    position: relative; z-index: 5; min-height: 100svh; min-height: 100vh;\r\n    display: flex; flex-direction: column; justify-content: flex-end;\r\n    padding: 0 32px 68px;\r\n    padding-bottom: max(68px, env(safe-area-inset-bottom, 0px) + 48px);\r\n  }\r\n  .das-hero__descriptor {\r\n    opacity: 0; transform: translateY(14px);\r\n    animation: das-fade-in 0.9s var(--das-ease) 0.5s forwards;\r\n    color: var(--das-gold-soft); font-size: 12px; font-weight: 700;\r\n    letter-spacing: 0.24em; text-transform: uppercase; margin: 0 0 18px;\r\n    display: flex; align-items: center; gap: 12px;\r\n  }\r\n  .das-hero__descriptor .das-rule { width: 32px; height: 1px; background: var(--das-gold); display: inline-block; }\r\n  .das-hero__headline {\r\n    opacity: 0; transform: translateY(26px);\r\n    animation: das-fade-in 1.05s var(--das-ease) 0.68s forwards;\r\n    font-family: var(--das-serif); font-weight: 500;\r\n    font-size: clamp(2.6rem, 8vw, 7.2rem);\r\n    line-height: 0.98; color: var(--das-white); margin: 0;\r\n    max-width: 22ch; letter-spacing: -0.01em;\r\n  }\r\n  .das-hero__headline em { font-style: italic; color: var(--das-gold-soft); }\r\n\r\n  .das-scroll {\r\n    position: absolute; right: 32px; bottom: 40px; z-index: 5;\r\n    display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n    opacity: 0; animation: das-fade-in 0.9s var(--das-ease) 1.2s forwards;\r\n  }\r\n  .das-scroll span {\r\n    font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: rgba(247,245,240,0.75); writing-mode: vertical-rl;\r\n  }\r\n  .das-scroll__line { width: 1px; height: 46px; background: rgba(247,245,240,0.35); position: relative; overflow: hidden; }\r\n  .das-scroll__line::after {\r\n    content: \"\"; position: absolute; top: -100%; left: 0; right: 0; height: 100%;\r\n    background: var(--das-gold); animation: das-scroll-drip 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes das-scroll-drip { 0% { top: -100%; } 60% { top: 100%; } 100% { top: 100%; } }\r\n  @keyframes das-fade-in { to { opacity: 1; transform: translateY(0) translateX(0); } }\r\n\r\n  @media (max-width: 760px) {\r\n    .das-hero__content { padding: 0 20px 56px; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     SECTION SCAFFOLD\r\n     ============================================================ *\/\r\n  .das-section { position: relative; padding: 110px 0; background: var(--das-white); }\r\n  .das-section--ivory { background: var(--das-ivory); }\r\n  .das-section--teal { background: var(--das-teal-dark); color: var(--das-ivory); }\r\n  .das-section-head {\r\n    display: flex; align-items: flex-end; justify-content: space-between;\r\n    gap: 40px; margin-bottom: 56px;\r\n  }\r\n  .das-section-title {\r\n    font-family: var(--das-serif); font-weight: 500;\r\n    font-size: clamp(2.1rem, 4vw, 3.2rem); line-height: 1.05;\r\n    margin: 10px 0 0; color: var(--das-teal-dark);\r\n  }\r\n  .das-section--teal .das-section-title { color: var(--das-white); }\r\n  .das-section-title .das-italic { font-style: italic; color: var(--das-gold); }\r\n\r\n  @media (max-width: 760px) {\r\n    .das-section { padding: 72px 0; }\r\n    .das-section-head { flex-direction: column; align-items: flex-start; gap: 18px; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     ABOUT\r\n     ============================================================ *\/\r\n  .das-about { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 72px; align-items: center; }\r\n  .das-about__copy p {\r\n    font-size: 17px; line-height: 1.75; color: var(--das-text-soft);\r\n    margin: 0 0 18px; max-width: 46ch;\r\n  }\r\n  .das-about__stats {\r\n    display: flex; gap: 40px; margin-top: 34px; padding-top: 28px;\r\n    border-top: 1px solid var(--das-gray);\r\n  }\r\n  .das-about__stat strong {\r\n    display: block; font-family: var(--das-serif); font-size: 2.4rem;\r\n    color: var(--das-teal-deep); line-height: 1;\r\n  }\r\n  .das-about__stat span { display: block; margin-top: 8px; font-size: 12px; color: var(--das-text-soft); }\r\n  .das-about__frame {\r\n    position: relative; border-radius: 4px 4px 4px 64px; overflow: hidden;\r\n    aspect-ratio: 4\/5; background: var(--das-gray);\r\n  }\r\n  .das-about__frame img {\r\n    width: 100%; height: 112%; object-fit: cover;\r\n    transform: translateY(0); transition: transform 0.1s linear;\r\n  }\r\n  .das-about__frame::after {\r\n    content: \"\"; position: absolute; inset: 0;\r\n    box-shadow: inset 0 0 0 1px rgba(7,63,73,0.08);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .das-about { grid-template-columns: 1fr; }\r\n    .das-about__frame { order: -1; aspect-ratio: 16\/10; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     SERVICES\r\n     ============================================================ *\/\r\n  .das-services__grid {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;\r\n    background: var(--das-gray); border: 1px solid var(--das-gray);\r\n  }\r\n  .das-service {\r\n    background: var(--das-white); padding: 44px 34px; position: relative;\r\n    overflow: hidden; transition: background 0.4s ease;\r\n  }\r\n  .das-service::before {\r\n    content: \"\"; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;\r\n    background: var(--das-gold); transform: scaleY(0); transform-origin: bottom;\r\n    transition: transform 0.5s var(--das-ease);\r\n  }\r\n  .das-service:hover { background: var(--das-ivory); }\r\n  .das-service:hover::before { transform: scaleY(1); }\r\n  .das-service__num {\r\n    font-family: var(--das-serif); font-size: 13px; color: var(--das-gold);\r\n    letter-spacing: 0.08em; margin-bottom: 22px; display: block;\r\n    transition: transform 0.4s var(--das-ease);\r\n  }\r\n  .das-service:hover .das-service__num { transform: translateX(4px); }\r\n  .das-service__title {\r\n    font-family: var(--das-serif); font-size: 1.5rem; font-weight: 600;\r\n    color: var(--das-teal-dark); margin: 0 0 12px;\r\n  }\r\n  .das-service__desc { font-size: 14.5px; line-height: 1.65; color: var(--das-text-soft); margin: 0; }\r\n\r\n  @media (max-width: 900px) { .das-services__grid { grid-template-columns: repeat(2, 1fr); } }\r\n  @media (max-width: 600px) { .das-services__grid { grid-template-columns: 1fr; } }\r\n\r\n  \/* ============================================================\r\n     VISION \/ MISSION\r\n     ============================================================ *\/\r\n  .das-vm { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(247,245,240,0.12); }\r\n  .das-vm__panel { padding: 56px 48px; }\r\n  .das-vm__panel:first-child { border-right: 1px solid rgba(247,245,240,0.14); }\r\n  .das-vm__label { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--das-gold); font-weight: 700; }\r\n  .das-vm__title { font-family: var(--das-serif); font-size: 2rem; margin: 12px 0 20px; color: var(--das-white); }\r\n  .das-vm__panel p { font-size: 15.5px; line-height: 1.75; color: rgba(247,245,240,0.78); max-width: 48ch; }\r\n\r\n  @media (max-width: 800px) {\r\n    .das-vm { grid-template-columns: 1fr; }\r\n    .das-vm__panel:first-child { border-right: none; border-bottom: 1px solid rgba(247,245,240,0.14); }\r\n  }\r\n\r\n  \/* ============================================================\r\n     VALUES\r\n     ============================================================ *\/\r\n  .das-values__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: 1px solid var(--das-gray); }\r\n  .das-value {\r\n    display: flex; align-items: flex-start; gap: 20px; padding: 26px 4px;\r\n    border-bottom: 1px solid var(--das-gray); transition: padding-left 0.4s var(--das-ease);\r\n  }\r\n  .das-value:hover { padding-left: 12px; }\r\n  .das-value:nth-child(odd) { border-right: 1px solid var(--das-gray); padding-right: 30px; }\r\n  .das-value:nth-child(even) { padding-left: 30px; }\r\n  .das-value:nth-child(even):hover { padding-left: 42px; }\r\n  .das-value__index { font-family: var(--das-serif); font-size: 1.5rem; color: var(--das-gold); line-height: 1; min-width: 34px; }\r\n  .das-value__text { font-size: 15px; line-height: 1.6; color: var(--das-text-soft); }\r\n\r\n  @media (max-width: 700px) {\r\n    .das-values__list { grid-template-columns: 1fr; }\r\n    .das-value:nth-child(odd) { border-right: none; padding-right: 4px; }\r\n    .das-value:nth-child(even) { padding-left: 4px; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     PROCESS\r\n     ============================================================ *\/\r\n  .das-process { display: flex; gap: 0; counter-reset: das-step; }\r\n  .das-process__step { flex: 1; position: relative; padding: 0 28px 0 0; }\r\n  .das-process__step:not(:last-child)::after {\r\n    content: \"\"; position: absolute; top: 22px; right: 0; width: 28px; height: 1px;\r\n    background: var(--das-gray);\r\n  }\r\n  .das-process__mark {\r\n    font-family: var(--das-serif); font-size: 1.3rem; color: var(--das-teal-deep);\r\n    border: 1px solid var(--das-gold); width: 44px; height: 44px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    border-radius: 2px; margin-bottom: 20px; transition: background 0.4s ease, color 0.4s ease;\r\n  }\r\n  .das-process__step:hover .das-process__mark { background: var(--das-gold); color: var(--das-white); }\r\n  .das-process__title { font-family: var(--das-serif); font-size: 1.2rem; color: var(--das-teal-dark); margin: 0 0 10px; }\r\n  .das-process__desc { font-size: 13.5px; line-height: 1.6; color: var(--das-text-soft); margin: 0; max-width: 26ch; }\r\n\r\n  @media (max-width: 900px) {\r\n    .das-process { flex-direction: column; gap: 36px; }\r\n    .das-process__step:not(:last-child)::after { display: none; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     PROJECTS\r\n     ============================================================ *\/\r\n  .das-projects__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\r\n  .das-project { position: relative; aspect-ratio: 4\/5; overflow: hidden; background: var(--das-gray); border-radius: 2px; }\r\n  .das-project img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s var(--das-ease); }\r\n  .das-project:hover img { transform: scale(1.08); }\r\n  .das-project__tag {\r\n    position: absolute; left: 18px; bottom: 18px; z-index: 2; color: var(--das-white);\r\n    font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;\r\n    transform: translateY(6px); opacity: 0.88; transition: transform 0.5s var(--das-ease);\r\n  }\r\n  .das-project:hover .das-project__tag { transform: translateY(0); opacity: 1; }\r\n  .das-project::before {\r\n    content: \"\"; position: absolute; inset: 0;\r\n    background: linear-gradient(180deg, transparent 45%, rgba(7,63,73,0.78) 100%);\r\n    z-index: 1; transition: opacity 0.5s ease;\r\n  }\r\n\r\n  @media (max-width: 900px) { .das-projects__grid { grid-template-columns: repeat(2, 1fr); } }\r\n  @media (max-width: 560px) { .das-projects__grid { grid-template-columns: 1fr; } }\r\n\r\n  .das-projects__cta { display: flex; justify-content: center; margin-top: 48px; }\r\n  .das-btn-outline {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 15px 30px; border: 1px solid var(--das-teal-dark);\r\n    color: var(--das-teal-dark); font-size: 12px; font-weight: 700;\r\n    letter-spacing: 0.16em; text-transform: uppercase; border-radius: 2px;\r\n    background: transparent; position: relative; overflow: hidden;\r\n    transition: color 0.4s var(--das-ease);\r\n  }\r\n  .das-btn-outline::before {\r\n    content: \"\"; position: absolute; inset: 0; background: var(--das-teal-dark);\r\n    transform: scaleX(0); transform-origin: left; z-index: -1;\r\n    transition: transform 0.45s var(--das-ease);\r\n  }\r\n  .das-btn-outline:hover, .das-btn-outline:focus-visible { color: var(--das-white); }\r\n  .das-btn-outline:hover::before, .das-btn-outline:focus-visible::before { transform: scaleX(1); }\r\n  .das-btn-outline svg { transition: transform 0.35s var(--das-ease); }\r\n  .das-btn-outline:hover svg { transform: translateX(4px); }\r\n\r\n  \/* ============================================================\r\n     BACK TO TOP\r\n     ============================================================ *\/\r\n  .das-totop {\r\n    position: fixed; right: 24px; bottom: 24px; z-index: 40;\r\n    width: 46px; height: 46px; border-radius: 50%;\r\n    background: var(--das-teal-dark); color: var(--das-ivory);\r\n    display: flex; align-items: center; justify-content: center;\r\n    border: 1px solid rgba(247,245,240,0.2);\r\n    opacity: 0; pointer-events: none; transform: translateY(10px) scale(0.9);\r\n    transition: opacity 0.35s var(--das-ease), transform 0.35s var(--das-ease);\r\n  }\r\n  .das-totop.das-visible { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }\r\n  .das-totop:hover { background: var(--das-gold); color: var(--das-teal-dark); }\r\n<\/style>\r\n\r\n<div class=\"das-page\">\r\n\r\n  <!-- ============================================================\r\n       HERO\r\n       ============================================================ -->\r\n  <header class=\"das-hero\" id=\"das-top\">\r\n    <div class=\"das-hero__media\" id=\"dasHeroMedia\">\r\n      <!-- EDITABLE: HERO VIDEO URL -->\r\n      <video\r\n        class=\"das-hero__video\"\r\n        autoplay muted loop playsinline preload=\"metadata\"\r\n        aria-hidden=\"true\">\r\n        <source src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/0_Streaming_Cushion_1280x720.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n      <!-- Tasteful gradient fallback if video fails to load -->\r\n      <div class=\"das-hero__fallback\"><\/div>\r\n    <\/div>\r\n    <div class=\"das-hero__overlay\"><\/div>\r\n\r\n    <div class=\"das-hero__content\">\r\n      <p class=\"das-hero__descriptor\"><span class=\"das-rule\" aria-hidden=\"true\"><\/span>General Contracting &middot; Interior Design &middot; Finishing<\/p>\r\n      <!-- EDITABLE: HERO HEADLINE -->\r\n      <h1 class=\"das-hero__headline\">Quality built.<br>Details <em>crafted.<\/em><\/h1>\r\n    <\/div>\r\n\r\n    <div class=\"das-scroll\" aria-hidden=\"true\">\r\n      <span>Scroll<\/span>\r\n      <span class=\"das-scroll__line\"><\/span>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============================================================\r\n       ABOUT\r\n       ============================================================ -->\r\n  <section class=\"das-section\" id=\"das-about\">\r\n    <div class=\"das-container\">\r\n      <div class=\"das-about\">\r\n        <div class=\"das-about__copy das-reveal\">\r\n          <p class=\"das-eyebrow\">About Diyar Al Safwa<\/p>\r\n          <h2 class=\"das-section-title\">Where execution<br><span class=\"das-italic\">meets vision.<\/span><\/h2>\r\n          <p style=\"margin-top:28px;\">Diyar Al Safwa is a specialized company in general contracting and interior decoration, providing integrated solutions that combine execution quality, design accuracy, and professional project management.<\/p>\r\n          <p>We deliver residential, commercial, and administrative projects to high standards, with close attention to every detail that shapes the final result &mdash; transforming ideas into spaces that combine beauty, durability, and function, from planning to final handover.<\/p>\r\n          <div class=\"das-about__stats\">\r\n            <div class=\"das-about__stat\">\r\n              <strong>07<\/strong>\r\n              <span>Core service<br>disciplines<\/span>\r\n            <\/div>\r\n            <div class=\"das-about__stat\">\r\n              <strong>01<\/strong>\r\n              <span>Team, from concept<br>to handover<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"das-about__frame das-reveal\" id=\"dasAboutFrame\">\r\n          <!-- EDITABLE: About section image -->\r\n          <img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jun-15-2026-12_07_06-PM.png\" alt=\"Diyar Al Safwa \u2014 about our craft\" loading=\"lazy\" id=\"dasAboutImg\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       SERVICES\r\n       ============================================================ -->\r\n  <section class=\"das-section das-section--ivory\" id=\"das-services\">\r\n    <div class=\"das-container\">\r\n      <div class=\"das-section-head das-reveal\">\r\n        <div>\r\n          <p class=\"das-eyebrow\">What We Do<\/p>\r\n          <h2 class=\"das-section-title\">Our services<\/h2>\r\n        <\/div>\r\n        <p style=\"max-width:34ch; color:var(--das-text-soft); font-size:15px; line-height:1.6;\">\r\n          Seven disciplines, one accountable team &mdash; carried from first concept through to final handover.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"das-services__grid das-reveal--stagger\">\r\n        <article class=\"das-service\">\r\n          <span class=\"das-service__num\">01<\/span>\r\n          <h3 class=\"das-service__title\">General Contracting<\/h3>\r\n          <p class=\"das-service__desc\">Construction and development works executed to precise engineering standards, with a clear plan covering stages, resources, timeline, and technical supervision.<\/p>\r\n        <\/article>\r\n        <article class=\"das-service\">\r\n          <span class=\"das-service__num\">02<\/span>\r\n          <h3 class=\"das-service__title\">Finishing Works<\/h3>\r\n          <p class=\"das-service__desc\">Complete finishing solutions &mdash; flooring, walls, ceilings, paint, electrical, plumbing, and lighting &mdash; executed to match approved design and specification.<\/p>\r\n        <\/article>\r\n        <article class=\"das-service\">\r\n          <span class=\"das-service__num\">03<\/span>\r\n          <h3 class=\"das-service__title\">Interior Design<\/h3>\r\n          <p class=\"das-service__desc\">A complete process, not a choice of colors or furniture &mdash; coordinating layout, materials, lighting, and furnishings into one balanced identity.<\/p>\r\n        <\/article>\r\n        <article class=\"das-service\">\r\n          <span class=\"das-service__num\">04<\/span>\r\n          <h3 class=\"das-service__title\">Interior Decoration<\/h3>\r\n          <p class=\"das-service__desc\">Decorative ceilings, feature walls, hidden lighting, panels, and cladding &mdash; final touches that raise a space without sacrificing comfort or function.<\/p>\r\n        <\/article>\r\n        <article class=\"das-service\">\r\n          <span class=\"das-service__num\">05<\/span>\r\n          <h3 class=\"das-service__title\">Renovation &amp; Remodeling<\/h3>\r\n          <p class=\"das-service__desc\">Complete solutions for renovating existing residential, commercial, or administrative spaces &mdash; from layout correction to a full change of style.<\/p>\r\n        <\/article>\r\n        <article class=\"das-service\">\r\n          <span class=\"das-service__num\">06<\/span>\r\n          <h3 class=\"das-service__title\">Residential Projects<\/h3>\r\n          <p class=\"das-service__desc\">Apartments, villas, residential units, and private lounges &mdash; complete solutions from interior design through to full finishing.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       VISION \/ MISSION\r\n       ============================================================ -->\r\n  <section class=\"das-section das-section--teal\">\r\n    <div class=\"das-container\" style=\"max-width:1000px;\">\r\n      <div class=\"das-section-head das-reveal\" style=\"border:none; margin-bottom:40px;\">\r\n        <div><p class=\"das-eyebrow\">Vision &amp; Mission<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"das-container\" style=\"max-width:1000px; padding:0;\">\r\n      <div class=\"das-vm das-reveal\" style=\"border:1px solid rgba(247,245,240,0.14);\">\r\n        <div class=\"das-vm__panel\">\r\n          <span class=\"das-vm__label\">Our Vision<\/span>\r\n          <h3 class=\"das-vm__title\">A trusted name<br>in the market.<\/h3>\r\n          <p>To become one of the leading companies in general contracting and interior decoration, delivering projects defined by quality, innovation, and precision &mdash; and developing the traditional idea of execution into a complete experience built on planning, creativity, and commitment.<\/p>\r\n        <\/div>\r\n        <div class=\"das-vm__panel\">\r\n          <span class=\"das-vm__label\">Our Mission<\/span>\r\n          <h3 class=\"das-vm__title\">Integration,<br>start to finish.<\/h3>\r\n          <p>To provide contracting and interior decoration services with high standards of professionalism, quality, and commitment &mdash; selecting the right materials, applying best execution practice, and integrating every stage from concept to final handover.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       VALUES\r\n       ============================================================ -->\r\n  <section class=\"das-section\">\r\n    <div class=\"das-container\">\r\n      <div class=\"das-section-head das-reveal\">\r\n        <div><p class=\"das-eyebrow\">What We Stand On<\/p><h2 class=\"das-section-title\">Our values<\/h2><\/div>\r\n      <\/div>\r\n      <div class=\"das-values__list das-reveal--stagger\">\r\n        <div class=\"das-value\"><span class=\"das-value__index\">01<\/span><p class=\"das-value__text\">Clear communication from start to handover.<\/p><\/div>\r\n        <div class=\"das-value\"><span class=\"das-value__index\">02<\/span><p class=\"das-value__text\">Precise execution with high standards and trusted materials.<\/p><\/div>\r\n        <div class=\"das-value\"><span class=\"das-value__index\">03<\/span><p class=\"das-value__text\">Modern design solutions tailored to every space.<\/p><\/div>\r\n        <div class=\"das-value\"><span class=\"das-value__index\">04<\/span><p class=\"das-value__text\">On-time delivery without compromising quality.<\/p><\/div>\r\n        <div class=\"das-value\"><span class=\"das-value__index\">05<\/span><p class=\"das-value__text\">Strong relationships built on credibility and results.<\/p><\/div>\r\n        <div class=\"das-value\"><span class=\"das-value__index\">06<\/span><p class=\"das-value__text\">Full attention to every project detail.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       WORK PROCESS\r\n       ============================================================ -->\r\n  <section class=\"das-section das-section--ivory\">\r\n    <div class=\"das-container\">\r\n      <div class=\"das-section-head das-reveal\">\r\n        <div><p class=\"das-eyebrow\">How We Work<\/p><h2 class=\"das-section-title\">Our process<\/h2><\/div>\r\n      <\/div>\r\n      <div class=\"das-process das-reveal--stagger\">\r\n        <div class=\"das-process__step\"><span class=\"das-process__mark\">01<\/span><h3 class=\"das-process__title\">Listen<\/h3><p class=\"das-process__desc\">Understanding the client's needs and the true nature of the project.<\/p><\/div>\r\n        <div class=\"das-process__step\"><span class=\"das-process__mark\">02<\/span><h3 class=\"das-process__title\">Concept<\/h3><p class=\"das-process__desc\">An initial concept sized to the space, budget, and objective.<\/p><\/div>\r\n        <div class=\"das-process__step\"><span class=\"das-process__mark\">03<\/span><h3 class=\"das-process__title\">Plan<\/h3><p class=\"das-process__desc\">Design or execution plan prepared, materials chosen, timeline approved.<\/p><\/div>\r\n        <div class=\"das-process__step\"><span class=\"das-process__mark\">04<\/span><h3 class=\"das-process__title\">Execute<\/h3><p class=\"das-process__desc\">Precise technical supervision, with continuous quality monitoring.<\/p><\/div>\r\n        <div class=\"das-process__step\"><span class=\"das-process__mark\">05<\/span><h3 class=\"das-process__title\">Deliver<\/h3><p class=\"das-process__desc\">Every detail reviewed against specification before handover.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       PROJECTS\r\n       ============================================================ -->\r\n  <section class=\"das-section\" id=\"das-projects\">\r\n    <div class=\"das-container\">\r\n      <div class=\"das-section-head das-reveal\">\r\n        <div><p class=\"das-eyebrow\">Selected Work<\/p><h2 class=\"das-section-title\">Our projects<\/h2><\/div>\r\n      <\/div>\r\n      <div class=\"das-projects__grid das-reveal--stagger\">\r\n        <!-- EDITABLE: replace each src with a hosted project photo URL -->\r\n        <div class=\"das-project\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-27.jpeg\" alt=\"Diyar Al Safwa project \u2014 general contracting\" loading=\"lazy\"><span class=\"das-project__tag\">General Contracting<\/span><\/div>\r\n        <div class=\"das-project\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-35.jpeg\" alt=\"Diyar Al Safwa project \u2014 interior decoration\" loading=\"lazy\"><span class=\"das-project__tag\">Interior Decoration<\/span><\/div>\r\n        <div class=\"das-project\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-31.jpeg\" alt=\"Diyar Al Safwa project \u2014 finishing works\" loading=\"lazy\"><span class=\"das-project__tag\">Finishing Works<\/span><\/div>\r\n        <div class=\"das-project\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-36.jpeg\" alt=\"Diyar Al Safwa project \u2014 residential\" loading=\"lazy\"><span class=\"das-project__tag\">Residential<\/span><\/div>\r\n        <div class=\"das-project\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-37.jpeg\" alt=\"Diyar Al Safwa project \u2014 interior design\" loading=\"lazy\"><span class=\"das-project__tag\">Interior Design<\/span><\/div>\r\n        <div class=\"das-project\"><img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-24-at-2.46.47-PM-42.jpeg\" alt=\"Diyar Al Safwa project \u2014 renovation\" loading=\"lazy\"><span class=\"das-project__tag\">Renovation<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- EDITABLE: point this at your full projects\/portfolio page -->\r\n      <div class=\"das-projects__cta das-reveal\">\r\n        <a href=\"YOUR_PROJECTS_PAGE_URL\" class=\"das-btn-outline\">\r\n          View all projects\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================\r\n       BACK TO TOP\r\n       ============================================================ -->\r\n  <button class=\"das-totop\" id=\"dasToTop\" aria-label=\"Back to top\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var page = document.currentScript.previousElementSibling;\r\n\r\n  \/* Mobile autoplay assurance *\/\r\n  var heroVideo = document.querySelector('.das-hero__video');\r\n  if (heroVideo) {\r\n    heroVideo.muted = true;\r\n    var playPromise = heroVideo.play();\r\n    if (playPromise && typeof playPromise.catch === 'function') {\r\n      playPromise.catch(function () { \/* fallback background stays visible *\/ });\r\n    }\r\n  }\r\n\r\n  \/* Scroll-reveal via IntersectionObserver *\/\r\n  if ('IntersectionObserver' in window) {\r\n    var revealItems = document.querySelectorAll('.das-reveal, .das-reveal--stagger');\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('das-in');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.16, rootMargin: '0px 0px -60px 0px' });\r\n    revealItems.forEach(function (el) { io.observe(el); });\r\n  } else {\r\n    document.querySelectorAll('.das-reveal, .das-reveal--stagger').forEach(function (el) {\r\n      el.classList.add('das-in');\r\n    });\r\n  }\r\n\r\n  \/* Back-to-top + subtle about-image parallax, on one rAF loop *\/\r\n  var toTop = document.getElementById('dasToTop');\r\n  var aboutImg = document.getElementById('dasAboutImg');\r\n  var aboutFrame = document.getElementById('dasAboutFrame');\r\n  var ticking = false;\r\n\r\n  function onScroll() {\r\n    var y = window.scrollY || window.pageYOffset;\r\n\r\n    if (toTop) { toTop.classList.toggle('das-visible', y > 700); }\r\n\r\n    if (!reduceMotion && aboutImg && aboutFrame) {\r\n      var rect = aboutFrame.getBoundingClientRect();\r\n      var vh = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < vh && rect.bottom > 0) {\r\n        var progress = (vh - rect.top) \/ (vh + rect.height); \/\/ 0 -> 1 through view\r\n        var shift = (progress - 0.5) * 40; \/\/ +\/-20px drift\r\n        aboutImg.style.transform = 'translateY(' + shift.toFixed(1) + 'px)';\r\n      }\r\n    }\r\n    ticking = false;\r\n  }\r\n\r\n  window.addEventListener('scroll', function () {\r\n    if (!ticking) { window.requestAnimationFrame(onScroll); ticking = true; }\r\n  }, { passive: true });\r\n  onScroll();\r\n\r\n  if (toTop) {\r\n    toTop.addEventListener('click', function () {\r\n      window.scrollTo({ top: 0, behavior: reduceMotion ? 'auto' : 'smooth' });\r\n    });\r\n  }\r\n})();\r\n<\/script>\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>General Contracting &middot; Interior Design &middot; Finishing Quality built.Details crafted. Scroll About Diyar Al Safwa Where executionmeets vision. Diyar Al Safwa is a specialized company in general contracting and interior decoration, providing integrated solutions that combine execution quality, design accuracy, and professional project management. We deliver residential, commercial, and administrative projects to high standards, with [&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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":25,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/chemcastscientific.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}