Hero Section<\/title>\r\n\r\n<style>\r\n\r\nhtml[dir=\"rtl\"] .hero-content {\r\n text-align: right;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero h1 {\r\n direction: rtl;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero p {\r\n direction: rtl;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-overlay {\r\n background: linear-gradient(-90deg, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.2) 100%);\r\n}\r\n\/* ===== RESET ===== *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n overflow-x: hidden;\r\n font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* ===== HERO FULL WIDTH ===== *\/\r\n.hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* ===== BACKGROUND ===== *\/\r\n.hero-bg {\r\n position: absolute;\r\n width: 100vw;\r\n height: 100%;\r\n object-fit: cover;\r\n animation: zoomBg 20s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* ===== OVERLAY ===== *\/\r\n.hero-overlay {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.2) 100%);\r\n z-index: 1;\r\n}\r\n\r\n\/* ===== CONTENT ===== *\/\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 650px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 8%;\r\n color: #fff;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-content {\r\n right: 8%;\r\n left: auto;\r\n}\r\n\/* ===== TITLE ===== *\/\r\n.hero h1 {\r\n font-size: 60px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n.hero h1 span {\r\n color: #3bb2ff;\r\n}\r\n\r\n\/* ===== TEXT ===== *\/\r\n.hero p {\r\n margin-top: 20px;\r\n font-size: 18px;\r\n line-height: 1.6;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n animation: fadeUp 1s ease forwards 0.4s;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n.hero-buttons {\r\n margin-top: 30px;\r\n display: flex;\r\n gap: 15px;\r\n}\r\n\r\n.btn {\r\n padding: 14px 28px;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n animation: fadeUp 1s ease forwards 0.8s;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n.btn.primary {\r\n background: #f7a608;\r\n color: #000;\r\n}\r\n\r\n.btn.primary:hover {\r\n background: #ffbe2e;\r\n transform: translateY(-4px) scale(1.03);\r\n box-shadow: 0 10px 25px rgba(247,166,8,0.4);\r\n}\r\n\r\n\/* SECONDARY *\/\r\n.btn.secondary {\r\n background: rgba(255,255,255,0.08);\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.3);\r\n}\r\n\r\n.btn.secondary:hover {\r\n background: #fff;\r\n color: #000;\r\n transform: translateY(-4px) scale(1.03);\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes fadeUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes zoomBg {\r\n from {\r\n transform: scale(1);\r\n }\r\n to {\r\n transform: scale(1.1);\r\n }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 767px) {\r\n\r\n .hero-content {\r\n left: 5%;\r\n right: 5%;\r\n max-width: 100%;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 32px;\r\n }\r\n\r\n .hero p {\r\n font-size: 14px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <img decoding=\"async\" class=\"hero-bg\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/1-scaled.jpg\">\r\n\r\n <div class=\"hero-content\">\r\n <h1>\r\n ENGINEERING THE<br>\r\n FUTURE OF<br>\r\n <span>CLIMATE CONTROL<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Delivering innovative HVAC & MEP solutions with precision, efficiency, and reliability.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n \r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"btn secondary\">OUR SOLUTIONS \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* Smooth Scroll Zoom Effect *\/\r\nwindow.addEventListener(\"scroll\", () => {\r\n let scroll = window.scrollY;\r\n let bg = document.querySelector(\".hero-bg\");\r\n\r\n bg.style.transform = \"scale(\" + (1 + scroll * 0.0003) + \")\";\r\n});\r\n\r\n\/* Entrance Delay Fix *\/\r\nwindow.addEventListener(\"load\", () => {\r\n document.querySelectorAll('.hero h1, .hero p, .btn').forEach(el => {\r\n el.style.visibility = \"visible\";\r\n });\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5eb9472 e-con-full e-flex e-con e-parent\" data-id=\"5eb9472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f02b9e7 elementor-widget elementor-widget-html\" data-id=\"f02b9e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n\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\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n background:#f8f9ff;\r\n}\r\n\r\n\/* SECTION *\/\r\n.services{\r\n padding:120px 8%;\r\n background:#f8f9ff;\r\n}\r\n\r\n\/* HEADER *\/\r\n.services-header{\r\n display:flex;\r\n align-items:flex-end;\r\n gap:40px;\r\n margin-bottom:80px;\r\n}\r\n\r\n.services-header-left{\r\n max-width:550px;\r\n}\r\n\r\n.services-header h2{\r\n font-family:'Manrope',sans-serif;\r\n font-size:48px;\r\n font-weight:800;\r\n color:#00132c;\r\n text-transform:uppercase;\r\n letter-spacing:-1px;\r\n}\r\n\r\n.services-header p{\r\n margin-top:15px;\r\n color:#44474e;\r\n line-height:1.6;\r\n}\r\n\r\n.services-line{\r\n flex:1;\r\n height:2px;\r\n background:#c4c6ce50;\r\n}\r\n\r\n\/* GRID *\/\r\n.services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:2px;\r\n}\r\n\r\n\/* CARD *\/\r\n.service-card{\r\n padding:50px 40px;\r\n background:#ffffff;\r\n transition:all .5s ease;\r\n}\r\n\r\n\/* ALT BG *\/\r\n.service-card.active{\r\n background:#eef2f7;\r\n}\r\n\r\n\/* HOVER (PRO STYLE) *\/\r\n.service-card:hover{\r\n background:#0f2847;\r\n}\r\n\r\n\/* ICON *\/\r\n.service-icon{\r\n font-size:40px;\r\n color:#775a19;\r\n margin-bottom:25px;\r\n transition:.4s;\r\n}\r\n\r\n\/* TITLE *\/\r\n.service-card h3{\r\n font-family:'Manrope',sans-serif;\r\n font-size:22px;\r\n font-weight:700;\r\n color:#00132c;\r\n margin-bottom:15px;\r\n text-transform:uppercase;\r\n transition:.4s;\r\n}\r\n\r\n\/* TEXT *\/\r\n.service-card p{\r\n color:#44474e;\r\n font-size:14px;\r\n line-height:1.6;\r\n margin-bottom:25px;\r\n transition:.4s;\r\n}\r\n\r\n\/* LINK *\/\r\n.service-link{\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n color:#00132c;\r\n text-decoration:none;\r\n transition:.4s;\r\n}\r\n\r\n\/* HOVER TEXT COLORS *\/\r\n.service-card:hover .service-icon{\r\n color:#fed488;\r\n}\r\n\r\n.service-card:hover h3{\r\n color:#ffffff;\r\n}\r\n\r\n.service-card:hover p{\r\n color:#7990b4;\r\n}\r\n\r\n.service-card:hover .service-link{\r\n color:#fed488;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.service-card{\r\n opacity:0;\r\n transform:translateY(40px);\r\n}\r\n\r\n.service-card.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:.6s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:992px){\r\n .services-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:767px){\r\n .services-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .services-header{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n }\r\n\r\n .services-line{\r\n display:none;\r\n }\r\n\r\n .services-header h2{\r\n font-size:32px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"services\">\r\n\r\n \r\n <div class=\"services-header\">\r\n <div class=\"services-header-left\">\r\n <h2>ADVANCED ENGINEERING SOLUTIONS<\/h2>\r\n <p>\r\n At Al Masar Engineering, we specialize in delivering integrated HVAC and MEP solutions that drive operational excellence, elevate energy efficiency, and ensure sustainable, long-term performance across all types of developments.\r\n <\/p>\r\n <\/div>\r\n <div class=\"services-line\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"services-grid\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\u2699\ufe0f<\/div>\r\n <h3>HVAC ENGINEERING<\/h3>\r\n <p>\r\n Advanced climate control systems designed with precision, ensuring optimal air quality,\r\n energy efficiency, and system reliability.\r\n <\/p>\r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"service-link\">Explore Service \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card active\">\r\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>MEP SOLUTIONS<\/h3>\r\n <p>\r\n Integrated Mechanical, Electrical, and Plumbing solutions tailored for complex projects,\r\n ensuring seamless system coordination and performance.\r\n <\/p>\r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"service-link\">Explore Service \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcca<\/div>\r\n <h3>PROJECT MANAGEMENT<\/h3>\r\n <p>\r\n Full lifecycle project management from planning to execution, ensuring timely delivery,\r\n cost efficiency, and quality control.\r\n <\/p>\r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"service-link\">Explore Service \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* SCROLL ANIMATION *\/\r\nconst cards = document.querySelectorAll(\".service-card\");\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n let trigger = window.innerHeight * 0.85;\r\n\r\n cards.forEach(card => {\r\n let top = card.getBoundingClientRect().top;\r\n\r\n if(top < trigger){\r\n card.classList.add(\"show\");\r\n }\r\n });\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b157046 e-con-full e-flex e-con e-parent\" data-id=\"b157046\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-726606f elementor-widget elementor-widget-html\" data-id=\"726606f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;700;800&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* SECTION *\/\r\n.about{\r\n background:#071c33;\r\n padding:120px 8%;\r\n color:#fff;\r\n}\r\n\r\n\/* GRID *\/\r\n.about-wrapper{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:80px;\r\n align-items:center;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.about-image{\r\n position:relative;\r\n}\r\n\r\n.about-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\/* BADGE *\/\r\n.about-badge{\r\n position:absolute;\r\n bottom:20px;\r\n right:20px;\r\n background:#f7c873;\r\n color:#000;\r\n padding:20px;\r\n font-weight:800;\r\n text-align:center;\r\n font-family:'Manrope',sans-serif;\r\n}\r\n\r\n.about-badge span{\r\n display:block;\r\n font-size:40px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.about-content h2{\r\n font-family:'Manrope',sans-serif;\r\n font-size:42px;\r\n font-weight:800;\r\n margin-bottom:20px;\r\n}\r\n\r\n.about-content p{\r\n color:#8fa3bd;\r\n line-height:1.7;\r\n margin-bottom:30px;\r\n}\r\n\r\n\/* STATS *\/\r\n.about-stats{\r\n display:flex;\r\n gap:60px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.about-stats div{\r\n font-family:'Manrope',sans-serif;\r\n}\r\n\r\n.about-stats h3{\r\n font-size:32px;\r\n color:#f7c873;\r\n}\r\n\r\n.about-stats span{\r\n font-size:12px;\r\n color:#8fa3bd;\r\n}\r\n\r\n\/* LINK *\/\r\n.about-link{\r\n color:#f7c873;\r\n text-decoration:none;\r\n font-weight:600;\r\n letter-spacing:1px;\r\n transition:0.3s;\r\n}\r\n\r\n.about-link:hover{\r\n color:#fff;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.fade-up{\r\n opacity:0;\r\n transform:translateY(40px);\r\n}\r\n\r\n.fade-up.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:0.7s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:992px){\r\n .about-wrapper{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"about\">\r\n\r\n <div class=\"about-wrapper\">\r\n\r\n \r\n <div class=\"about-image fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik__talk__90499.webp\">\r\n\r\n <div class=\"about-badge\">\r\n <span class=\"counter\" data-target=\"15\" data-suffix=\"+\">0<\/span>\r\n YEARS EXPERIENCE\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-content fade-up\">\r\n\r\n <h2>\r\n BUILDING TRUST THROUGH<br>\r\n ENGINEERING EXCELLENCE\r\n <\/h2>\r\n\r\n <p>\r\n Al Masar Engineering delivers advanced HVAC & MEP solutions tailored for modern infrastructure.\r\n We focus on efficiency, sustainability, and precision to ensure long-term performance across all projects.\r\n <\/p>\r\n\r\n <div class=\"about-stats\">\r\n <div>\r\n <h3 class=\"counter\" data-target=\"300\" data-suffix=\"+\">0<\/h3>\r\n <span>PROJECTS COMPLETED<\/span>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"counter\" data-target=\"100\" data-suffix=\"%\">0<\/h3>\r\n <span>CLIENT SATISFACTION<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/chemcastscientific.com\/about-us\/\" class=\"about-link\">\r\n LEARN MORE \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* SCROLL ANIMATION *\/\r\nconst fadeEls = document.querySelectorAll(\".fade-up\");\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n let trigger = window.innerHeight * 0.85;\r\n\r\n fadeEls.forEach(el => {\r\n let top = el.getBoundingClientRect().top;\r\n\r\n if(top < trigger){\r\n el.classList.add(\"show\");\r\n }\r\n });\r\n});\r\n\r\n\/* COUNTER ANIMATION *\/\r\nconst counters = document.querySelectorAll(\".counter\");\r\nlet started = false;\r\n\r\nfunction startCounters() {\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute(\"data-target\");\r\n const suffix = counter.getAttribute(\"data-suffix\") || \"\";\r\n let count = 0;\r\n\r\n const speed = target \/ 100;\r\n\r\n const update = () => {\r\n count += speed;\r\n\r\n if (count < target) {\r\n counter.innerText = Math.floor(count) + suffix;\r\n requestAnimationFrame(update);\r\n } else {\r\n counter.innerText = target + suffix;\r\n }\r\n };\r\n\r\n update();\r\n });\r\n}\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n const section = document.querySelector(\".about\");\r\n const sectionTop = section.getBoundingClientRect().top;\r\n\r\n if (sectionTop < window.innerHeight * 0.85 && !started) {\r\n startCounters();\r\n started = true;\r\n }\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f73c1df e-con-full e-flex e-con e-parent\" data-id=\"f73c1df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2d5127 elementor-widget elementor-widget-heading\" data-id=\"c2d5127\" 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\">SIGNATURE PROJECTS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1895dff elementor-grid-2 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-portfolio\" data-id=\"1895dff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"columns":"2","columns_tablet":"2","columns_mobile":"1","item_ratio":{"unit":"px","size":0.66,"sizes":[]},"item_gap":{"unit":"px","size":"","sizes":[]},"row_gap":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-portfolio elementor-grid elementor-posts-container\" role=\"list\">\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post post-723 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/chemcastscientific.com\/ar\/queen-alia-international-airport\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728.webp\" class=\"attachment-full size-full wp-image-438\" alt=\"\" srcset=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728.webp 2400w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-300x224.webp 300w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-1024x765.webp 1024w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-768x573.webp 768w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-1536x1147.webp 1536w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-2048x1529.webp 2048w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tQueen Alia International Airport\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post post-715 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/chemcastscientific.com\/ar\/jordan-gate\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976.webp\" class=\"attachment-full size-full wp-image-437\" alt=\"\" srcset=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976.webp 2400w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-300x224.webp 300w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-1024x765.webp 1024w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-768x573.webp 768w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-1536x1147.webp 1536w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-2048x1529.webp 2048w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tJordan Gate\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\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<div class=\"elementor-element elementor-element-afa22a7 e-con-full e-flex e-con e-parent\" data-id=\"afa22a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-379e4e4 elementor-widget elementor-widget-heading\" data-id=\"379e4e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">TRUSTED BY INDUSTRY TITANS & GOVERNMENT ENTITIES<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44030c3 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"44030c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"3","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/Image-3.webp\" alt=\"Image-3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/OIP.webp\" alt=\"OIP\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/1ad7638466ce0.png\" alt=\"1ad7638466ce0\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/Queen-Alia-International-Airport.png\" alt=\"Queen-Alia-International-Airport\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/royal.jpg\" alt=\"royal\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/512x512bb.jpg\" alt=\"A5ZZZ5VPDNKJ2TBHZJBEXDSUC4\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f77b9c e-con-full e-flex e-con e-parent\" data-id=\"9f77b9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c6e1c6 elementor-widget elementor-widget-html\" data-id=\"0c6e1c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@600;700;800&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* SECTION *\/\r\n.cta{\r\n background:#d5e3fc;\r\n padding:100px 20px;\r\n text-align:center;\r\n}\r\n\r\n\/* TITLE *\/\r\n.cta h2{\r\n font-family:'Manrope',sans-serif;\r\n font-size:42px;\r\n font-weight:800;\r\n color:#0a1a2f;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.cta p{\r\n color:#6b7280;\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n line-height:1.7;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.cta-buttons{\r\n display:flex;\r\n justify-content:center;\r\n gap:15px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n.cta-btn{\r\n padding:14px 30px;\r\n text-decoration:none;\r\n font-weight:600;\r\n border-radius:4px;\r\n transition:0.3s;\r\n}\r\n\r\n\/* DARK BUTTON *\/\r\n.cta-btn.primary{\r\n background:#0a1a2f;\r\n color:#fff;\r\n}\r\n\r\n.cta-btn.primary:hover{\r\n background:#122a4a;\r\n transform:translateY(-2px);\r\n}\r\n\r\n\/* OUTLINE BUTTON *\/\r\n.cta-btn.secondary{\r\n border:1px solid #0a1a2f;\r\n color:#0a1a2f;\r\n background:transparent;\r\n}\r\n\r\n.cta-btn.secondary:hover{\r\n background:#0a1a2f;\r\n color:#fff;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.fade-up{\r\n opacity:0;\r\n transform:translateY(40px);\r\n}\r\n\r\n.fade-up.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:0.6s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:768px){\r\n .cta h2{\r\n font-size:28px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"cta\">\r\n\r\n <h2 class=\"fade-up\">\r\n READY TO ENGINEER YOUR NEXT PROJECT?\r\n <\/h2>\r\n\r\n <p class=\"fade-up\">\r\n At Al Masar Engineering, we deliver advanced HVAC & MEP solutions built on precision,\r\n efficiency, and long-term performance. Let\u2019s turn your vision into reality.\r\n <\/p>\r\n\r\n <div class=\"cta-buttons fade-up\">\r\n <a href=\"https:\/\/chemcastscientific.com\/contact\/\" class=\"cta-btn primary\">START YOUR PROJECT<\/a>\r\n <a href=\"https:\/\/chemcastscientific.com\/contact\/\" class=\"cta-btn secondary\">CONTACT US<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* SCROLL ANIMATION *\/\r\nconst elements = document.querySelectorAll(\".fade-up\");\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n let trigger = window.innerHeight * 0.9;\r\n\r\n elements.forEach(el => {\r\n let top = el.getBoundingClientRect().top;\r\n\r\n if(top < trigger){\r\n el.classList.add(\"show\");\r\n }\r\n });\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Hero Section ENGINEERING THE FUTURE OF CLIMATE CONTROL Delivering innovative HVAC & MEP solutions with precision, efficiency, and reliability. OUR SOLUTIONS \u2192 ADVANCED ENGINEERING SOLUTIONS At Al Masar Engineering, we specialize in delivering integrated HVAC and MEP solutions that drive operational excellence, elevate energy efficiency, and ensure sustainable, long-term performance across all types of developments. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":91,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/9\/revisions\/732"}],"wp:attachment":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHero Section<\/title>\r\n\r\n<style>\r\n\r\nhtml[dir=\"rtl\"] .hero-content {\r\n text-align: right;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero h1 {\r\n direction: rtl;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero p {\r\n direction: rtl;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-overlay {\r\n background: linear-gradient(-90deg, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.2) 100%);\r\n}\r\n\/* ===== RESET ===== *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n overflow-x: hidden;\r\n font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n\/* ===== HERO FULL WIDTH ===== *\/\r\n.hero {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* ===== BACKGROUND ===== *\/\r\n.hero-bg {\r\n position: absolute;\r\n width: 100vw;\r\n height: 100%;\r\n object-fit: cover;\r\n animation: zoomBg 20s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* ===== OVERLAY ===== *\/\r\n.hero-overlay {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.2) 100%);\r\n z-index: 1;\r\n}\r\n\r\n\/* ===== CONTENT ===== *\/\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 650px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 8%;\r\n color: #fff;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .hero-content {\r\n right: 8%;\r\n left: auto;\r\n}\r\n\/* ===== TITLE ===== *\/\r\n.hero h1 {\r\n font-size: 60px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n.hero h1 span {\r\n color: #3bb2ff;\r\n}\r\n\r\n\/* ===== TEXT ===== *\/\r\n.hero p {\r\n margin-top: 20px;\r\n font-size: 18px;\r\n line-height: 1.6;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n animation: fadeUp 1s ease forwards 0.4s;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n.hero-buttons {\r\n margin-top: 30px;\r\n display: flex;\r\n gap: 15px;\r\n}\r\n\r\n.btn {\r\n padding: 14px 28px;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(60px);\r\n animation: fadeUp 1s ease forwards 0.8s;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n.btn.primary {\r\n background: #f7a608;\r\n color: #000;\r\n}\r\n\r\n.btn.primary:hover {\r\n background: #ffbe2e;\r\n transform: translateY(-4px) scale(1.03);\r\n box-shadow: 0 10px 25px rgba(247,166,8,0.4);\r\n}\r\n\r\n\/* SECONDARY *\/\r\n.btn.secondary {\r\n background: rgba(255,255,255,0.08);\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,0.3);\r\n}\r\n\r\n.btn.secondary:hover {\r\n background: #fff;\r\n color: #000;\r\n transform: translateY(-4px) scale(1.03);\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n@keyframes fadeUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes zoomBg {\r\n from {\r\n transform: scale(1);\r\n }\r\n to {\r\n transform: scale(1.1);\r\n }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 767px) {\r\n\r\n .hero-content {\r\n left: 5%;\r\n right: 5%;\r\n max-width: 100%;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 32px;\r\n }\r\n\r\n .hero p {\r\n font-size: 14px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <img decoding=\"async\" class=\"hero-bg\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/1-scaled.jpg\">\r\n\r\n <div class=\"hero-content\">\r\n <h1>\r\n ENGINEERING THE<br>\r\n FUTURE OF<br>\r\n <span>CLIMATE CONTROL<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Delivering innovative HVAC & MEP solutions with precision, efficiency, and reliability.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n \r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"btn secondary\">OUR SOLUTIONS \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* Smooth Scroll Zoom Effect *\/\r\nwindow.addEventListener(\"scroll\", () => {\r\n let scroll = window.scrollY;\r\n let bg = document.querySelector(\".hero-bg\");\r\n\r\n bg.style.transform = \"scale(\" + (1 + scroll * 0.0003) + \")\";\r\n});\r\n\r\n\/* Entrance Delay Fix *\/\r\nwindow.addEventListener(\"load\", () => {\r\n document.querySelectorAll('.hero h1, .hero p, .btn').forEach(el => {\r\n el.style.visibility = \"visible\";\r\n });\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5eb9472 e-con-full e-flex e-con e-parent\" data-id=\"5eb9472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f02b9e7 elementor-widget elementor-widget-html\" data-id=\"f02b9e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n\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\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n background:#f8f9ff;\r\n}\r\n\r\n\/* SECTION *\/\r\n.services{\r\n padding:120px 8%;\r\n background:#f8f9ff;\r\n}\r\n\r\n\/* HEADER *\/\r\n.services-header{\r\n display:flex;\r\n align-items:flex-end;\r\n gap:40px;\r\n margin-bottom:80px;\r\n}\r\n\r\n.services-header-left{\r\n max-width:550px;\r\n}\r\n\r\n.services-header h2{\r\n font-family:'Manrope',sans-serif;\r\n font-size:48px;\r\n font-weight:800;\r\n color:#00132c;\r\n text-transform:uppercase;\r\n letter-spacing:-1px;\r\n}\r\n\r\n.services-header p{\r\n margin-top:15px;\r\n color:#44474e;\r\n line-height:1.6;\r\n}\r\n\r\n.services-line{\r\n flex:1;\r\n height:2px;\r\n background:#c4c6ce50;\r\n}\r\n\r\n\/* GRID *\/\r\n.services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:2px;\r\n}\r\n\r\n\/* CARD *\/\r\n.service-card{\r\n padding:50px 40px;\r\n background:#ffffff;\r\n transition:all .5s ease;\r\n}\r\n\r\n\/* ALT BG *\/\r\n.service-card.active{\r\n background:#eef2f7;\r\n}\r\n\r\n\/* HOVER (PRO STYLE) *\/\r\n.service-card:hover{\r\n background:#0f2847;\r\n}\r\n\r\n\/* ICON *\/\r\n.service-icon{\r\n font-size:40px;\r\n color:#775a19;\r\n margin-bottom:25px;\r\n transition:.4s;\r\n}\r\n\r\n\/* TITLE *\/\r\n.service-card h3{\r\n font-family:'Manrope',sans-serif;\r\n font-size:22px;\r\n font-weight:700;\r\n color:#00132c;\r\n margin-bottom:15px;\r\n text-transform:uppercase;\r\n transition:.4s;\r\n}\r\n\r\n\/* TEXT *\/\r\n.service-card p{\r\n color:#44474e;\r\n font-size:14px;\r\n line-height:1.6;\r\n margin-bottom:25px;\r\n transition:.4s;\r\n}\r\n\r\n\/* LINK *\/\r\n.service-link{\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n color:#00132c;\r\n text-decoration:none;\r\n transition:.4s;\r\n}\r\n\r\n\/* HOVER TEXT COLORS *\/\r\n.service-card:hover .service-icon{\r\n color:#fed488;\r\n}\r\n\r\n.service-card:hover h3{\r\n color:#ffffff;\r\n}\r\n\r\n.service-card:hover p{\r\n color:#7990b4;\r\n}\r\n\r\n.service-card:hover .service-link{\r\n color:#fed488;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.service-card{\r\n opacity:0;\r\n transform:translateY(40px);\r\n}\r\n\r\n.service-card.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:.6s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:992px){\r\n .services-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:767px){\r\n .services-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .services-header{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n }\r\n\r\n .services-line{\r\n display:none;\r\n }\r\n\r\n .services-header h2{\r\n font-size:32px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"services\">\r\n\r\n \r\n <div class=\"services-header\">\r\n <div class=\"services-header-left\">\r\n <h2>ADVANCED ENGINEERING SOLUTIONS<\/h2>\r\n <p>\r\n At Al Masar Engineering, we specialize in delivering integrated HVAC and MEP solutions that drive operational excellence, elevate energy efficiency, and ensure sustainable, long-term performance across all types of developments.\r\n <\/p>\r\n <\/div>\r\n <div class=\"services-line\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"services-grid\">\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\u2699\ufe0f<\/div>\r\n <h3>HVAC ENGINEERING<\/h3>\r\n <p>\r\n Advanced climate control systems designed with precision, ensuring optimal air quality,\r\n energy efficiency, and system reliability.\r\n <\/p>\r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"service-link\">Explore Service \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card active\">\r\n <div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>MEP SOLUTIONS<\/h3>\r\n <p>\r\n Integrated Mechanical, Electrical, and Plumbing solutions tailored for complex projects,\r\n ensuring seamless system coordination and performance.\r\n <\/p>\r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"service-link\">Explore Service \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcca<\/div>\r\n <h3>PROJECT MANAGEMENT<\/h3>\r\n <p>\r\n Full lifecycle project management from planning to execution, ensuring timely delivery,\r\n cost efficiency, and quality control.\r\n <\/p>\r\n <a href=\"https:\/\/chemcastscientific.com\/our-solutions\/\" class=\"service-link\">Explore Service \u2192<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* SCROLL ANIMATION *\/\r\nconst cards = document.querySelectorAll(\".service-card\");\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n let trigger = window.innerHeight * 0.85;\r\n\r\n cards.forEach(card => {\r\n let top = card.getBoundingClientRect().top;\r\n\r\n if(top < trigger){\r\n card.classList.add(\"show\");\r\n }\r\n });\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b157046 e-con-full e-flex e-con e-parent\" data-id=\"b157046\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-726606f elementor-widget elementor-widget-html\" data-id=\"726606f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;700;800&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* SECTION *\/\r\n.about{\r\n background:#071c33;\r\n padding:120px 8%;\r\n color:#fff;\r\n}\r\n\r\n\/* GRID *\/\r\n.about-wrapper{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:80px;\r\n align-items:center;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.about-image{\r\n position:relative;\r\n}\r\n\r\n.about-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\/* BADGE *\/\r\n.about-badge{\r\n position:absolute;\r\n bottom:20px;\r\n right:20px;\r\n background:#f7c873;\r\n color:#000;\r\n padding:20px;\r\n font-weight:800;\r\n text-align:center;\r\n font-family:'Manrope',sans-serif;\r\n}\r\n\r\n.about-badge span{\r\n display:block;\r\n font-size:40px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.about-content h2{\r\n font-family:'Manrope',sans-serif;\r\n font-size:42px;\r\n font-weight:800;\r\n margin-bottom:20px;\r\n}\r\n\r\n.about-content p{\r\n color:#8fa3bd;\r\n line-height:1.7;\r\n margin-bottom:30px;\r\n}\r\n\r\n\/* STATS *\/\r\n.about-stats{\r\n display:flex;\r\n gap:60px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.about-stats div{\r\n font-family:'Manrope',sans-serif;\r\n}\r\n\r\n.about-stats h3{\r\n font-size:32px;\r\n color:#f7c873;\r\n}\r\n\r\n.about-stats span{\r\n font-size:12px;\r\n color:#8fa3bd;\r\n}\r\n\r\n\/* LINK *\/\r\n.about-link{\r\n color:#f7c873;\r\n text-decoration:none;\r\n font-weight:600;\r\n letter-spacing:1px;\r\n transition:0.3s;\r\n}\r\n\r\n.about-link:hover{\r\n color:#fff;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.fade-up{\r\n opacity:0;\r\n transform:translateY(40px);\r\n}\r\n\r\n.fade-up.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:0.7s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:992px){\r\n .about-wrapper{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"about\">\r\n\r\n <div class=\"about-wrapper\">\r\n\r\n \r\n <div class=\"about-image fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik__talk__90499.webp\">\r\n\r\n <div class=\"about-badge\">\r\n <span class=\"counter\" data-target=\"15\" data-suffix=\"+\">0<\/span>\r\n YEARS EXPERIENCE\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-content fade-up\">\r\n\r\n <h2>\r\n BUILDING TRUST THROUGH<br>\r\n ENGINEERING EXCELLENCE\r\n <\/h2>\r\n\r\n <p>\r\n Al Masar Engineering delivers advanced HVAC & MEP solutions tailored for modern infrastructure.\r\n We focus on efficiency, sustainability, and precision to ensure long-term performance across all projects.\r\n <\/p>\r\n\r\n <div class=\"about-stats\">\r\n <div>\r\n <h3 class=\"counter\" data-target=\"300\" data-suffix=\"+\">0<\/h3>\r\n <span>PROJECTS COMPLETED<\/span>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"counter\" data-target=\"100\" data-suffix=\"%\">0<\/h3>\r\n <span>CLIENT SATISFACTION<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/chemcastscientific.com\/about-us\/\" class=\"about-link\">\r\n LEARN MORE \u2192\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* SCROLL ANIMATION *\/\r\nconst fadeEls = document.querySelectorAll(\".fade-up\");\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n let trigger = window.innerHeight * 0.85;\r\n\r\n fadeEls.forEach(el => {\r\n let top = el.getBoundingClientRect().top;\r\n\r\n if(top < trigger){\r\n el.classList.add(\"show\");\r\n }\r\n });\r\n});\r\n\r\n\/* COUNTER ANIMATION *\/\r\nconst counters = document.querySelectorAll(\".counter\");\r\nlet started = false;\r\n\r\nfunction startCounters() {\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute(\"data-target\");\r\n const suffix = counter.getAttribute(\"data-suffix\") || \"\";\r\n let count = 0;\r\n\r\n const speed = target \/ 100;\r\n\r\n const update = () => {\r\n count += speed;\r\n\r\n if (count < target) {\r\n counter.innerText = Math.floor(count) + suffix;\r\n requestAnimationFrame(update);\r\n } else {\r\n counter.innerText = target + suffix;\r\n }\r\n };\r\n\r\n update();\r\n });\r\n}\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n const section = document.querySelector(\".about\");\r\n const sectionTop = section.getBoundingClientRect().top;\r\n\r\n if (sectionTop < window.innerHeight * 0.85 && !started) {\r\n startCounters();\r\n started = true;\r\n }\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f73c1df e-con-full e-flex e-con e-parent\" data-id=\"f73c1df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2d5127 elementor-widget elementor-widget-heading\" data-id=\"c2d5127\" 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\">SIGNATURE PROJECTS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1895dff elementor-grid-2 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-portfolio\" data-id=\"1895dff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"columns":"2","columns_tablet":"2","columns_mobile":"1","item_ratio":{"unit":"px","size":0.66,"sizes":[]},"item_gap":{"unit":"px","size":"","sizes":[]},"row_gap":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-portfolio elementor-grid elementor-posts-container\" role=\"list\">\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post post-723 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/chemcastscientific.com\/ar\/queen-alia-international-airport\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728.webp\" class=\"attachment-full size-full wp-image-438\" alt=\"\" srcset=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728.webp 2400w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-300x224.webp 300w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-1024x765.webp 1024w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-768x573.webp 768w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-1536x1147.webp 1536w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747810728-2048x1529.webp 2048w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tQueen Alia International Airport\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post post-715 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/chemcastscientific.com\/ar\/jordan-gate\/\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976.webp\" class=\"attachment-full size-full wp-image-437\" alt=\"\" srcset=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976.webp 2400w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-300x224.webp 300w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-1024x765.webp 1024w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-768x573.webp 768w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-1536x1147.webp 1536w, https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k_2747786976-2048x1529.webp 2048w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tJordan Gate\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\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<div class=\"elementor-element elementor-element-afa22a7 e-con-full e-flex e-con e-parent\" data-id=\"afa22a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-379e4e4 elementor-widget elementor-widget-heading\" data-id=\"379e4e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">TRUSTED BY INDUSTRY TITANS & GOVERNMENT ENTITIES<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44030c3 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"44030c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"3","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/Image-3.webp\" alt=\"Image-3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/OIP.webp\" alt=\"OIP\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/1ad7638466ce0.png\" alt=\"1ad7638466ce0\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/Queen-Alia-International-Airport.png\" alt=\"Queen-Alia-International-Airport\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/royal.jpg\" alt=\"royal\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/chemcastscientific.com\/wp-content\/uploads\/2026\/04\/512x512bb.jpg\" alt=\"A5ZZZ5VPDNKJ2TBHZJBEXDSUC4\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f77b9c e-con-full e-flex e-con e-parent\" data-id=\"9f77b9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c6e1c6 elementor-widget elementor-widget-html\" data-id=\"0c6e1c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@600;700;800&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* RESET *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* SECTION *\/\r\n.cta{\r\n background:#d5e3fc;\r\n padding:100px 20px;\r\n text-align:center;\r\n}\r\n\r\n\/* TITLE *\/\r\n.cta h2{\r\n font-family:'Manrope',sans-serif;\r\n font-size:42px;\r\n font-weight:800;\r\n color:#0a1a2f;\r\n margin-bottom:15px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.cta p{\r\n color:#6b7280;\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n line-height:1.7;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.cta-buttons{\r\n display:flex;\r\n justify-content:center;\r\n gap:15px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n.cta-btn{\r\n padding:14px 30px;\r\n text-decoration:none;\r\n font-weight:600;\r\n border-radius:4px;\r\n transition:0.3s;\r\n}\r\n\r\n\/* DARK BUTTON *\/\r\n.cta-btn.primary{\r\n background:#0a1a2f;\r\n color:#fff;\r\n}\r\n\r\n.cta-btn.primary:hover{\r\n background:#122a4a;\r\n transform:translateY(-2px);\r\n}\r\n\r\n\/* OUTLINE BUTTON *\/\r\n.cta-btn.secondary{\r\n border:1px solid #0a1a2f;\r\n color:#0a1a2f;\r\n background:transparent;\r\n}\r\n\r\n.cta-btn.secondary:hover{\r\n background:#0a1a2f;\r\n color:#fff;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n.fade-up{\r\n opacity:0;\r\n transform:translateY(40px);\r\n}\r\n\r\n.fade-up.show{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:0.6s ease;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:768px){\r\n .cta h2{\r\n font-size:28px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"cta\">\r\n\r\n <h2 class=\"fade-up\">\r\n READY TO ENGINEER YOUR NEXT PROJECT?\r\n <\/h2>\r\n\r\n <p class=\"fade-up\">\r\n At Al Masar Engineering, we deliver advanced HVAC & MEP solutions built on precision,\r\n efficiency, and long-term performance. Let\u2019s turn your vision into reality.\r\n <\/p>\r\n\r\n <div class=\"cta-buttons fade-up\">\r\n <a href=\"https:\/\/chemcastscientific.com\/contact\/\" class=\"cta-btn primary\">START YOUR PROJECT<\/a>\r\n <a href=\"https:\/\/chemcastscientific.com\/contact\/\" class=\"cta-btn secondary\">CONTACT US<\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n\r\n\/* SCROLL ANIMATION *\/\r\nconst elements = document.querySelectorAll(\".fade-up\");\r\n\r\nwindow.addEventListener(\"scroll\", () => {\r\n let trigger = window.innerHeight * 0.9;\r\n\r\n elements.forEach(el => {\r\n let top = el.getBoundingClientRect().top;\r\n\r\n if(top < trigger){\r\n el.classList.add(\"show\");\r\n }\r\n });\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Hero Section ENGINEERING THE FUTURE OF CLIMATE CONTROL Delivering innovative HVAC & MEP solutions with precision, efficiency, and reliability. OUR SOLUTIONS \u2192 ADVANCED ENGINEERING SOLUTIONS At Al Masar Engineering, we specialize in delivering integrated HVAC and MEP solutions that drive operational excellence, elevate energy efficiency, and ensure sustainable, long-term performance across all types of developments. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":91,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/pages\/9\/revisions\/732"}],"wp:attachment":[{"href":"https:\/\/chemcastscientific.com\/ar\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}