{"id":31,"date":"2026-04-01T13:48:42","date_gmt":"2026-04-01T13:48:42","guid":{"rendered":"http:\/\/al-massar.local\/?page_id=31"},"modified":"2026-04-30T12:36:15","modified_gmt":"2026-04-30T12:36:15","slug":"contact","status":"publish","type":"page","link":"https:\/\/chemcastscientific.com\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31\" class=\"elementor elementor-31\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6bd303 e-con-full e-flex e-con e-parent\" data-id=\"d6bd303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0440d elementor-widget elementor-widget-html\" data-id=\"6a0440d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\" \/>\r\n\r\n  <!-- \u2500\u2500 Fonts \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n  <style>\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       1. DESIGN TOKENS  (replaces Tailwind config colors)\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    :root {\r\n      \/* Colors *\/\r\n      --color-background:                #f8f9ff;\r\n      --color-surface:                   #f8f9ff;\r\n      --color-surface-bright:            #f8f9ff;\r\n      --color-surface-dim:               #ccdbf3;\r\n      --color-surface-variant:           #d5e3fc;\r\n      --color-surface-container-lowest:  #ffffff;\r\n      --color-surface-container-low:     #eff4ff;\r\n      --color-surface-container:         #e6eeff;\r\n      --color-surface-container-high:    #dce9ff;\r\n      --color-surface-container-highest: #d5e3fc;\r\n\r\n      --color-on-surface:                #0d1c2e;\r\n      --color-on-surface-variant:        #44474e;\r\n      --color-on-background:             #0d1c2e;\r\n      --color-inverse-surface:           #233144;\r\n      --color-inverse-on-surface:        #eaf1ff;\r\n\r\n      --color-primary:                   #00132c;\r\n      --color-primary-fixed:             #d5e3ff;\r\n      --color-primary-fixed-dim:         #b1c8ef;\r\n      --color-primary-container:         #0f2847;\r\n      --color-on-primary:                #ffffff;\r\n      --color-on-primary-fixed:          #011c3a;\r\n      --color-on-primary-fixed-variant:  #314868;\r\n      --color-on-primary-container:      #7990b4;\r\n      --color-inverse-primary:           #b1c8ef;\r\n      --color-surface-tint:              #495f81;\r\n\r\n      --color-secondary:                 #775a19;\r\n      --color-secondary-fixed:           #ffdea5;\r\n      --color-secondary-fixed-dim:       #e9c176;\r\n      --color-secondary-container:       #fed488;\r\n      --color-on-secondary:              #ffffff;\r\n      --color-on-secondary-fixed:        #261900;\r\n      --color-on-secondary-fixed-variant:#5d4201;\r\n      --color-on-secondary-container:    #785a1a;\r\n\r\n      --color-tertiary:                  #00161d;\r\n      --color-tertiary-fixed:            #b4ebff;\r\n      --color-tertiary-fixed-dim:        #94cfe4;\r\n      --color-tertiary-container:        #002c37;\r\n      --color-on-tertiary:               #ffffff;\r\n      --color-on-tertiary-fixed:         #001f27;\r\n      --color-on-tertiary-fixed-variant: #004e5f;\r\n      --color-on-tertiary-container:     #5b97ab;\r\n\r\n      --color-error:                     #ba1a1a;\r\n      --color-error-container:           #ffdad6;\r\n      --color-on-error:                  #ffffff;\r\n      --color-on-error-container:        #93000a;\r\n\r\n      --color-outline:                   #74777e;\r\n      --color-outline-variant:           #c4c6ce;\r\n\r\n      \/* Typography *\/\r\n      --font-headline: 'Manrope', sans-serif;\r\n      --font-body:     'Inter', sans-serif;\r\n\r\n      \/* Border Radius *\/\r\n      --radius-sm:   0.125rem;\r\n      --radius-lg:   0.25rem;\r\n      --radius-xl:   0.5rem;\r\n      --radius-full: 0.75rem;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       2. RESET & BASE\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    body {\r\n      background-color: var(--color-background);\r\n      font-family: var(--font-body);\r\n      color: var(--color-on-surface);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       3. UTILITIES\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .container {\r\n      max-width: 80rem;        \/* ~1280px \u2014 same as Tailwind max-w-7xl *\/\r\n      margin-inline: auto;\r\n      padding-inline: 3rem;    \/* px-12 *\/\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       4. HERO SECTION\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero {\r\n      position: relative;\r\n      padding-top: 8rem;      \/* pt-32 *\/\r\n      padding-bottom: 6rem;   \/* pb-24 *\/\r\n      background-color: var(--color-primary);\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Blueprint grid overlay *\/\r\n    .hero__bg-grid {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(to right,  rgba(255, 255, 255, 0.05) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n      background-size: 40px 40px;\r\n      opacity: 0.3;\r\n    }\r\n\r\n    \/* Gradient fade at bottom *\/\r\n    .hero__bg-gradient {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, var(--color-primary), transparent, transparent);\r\n    }\r\n\r\n    .hero__content {\r\n      position: relative;\r\n      z-index: 10;\r\n    }\r\n\r\n    .hero__text {\r\n      max-width: 66.666%;   \/* md:w-2\/3 *\/\r\n    }\r\n\r\n    .hero__headline {\r\n      font-family: var(--font-headline);\r\n      font-size: clamp(3rem, 7vw, 4.5rem);   \/* 5xl \u2192 7xl *\/\r\n      font-weight: 800;\r\n      color: #ffffff;\r\n      line-height: 1.1;\r\n      letter-spacing: -0.04em;\r\n    }\r\n\r\n    .hero__headline-accent {\r\n      color: var(--color-secondary-fixed);\r\n    }\r\n\r\n    .hero__subtext {\r\n      margin-top: 2rem;    \/* mt-8 *\/\r\n      color: var(--color-on-primary-container);\r\n      font-size: clamp(1.15rem, 2.5vw, 1.5rem);  \/* xl \u2192 2xl *\/\r\n      max-width: 42rem;\r\n      font-weight: 300;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       5. RESPONSIVE OVERRIDES\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (min-width: 768px) {\r\n      .hero {\r\n        padding-top: 12rem;    \/* md:pt-48 *\/\r\n        padding-bottom: 10rem; \/* md:pb-40 *\/\r\n      }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       6. CONTACT SECTION\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .contact-section {\r\n      padding-block: 6rem;\r\n      background-color: var(--color-surface);\r\n    }\r\n\r\n    .contact-grid {\r\n      display: grid;\r\n      gap: 4rem;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n      .contact-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 6rem;\r\n      }\r\n    }\r\n\r\n    \/* Form Styles *\/\r\n    .contact-form-wrapper {\r\n      background-color: var(--color-surface-container-low);\r\n      padding: 3rem;\r\n      border-radius: var(--radius-xl);\r\n      box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .form-group {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .form-label {\r\n      display: block;\r\n      font-size: 0.875rem;\r\n      font-weight: 600;\r\n      margin-bottom: 0.5rem;\r\n      color: var(--color-on-surface-variant);\r\n    }\r\n\r\n    .form-input, .form-textarea {\r\n      width: 100%;\r\n      padding: 1rem;\r\n      border: 1px solid var(--color-outline-variant);\r\n      border-radius: var(--radius-lg);\r\n      background-color: var(--color-surface-container-lowest);\r\n      font-family: inherit;\r\n      font-size: 1rem;\r\n      color: var(--color-on-surface);\r\n      transition: all 0.2s ease;\r\n    }\r\n\r\n    .form-input:focus, .form-textarea:focus {\r\n      outline: none;\r\n      border-color: var(--color-primary);\r\n      box-shadow: 0 0 0 3px var(--color-primary-fixed);\r\n    }\r\n\r\n    .form-textarea {\r\n      resize: vertical;\r\n      min-height: 120px;\r\n    }\r\n\r\n    .btn-submit {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 1rem 2rem;\r\n      background-color: var(--color-primary);\r\n      color: var(--color-on-primary);\r\n      font-size: 1rem;\r\n      font-weight: 600;\r\n      border: none;\r\n      border-radius: var(--radius-full);\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      width: 100%;\r\n    }\r\n\r\n    .btn-submit:hover {\r\n      background-color: var(--color-primary-container);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Info Styles *\/\r\n    .contact-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .info-headline {\r\n      font-family: var(--font-headline);\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      font-weight: 700;\r\n      color: var(--color-on-surface);\r\n      margin-bottom: 1.5rem;\r\n      line-height: 1.2;\r\n    }\r\n    \r\n    .info-subtext {\r\n      color: var(--color-on-surface-variant);\r\n      margin-bottom: 3rem;\r\n      font-size: 1.125rem;\r\n    }\r\n\r\n    .info-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .info-icon {\r\n      margin-right: 1.5rem;\r\n      color: var(--color-primary);\r\n      background-color: var(--color-primary-fixed);\r\n      width: 3.5rem;\r\n      height: 3.5rem;\r\n      border-radius: var(--radius-full);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n      \r\n    .info-text-title {\r\n      font-weight: 600;\r\n      font-size: 1.125rem;\r\n      color: var(--color-on-surface);\r\n      margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .info-text-desc {\r\n      color: var(--color-on-surface-variant);\r\n      line-height: 1.5;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HERO SECTION\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <header class=\"hero\">\r\n    <div class=\"hero__bg-grid\"><\/div>\r\n    <div class=\"hero__bg-gradient\"><\/div>\r\n\r\n    <div class=\"container hero__content\">\r\n      <div class=\"hero__text\">\r\n        <h1 class=\"hero__headline\">\r\n          Let's Build Something <span class=\"hero__headline-accent\">Great Together<\/span>\r\n        <\/h1>\r\n        <p class=\"hero__subtext\">\r\n          Driven by precision engineering and advanced design, we build together with our clients to deliver complex projects with certainty and excellence.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       CONTACT FORM & INFO  (add content here)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd68d9c e-flex e-con-boxed e-con e-child\" data-id=\"bd68d9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0fa0523 e-con-full e-flex e-con e-child\" data-id=\"0fa0523\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dd6555 elementor-widget elementor-widget-heading\" data-id=\"4dd6555\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services Form<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-104dc3f elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"104dc3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">almassar<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='31' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"8ef1ebdcf8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/31\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_names_last_name_' id='label_ff_3_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_3_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_dropdown' id='label_ff_3_dropdown' aria-label=\"Select Service\">Select Service<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_3_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_3_dropdown\"><option value=\"\">- Select -<\/option><option value=\"HVAC Systems\"  >HVAC Systems<\/option><option value=\"Ventilation Solutions\"  >Ventilation Solutions<\/option><option value=\"Ducting Works\"  >Ducting Works<\/option><option value=\"MEP Engineering\"  >MEP Engineering<\/option><option value=\"Maintenance &amp; Support\"  >Maintenance & Support<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_description' id='label_ff_3_description' aria-label=\"Message\">Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Request\">Submit Request<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164bd67 e-con-full e-flex e-con e-child\" data-id=\"164bd67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1cd79d elementor-widget elementor-widget-html\" data-id=\"d1cd79d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     INFO COMPONENT STYLES\r\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .contact-info {\r\n    background-color: var(--color-primary-container, #0f2847);\r\n    padding: 2rem;\r\n    border-radius: var(--radius-xl, 0.5rem);\r\n    color: var(--color-on-primary, #ffffff);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .contact-info {\r\n      padding: 4rem;\r\n    }\r\n  }\r\n\r\n  .info-headline {\r\n    font-family: var(--font-headline, 'Manrope', sans-serif);\r\n    font-size: clamp(1.875rem, 3vw, 2.25rem); \/* text-3xl *\/\r\n    font-weight: 700;\r\n    margin-bottom: 3rem; \/* mb-12 *\/\r\n    color: inherit;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .info-grid {\r\n    display: grid;\r\n    gap: 1.5rem; \/* Reduced gap *\/\r\n  }\r\n\r\n  .info-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 1.5rem; \/* gap-6 *\/\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Info Icon Styling and Hover Effects *\/\r\n  .info-icon {\r\n    width: 3.5rem;   \/* w-14 *\/\r\n    height: 3.5rem;  \/* h-14 *\/\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n\r\n  .info-icon span {\r\n    color: var(--color-on-primary, #ffffff);\r\n    font-size: 1.5rem;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  \/* Item hover triggers icon styling change *\/\r\n  .info-item:hover .info-icon {\r\n    background-color: var(--color-secondary-fixed, #ffdea5);\r\n  }\r\n\r\n  .info-item:hover .info-icon span {\r\n    color: var(--color-primary, #00132c);\r\n  }\r\n\r\n  \/* Info Texts *\/\r\n  .info-text-label {\r\n    font-family: var(--font-label, 'Inter', sans-serif);\r\n    font-size: 0.875rem; \/* text-sm *\/\r\n    color: var(--color-inverse-primary, #b1c8ef); \/* Lightened for better contrast *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em; \/* tracking-widest *\/\r\n    margin-bottom: 0.25rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .info-text-title {\r\n    font-family: var(--font-headline, 'Manrope', sans-serif);\r\n    font-size: 1.25rem; \/* text-xl *\/\r\n    font-weight: 700;\r\n    margin-bottom: 0.25rem;\r\n    color: var(--color-on-primary, #ffffff);\r\n  }\r\n\r\n  .info-text-desc {\r\n    font-family: var(--font-body, 'Inter', sans-serif);\r\n    font-size: 0.875rem; \/* text-sm *\/\r\n    color: var(--color-inverse-primary, #b1c8ef); \/* Lighter for better contrast *\/\r\n  }\r\n\r\n\r\n<\/style>\r\n\r\n<!-- Info Side Content -->\r\n<div class=\"contact-info\">\r\n  <div>\r\n    <h2 class=\"info-headline\">Connect Directly<\/h2>\r\n    \r\n    <div class=\"info-grid\">\r\n      <!-- Call Info -->\r\n      <div class=\"info-item\">\r\n        <div class=\"info-icon\">\r\n          <span class=\"material-symbols-outlined\">call<\/span>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"info-text-label\">Call Us<\/p>\r\n          <p class=\"info-text-title\"><bdi dir=\"ltr\">+00962 6 515 33 54<\/bdi><\/p>\r\n          <p class=\"info-text-desc\"><bdi dir=\"ltr\">+962 790408689<\/bdi><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Email Info -->\r\n      <div class=\"info-item\">\r\n        <div class=\"info-icon\">\r\n          <span class=\"material-symbols-outlined\">mail<\/span>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"info-text-label\">Email Us<\/p>\r\n          <p class=\"info-text-title\">info@almasar-eng.com<\/p>\r\n          <p class=\"info-text-desc\">info@almasar-eng.com<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Location Info -->\r\n      <div class=\"info-item\">\r\n        <div class=\"info-icon\">\r\n          <span class=\"material-symbols-outlined\">location_on<\/span>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"info-text-label\">Global HQ<\/p>\r\n          <p class=\"info-text-title\">Queen Rania St.<\/p>\r\n          <p class=\"info-text-desc\">Queen Rania St. - Bld. No.44 - 3rd Floor  - Jordan<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed85b88 elementor-widget elementor-widget-google_maps\" data-id=\"ed85b88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=31.99070%2C%2035.89320&#038;t=m&#038;z=16&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"31.99070, 35.89320\"\n\t\t\t\t\taria-label=\"31.99070, 35.89320\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\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>Let&#8217;s Build Something Great Together Driven by precision engineering and advanced design, we build together with our clients to deliver complex projects with certainty and excellence. Services Form Connect Directly call Call Us +00962 6 515 33 54 +962 790408689 mail Email Us info@almasar-eng.com info@almasar-eng.com location_on Global HQ Queen Rania St. Queen Rania St. &#8211; [&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-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":85,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":744,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/31\/revisions\/744"}],"wp:attachment":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}