Turnkey Contracting<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background: #ffffff;\r\n color: #333;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 30px 20px 50px 20px;\r\n }\r\n \r\n .header-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: linear-gradient(135deg, #1a2332 0%, #2d5a8f 50%, #1a2332 100%);\r\n border-radius: 20px;\r\n margin-bottom: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .header-bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.08;\r\n animation: floatShape 15s infinite;\r\n }\r\n\r\n .shape-1 {\r\n width: 300px;\r\n height: 300px;\r\n background: white;\r\n top: -100px;\r\n left: -50px;\r\n }\r\n\r\n .shape-2 {\r\n width: 200px;\r\n height: 200px;\r\n background: white;\r\n bottom: -50px;\r\n right: -30px;\r\n animation-delay: 5s;\r\n }\r\n\r\n @keyframes floatShape {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 25% { transform: translate(20px, -20px) rotate(90deg); }\r\n 50% { transform: translate(-15px, 15px) rotate(180deg); }\r\n 75% { transform: translate(15px, 20px) rotate(270deg); }\r\n }\r\n\r\n .header-grid {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: \r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n opacity: 0.5;\r\n }\r\n\r\n .header-content {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .section-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n padding: 8px 20px;\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.85em;\r\n font-weight: 600;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 20px;\r\n animation: slideDown 0.8s ease-out;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes slideDown {\r\n from { opacity: 0; transform: translateY(-30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .section-title {\r\n color: white;\r\n font-size: 2.5em;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n letter-spacing: -0.5px;\r\n animation: slideUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .decorative-line {\r\n width: 100px;\r\n height: 3px;\r\n background: white;\r\n margin-bottom: 15px;\r\n border-radius: 2px;\r\n box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);\r\n animation: expandLine 0.8s ease-out 0.4s both;\r\n }\r\n\r\n @keyframes expandLine {\r\n from { width: 0; }\r\n to { width: 100px; }\r\n }\r\n \r\n .intro-text {\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.9;\r\n font-size: 1.15em;\r\n text-align: justify;\r\n font-weight: 300;\r\n animation: fadeIn 0.8s ease-out 0.6s both;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n margin-bottom: 15px;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n .services-grid-top {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin: 25px 0 30px 0;\r\n }\r\n \r\n .service-badge {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n padding: 20px 25px;\r\n border-radius: 12px;\r\n border-left: 4px solid #f5a623;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .service-badge:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(45, 90, 143, 0.15);\r\n border-left-color: #2d5a8f;\r\n }\r\n \r\n .service-badge-icon {\r\n font-size: 1.8em;\r\n flex-shrink: 0;\r\n }\r\n \r\n .service-badge-text {\r\n color: #2d5a8f;\r\n font-weight: 600;\r\n font-size: 1.05em;\r\n }\r\n \r\n .project-section {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .project-container {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n margin-bottom: 30px;\r\n padding: 25px;\r\n background: #f8f9fa;\r\n border-radius: 15px;\r\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .project-container.reverse {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n .project-details {\r\n flex: 1;\r\n }\r\n \r\n .project-title {\r\n color: #2d5a8f;\r\n font-size: 1.6em;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n border-left: 4px solid #f5a623;\r\n padding-left: 15px;\r\n }\r\n \r\n .project-info {\r\n display: flex;\r\n gap: 20px;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #666;\r\n font-size: 0.95em;\r\n }\r\n \r\n .info-icon {\r\n color: #f5a623;\r\n font-weight: bold;\r\n }\r\n \r\n .project-description {\r\n color: #4a5568;\r\n line-height: 1.7;\r\n font-size: 1.05em;\r\n text-align: justify;\r\n }\r\n \r\n .project-slider {\r\n flex: 1;\r\n position: relative;\r\n min-height: 350px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 350px;\r\n }\r\n \r\n .slider-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n \r\n .slider-image.active {\r\n opacity: 1;\r\n }\r\n \r\n .slider-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 .slider-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.9);\r\n border: none;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3em;\r\n color: #2d5a8f;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .slider-arrow:hover {\r\n background: #2d5a8f;\r\n color: white;\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .slider-arrow.prev {\r\n left: 15px;\r\n }\r\n \r\n .slider-arrow.next {\r\n right: 15px;\r\n }\r\n \r\n .slider-dots {\r\n position: absolute;\r\n bottom: 15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 8px;\r\n z-index: 10;\r\n }\r\n \r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.5);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid rgba(255, 255, 255, 0.8);\r\n }\r\n \r\n .dot.active {\r\n background: white;\r\n transform: scale(1.3);\r\n }\r\n \r\n .image-counter {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.6);\r\n color: white;\r\n padding: 5px 12px;\r\n border-radius: 20px;\r\n font-size: 0.9em;\r\n font-weight: 600;\r\n z-index: 10;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .header-section {\r\n padding: 40px 25px;\r\n }\r\n\r\n .section-title {\r\n font-size: 2em;\r\n }\r\n\r\n .intro-text {\r\n font-size: 1em;\r\n }\r\n\r\n .header-bg-shape {\r\n display: none;\r\n }\r\n\r\n .container {\r\n padding: 40px 20px;\r\n }\r\n \r\n .services-grid-top {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n \r\n .service-badge {\r\n padding: 15px 20px;\r\n }\r\n \r\n .project-container,\r\n .project-container.reverse {\r\n flex-direction: column;\r\n padding: 20px;\r\n }\r\n \r\n .project-title {\r\n font-size: 1.3em;\r\n }\r\n \r\n .project-slider {\r\n min-height: 250px;\r\n width: 100%;\r\n }\r\n \r\n .slider-container {\r\n min-height: 250px;\r\n }\r\n \r\n .slider-arrow {\r\n width: 35px;\r\n height: 35px;\r\n font-size: 1.1em;\r\n }\r\n \r\n .slider-arrow.prev {\r\n left: 10px;\r\n }\r\n \r\n .slider-arrow.next {\r\n right: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header-section\">\r\n <div class=\"header-bg-shape shape-1\"><\/div>\r\n <div class=\"header-bg-shape shape-2\"><\/div>\r\n <div class=\"header-grid\"><\/div>\r\n \r\n <div class=\"header-content\">\r\n <div class=\"section-badge\">\ud83c\udfd7\ufe0f Turnkey Solutions<\/div>\r\n <h2 class=\"section-title\">Turnkey Contracting<\/h2>\r\n <div class=\"decorative-line\"><\/div>\r\n <p class=\"intro-text\">\r\n We are one the best Turnkey EPC Contracting Company \u2013 Design and Build providing services all over the kingdom of Saudi Arabia, take Turnkey projects for all kinds of structures whether new or existing for Renovation. We provide our Civil Work Services from start to finish.\r\n <\/p>\r\n <p class=\"intro-text\">\r\n An in-house Design, Civil Mechanical, Electrical, Plumbing, HVAC, automation engineering and PMC team results in a single point interaction between the Client and Ezmel Co.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"services-grid-top\">\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83c\udfe2<\/div>\r\n <div class=\"service-badge-text\">Buildings<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\u26a1<\/div>\r\n <div class=\"service-badge-text\">MEP Services<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83d\udd27<\/div>\r\n <div class=\"service-badge-text\">Specialized Business<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\u2744\ufe0f<\/div>\r\n <div class=\"service-badge-text\">HVAC & Engineering<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"project-section\">\r\n \r\n <div class=\"project-container\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.1 Ge-Enviro Building Offices<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Hail<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Ge - Enviro<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n Complete design, construction, and finishing of office spaces Implementation of blacksmithing and carpentry work for foundations, waterproofing, civil works with block construction, electrical and plumbing installations, interior fit-out, flooring, and furniture installation, all executed according to engineering standards to ensure quality and functionality.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"1\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000.jpeg\" alt=\"Ge-Enviro 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000.jpeg\" alt=\"Ge-Enviro 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-2.jpg\" alt=\"Ge-Enviro 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0-4.jpg\" alt=\"Ge-Enviro 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/master-pic-7-scaled.jpg\" alt=\"Ge-Enviro 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-09-30-at-9.40.53-PM.jpeg\" alt=\"Ge-Enviro 6\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(1, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(1, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"1\">1 \/ 6<\/div>\r\n <div class=\"slider-dots\" data-dots=\"1\">\r\n <span class=\"dot active\" onclick=\"goToSlide(1, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 4)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const sliderStates = {\r\n 1: { currentIndex: 0, totalImages: 6, autoPlay: null },\r\n 2: { currentIndex: 0, totalImages: 6, autoPlay: null },\r\n 3: { currentIndex: 0, totalImages: 11, autoPlay: null },\r\n 4: { currentIndex: 0, totalImages: 5, autoPlay: null }\r\n };\r\n\r\n function changeSlide(sliderId, direction) {\r\n const state = sliderStates[sliderId];\r\n const container = document.querySelector(`[data-slider=\"${sliderId}\"]`);\r\n const images = container.querySelectorAll('.slider-image');\r\n const dots = document.querySelectorAll(`[data-dots=\"${sliderId}\"] .dot`);\r\n const counter = document.querySelector(`[data-counter=\"${sliderId}\"]`);\r\n \r\n images[state.currentIndex].classList.remove('active');\r\n dots[state.currentIndex].classList.remove('active');\r\n \r\n state.currentIndex += direction;\r\n \r\n if (state.currentIndex >= state.totalImages) {\r\n state.currentIndex = 0;\r\n } else if (state.currentIndex < 0) {\r\n state.currentIndex = state.totalImages - 1;\r\n }\r\n \r\n images[state.currentIndex].classList.add('active');\r\n dots[state.currentIndex].classList.add('active');\r\n counter.textContent = `${state.currentIndex + 1} \/ ${state.totalImages}`;\r\n \r\n resetAutoPlay(sliderId);\r\n }\r\n\r\n function goToSlide(sliderId, index) {\r\n const state = sliderStates[sliderId];\r\n const container = document.querySelector(`[data-slider=\"${sliderId}\"]`);\r\n const images = container.querySelectorAll('.slider-image');\r\n const dots = document.querySelectorAll(`[data-dots=\"${sliderId}\"] .dot`);\r\n const counter = document.querySelector(`[data-counter=\"${sliderId}\"]`);\r\n \r\n images[state.currentIndex].classList.remove('active');\r\n dots[state.currentIndex].classList.remove('active');\r\n \r\n state.currentIndex = index;\r\n \r\n images[state.currentIndex].classList.add('active');\r\n dots[state.currentIndex].classList.add('active');\r\n counter.textContent = `${state.currentIndex + 1} \/ ${state.totalImages}`;\r\n \r\n resetAutoPlay(sliderId);\r\n }\r\n\r\n function startAutoPlay(sliderId) {\r\n const state = sliderStates[sliderId];\r\n state.autoPlay = setInterval(() => {\r\n changeSlide(sliderId, 1);\r\n }, 4000);\r\n }\r\n\r\n function resetAutoPlay(sliderId) {\r\n const state = sliderStates[sliderId];\r\n clearInterval(state.autoPlay);\r\n startAutoPlay(sliderId);\r\n }\r\n\r\n function setupHoverPause() {\r\n document.querySelectorAll('.project-slider').forEach((slider, index) => {\r\n const sliderId = index + 1;\r\n \r\n slider.addEventListener('mouseenter', () => {\r\n clearInterval(sliderStates[sliderId].autoPlay);\r\n });\r\n \r\n slider.addEventListener('mouseleave', () => {\r\n startAutoPlay(sliderId);\r\n });\r\n });\r\n }\r\n\r\n function initializeSliders() {\r\n startAutoPlay(1);\r\n startAutoPlay(2);\r\n startAutoPlay(3);\r\n startAutoPlay(4);\r\n setupHoverPause();\r\n }\r\n\r\n window.addEventListener('load', initializeSliders);\r\n <\/script>\r\n<\/body>\r\n<\/html>1, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 4)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 5)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-container reverse\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.2 External Works for Ministry of Communications<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Ministry of Communications and IT<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n The project involved the complete external development for the Ministry of Communications external Area, including site preparation, Softscape, Hardscape and Paving, Shade Structure Fabrication, Irrigation and Landscape Lighting systems.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"2\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000000-1-scaled.jpg\" alt=\"MCIT 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000-1.jpeg\" alt=\"MCIT 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000-1.png\" alt=\"MCIT 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00-1.png\" alt=\"MCIT 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/5.png\" alt=\"MCIT 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/Master-pic-2.jpeg\" alt=\"MCIT 6\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(2, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(2, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"2\">1 \/ 6<\/div>\r\n <div class=\"slider-dots\" data-dots=\"2\">\r\n <span class=\"dot active\" onclick=\"goToSlide(2, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 4)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 5)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-container\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.3 Capital Institute Landscape Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Mohammed bin Salman Foundation - Misk<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2021<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n Rehabilitation of construction, and finishing of the Capital Institute landscape and exhibition areas 69,000.00m\u00b2. Included Landscape, Paving, Electrical installations, steel structures for exhibition spaces, and landscaping and coordination of the exhibition and booths areas.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"3\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000000-2.jpg\" alt=\"Capital 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000000-1.jpg\" alt=\"Capital 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000-2.jpg\" alt=\"Capital 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000-2.jpg\" alt=\"Capital 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-3.jpg\" alt=\"Capital 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/10.jpg\" alt=\"Capital 6\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/11-1.jpg\" alt=\"Capital 7\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/13-2.jpg\" alt=\"Capital 8\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/master-pic-8.jpg\" alt=\"Capital 9\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-05-27-at-5.07.42-PM-1.jpeg\" alt=\"Capital 10\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-05-27-at-5.10.53-PM-1.jpeg\" alt=\"Capital 11\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(3, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(3, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"3\">1 \/ 11<\/div>\r\n <div class=\"slider-dots\" data-dots=\"3\">\r\n <span class=\"dot active\" onclick=\"goToSlide(3, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 4)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 5)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 6)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 7)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 8)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 9)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 10)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-container reverse\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.4 The Avenues Al-Khobar Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Al-Khobar<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>First Avenue Real Estate Development Co.<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2026<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n Architecture and Interior finishing works for The Avenues Al-Khobar, covering painting, cladding and stone alternatives, tiling, as well as electrical and plumbing installations, all executed to achieve high-quality standards, functionality, and refined aesthetic appeal.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"4\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-05-27-at-5.10.53-PM-1.jpeg\" alt=\"Avenues 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/1.webp\" alt=\"Avenues 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/2.webp\" alt=\"Avenues 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/3jpg.webp\" alt=\"Avenues 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/4.webp\" alt=\"Avenues 5\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(4, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(4, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"4\">1 \/ 5<\/div>\r\n <div class=\"slider-dots\" data-dots=\"4\">\r\n <span class=\"dot active\" onclick=\"goToSlide(4, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(\t\t\t\t<\/div>\n\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>Turnkey Contracting \ud83c\udfd7\ufe0f Turnkey Solutions Turnkey Contracting We are one the best Turnkey EPC Contracting Company \u2013 Design and Build providing services all over the kingdom of Saudi Arabia, take Turnkey projects for all kinds of structures whether new or existing for Renovation. We provide our Civil Work Services from start to finish. An in-house […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9027","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/comments?post=9027"}],"version-history":[{"count":8,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9027\/revisions"}],"predecessor-version":[{"id":9634,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9027\/revisions\/9634"}],"wp:attachment":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/media?parent=9027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Turnkey Contracting<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background: #ffffff;\r\n color: #333;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 30px 20px 50px 20px;\r\n }\r\n \r\n .header-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: linear-gradient(135deg, #1a2332 0%, #2d5a8f 50%, #1a2332 100%);\r\n border-radius: 20px;\r\n margin-bottom: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .header-bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.08;\r\n animation: floatShape 15s infinite;\r\n }\r\n\r\n .shape-1 {\r\n width: 300px;\r\n height: 300px;\r\n background: white;\r\n top: -100px;\r\n left: -50px;\r\n }\r\n\r\n .shape-2 {\r\n width: 200px;\r\n height: 200px;\r\n background: white;\r\n bottom: -50px;\r\n right: -30px;\r\n animation-delay: 5s;\r\n }\r\n\r\n @keyframes floatShape {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 25% { transform: translate(20px, -20px) rotate(90deg); }\r\n 50% { transform: translate(-15px, 15px) rotate(180deg); }\r\n 75% { transform: translate(15px, 20px) rotate(270deg); }\r\n }\r\n\r\n .header-grid {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: \r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n opacity: 0.5;\r\n }\r\n\r\n .header-content {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .section-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n padding: 8px 20px;\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.85em;\r\n font-weight: 600;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 20px;\r\n animation: slideDown 0.8s ease-out;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes slideDown {\r\n from { opacity: 0; transform: translateY(-30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .section-title {\r\n color: white;\r\n font-size: 2.5em;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n letter-spacing: -0.5px;\r\n animation: slideUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .decorative-line {\r\n width: 100px;\r\n height: 3px;\r\n background: white;\r\n margin-bottom: 15px;\r\n border-radius: 2px;\r\n box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);\r\n animation: expandLine 0.8s ease-out 0.4s both;\r\n }\r\n\r\n @keyframes expandLine {\r\n from { width: 0; }\r\n to { width: 100px; }\r\n }\r\n \r\n .intro-text {\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.9;\r\n font-size: 1.15em;\r\n text-align: justify;\r\n font-weight: 300;\r\n animation: fadeIn 0.8s ease-out 0.6s both;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n margin-bottom: 15px;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n .services-grid-top {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin: 25px 0 30px 0;\r\n }\r\n \r\n .service-badge {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n padding: 20px 25px;\r\n border-radius: 12px;\r\n border-left: 4px solid #f5a623;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .service-badge:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(45, 90, 143, 0.15);\r\n border-left-color: #2d5a8f;\r\n }\r\n \r\n .service-badge-icon {\r\n font-size: 1.8em;\r\n flex-shrink: 0;\r\n }\r\n \r\n .service-badge-text {\r\n color: #2d5a8f;\r\n font-weight: 600;\r\n font-size: 1.05em;\r\n }\r\n \r\n .project-section {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .project-container {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n margin-bottom: 30px;\r\n padding: 25px;\r\n background: #f8f9fa;\r\n border-radius: 15px;\r\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .project-container.reverse {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n .project-details {\r\n flex: 1;\r\n }\r\n \r\n .project-title {\r\n color: #2d5a8f;\r\n font-size: 1.6em;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n border-left: 4px solid #f5a623;\r\n padding-left: 15px;\r\n }\r\n \r\n .project-info {\r\n display: flex;\r\n gap: 20px;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #666;\r\n font-size: 0.95em;\r\n }\r\n \r\n .info-icon {\r\n color: #f5a623;\r\n font-weight: bold;\r\n }\r\n \r\n .project-description {\r\n color: #4a5568;\r\n line-height: 1.7;\r\n font-size: 1.05em;\r\n text-align: justify;\r\n }\r\n \r\n .project-slider {\r\n flex: 1;\r\n position: relative;\r\n min-height: 350px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 350px;\r\n }\r\n \r\n .slider-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n \r\n .slider-image.active {\r\n opacity: 1;\r\n }\r\n \r\n .slider-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 .slider-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.9);\r\n border: none;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3em;\r\n color: #2d5a8f;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .slider-arrow:hover {\r\n background: #2d5a8f;\r\n color: white;\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .slider-arrow.prev {\r\n left: 15px;\r\n }\r\n \r\n .slider-arrow.next {\r\n right: 15px;\r\n }\r\n \r\n .slider-dots {\r\n position: absolute;\r\n bottom: 15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 8px;\r\n z-index: 10;\r\n }\r\n \r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.5);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid rgba(255, 255, 255, 0.8);\r\n }\r\n \r\n .dot.active {\r\n background: white;\r\n transform: scale(1.3);\r\n }\r\n \r\n .image-counter {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.6);\r\n color: white;\r\n padding: 5px 12px;\r\n border-radius: 20px;\r\n font-size: 0.9em;\r\n font-weight: 600;\r\n z-index: 10;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .header-section {\r\n padding: 40px 25px;\r\n }\r\n\r\n .section-title {\r\n font-size: 2em;\r\n }\r\n\r\n .intro-text {\r\n font-size: 1em;\r\n }\r\n\r\n .header-bg-shape {\r\n display: none;\r\n }\r\n\r\n .container {\r\n padding: 40px 20px;\r\n }\r\n \r\n .services-grid-top {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n \r\n .service-badge {\r\n padding: 15px 20px;\r\n }\r\n \r\n .project-container,\r\n .project-container.reverse {\r\n flex-direction: column;\r\n padding: 20px;\r\n }\r\n \r\n .project-title {\r\n font-size: 1.3em;\r\n }\r\n \r\n .project-slider {\r\n min-height: 250px;\r\n width: 100%;\r\n }\r\n \r\n .slider-container {\r\n min-height: 250px;\r\n }\r\n \r\n .slider-arrow {\r\n width: 35px;\r\n height: 35px;\r\n font-size: 1.1em;\r\n }\r\n \r\n .slider-arrow.prev {\r\n left: 10px;\r\n }\r\n \r\n .slider-arrow.next {\r\n right: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header-section\">\r\n <div class=\"header-bg-shape shape-1\"><\/div>\r\n <div class=\"header-bg-shape shape-2\"><\/div>\r\n <div class=\"header-grid\"><\/div>\r\n \r\n <div class=\"header-content\">\r\n <div class=\"section-badge\">\ud83c\udfd7\ufe0f Turnkey Solutions<\/div>\r\n <h2 class=\"section-title\">Turnkey Contracting<\/h2>\r\n <div class=\"decorative-line\"><\/div>\r\n <p class=\"intro-text\">\r\n We are one the best Turnkey EPC Contracting Company \u2013 Design and Build providing services all over the kingdom of Saudi Arabia, take Turnkey projects for all kinds of structures whether new or existing for Renovation. We provide our Civil Work Services from start to finish.\r\n <\/p>\r\n <p class=\"intro-text\">\r\n An in-house Design, Civil Mechanical, Electrical, Plumbing, HVAC, automation engineering and PMC team results in a single point interaction between the Client and Ezmel Co.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"services-grid-top\">\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83c\udfe2<\/div>\r\n <div class=\"service-badge-text\">Buildings<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\u26a1<\/div>\r\n <div class=\"service-badge-text\">MEP Services<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83d\udd27<\/div>\r\n <div class=\"service-badge-text\">Specialized Business<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\u2744\ufe0f<\/div>\r\n <div class=\"service-badge-text\">HVAC & Engineering<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"project-section\">\r\n \r\n <div class=\"project-container\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.1 Ge-Enviro Building Offices<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Hail<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Ge - Enviro<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n Complete design, construction, and finishing of office spaces Implementation of blacksmithing and carpentry work for foundations, waterproofing, civil works with block construction, electrical and plumbing installations, interior fit-out, flooring, and furniture installation, all executed according to engineering standards to ensure quality and functionality.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"1\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000.jpeg\" alt=\"Ge-Enviro 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000.jpeg\" alt=\"Ge-Enviro 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-2.jpg\" alt=\"Ge-Enviro 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0-4.jpg\" alt=\"Ge-Enviro 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/master-pic-7-scaled.jpg\" alt=\"Ge-Enviro 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-09-30-at-9.40.53-PM.jpeg\" alt=\"Ge-Enviro 6\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(1, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(1, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"1\">1 \/ 6<\/div>\r\n <div class=\"slider-dots\" data-dots=\"1\">\r\n <span class=\"dot active\" onclick=\"goToSlide(1, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 4)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const sliderStates = {\r\n 1: { currentIndex: 0, totalImages: 6, autoPlay: null },\r\n 2: { currentIndex: 0, totalImages: 6, autoPlay: null },\r\n 3: { currentIndex: 0, totalImages: 11, autoPlay: null },\r\n 4: { currentIndex: 0, totalImages: 5, autoPlay: null }\r\n };\r\n\r\n function changeSlide(sliderId, direction) {\r\n const state = sliderStates[sliderId];\r\n const container = document.querySelector(`[data-slider=\"${sliderId}\"]`);\r\n const images = container.querySelectorAll('.slider-image');\r\n const dots = document.querySelectorAll(`[data-dots=\"${sliderId}\"] .dot`);\r\n const counter = document.querySelector(`[data-counter=\"${sliderId}\"]`);\r\n \r\n images[state.currentIndex].classList.remove('active');\r\n dots[state.currentIndex].classList.remove('active');\r\n \r\n state.currentIndex += direction;\r\n \r\n if (state.currentIndex >= state.totalImages) {\r\n state.currentIndex = 0;\r\n } else if (state.currentIndex < 0) {\r\n state.currentIndex = state.totalImages - 1;\r\n }\r\n \r\n images[state.currentIndex].classList.add('active');\r\n dots[state.currentIndex].classList.add('active');\r\n counter.textContent = `${state.currentIndex + 1} \/ ${state.totalImages}`;\r\n \r\n resetAutoPlay(sliderId);\r\n }\r\n\r\n function goToSlide(sliderId, index) {\r\n const state = sliderStates[sliderId];\r\n const container = document.querySelector(`[data-slider=\"${sliderId}\"]`);\r\n const images = container.querySelectorAll('.slider-image');\r\n const dots = document.querySelectorAll(`[data-dots=\"${sliderId}\"] .dot`);\r\n const counter = document.querySelector(`[data-counter=\"${sliderId}\"]`);\r\n \r\n images[state.currentIndex].classList.remove('active');\r\n dots[state.currentIndex].classList.remove('active');\r\n \r\n state.currentIndex = index;\r\n \r\n images[state.currentIndex].classList.add('active');\r\n dots[state.currentIndex].classList.add('active');\r\n counter.textContent = `${state.currentIndex + 1} \/ ${state.totalImages}`;\r\n \r\n resetAutoPlay(sliderId);\r\n }\r\n\r\n function startAutoPlay(sliderId) {\r\n const state = sliderStates[sliderId];\r\n state.autoPlay = setInterval(() => {\r\n changeSlide(sliderId, 1);\r\n }, 4000);\r\n }\r\n\r\n function resetAutoPlay(sliderId) {\r\n const state = sliderStates[sliderId];\r\n clearInterval(state.autoPlay);\r\n startAutoPlay(sliderId);\r\n }\r\n\r\n function setupHoverPause() {\r\n document.querySelectorAll('.project-slider').forEach((slider, index) => {\r\n const sliderId = index + 1;\r\n \r\n slider.addEventListener('mouseenter', () => {\r\n clearInterval(sliderStates[sliderId].autoPlay);\r\n });\r\n \r\n slider.addEventListener('mouseleave', () => {\r\n startAutoPlay(sliderId);\r\n });\r\n });\r\n }\r\n\r\n function initializeSliders() {\r\n startAutoPlay(1);\r\n startAutoPlay(2);\r\n startAutoPlay(3);\r\n startAutoPlay(4);\r\n setupHoverPause();\r\n }\r\n\r\n window.addEventListener('load', initializeSliders);\r\n <\/script>\r\n<\/body>\r\n<\/html>1, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 4)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(1, 5)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-container reverse\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.2 External Works for Ministry of Communications<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Ministry of Communications and IT<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2023<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n The project involved the complete external development for the Ministry of Communications external Area, including site preparation, Softscape, Hardscape and Paving, Shade Structure Fabrication, Irrigation and Landscape Lighting systems.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"2\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000000-1-scaled.jpg\" alt=\"MCIT 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000-1.jpeg\" alt=\"MCIT 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000-1.png\" alt=\"MCIT 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00-1.png\" alt=\"MCIT 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/5.png\" alt=\"MCIT 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/Master-pic-2.jpeg\" alt=\"MCIT 6\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(2, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(2, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"2\">1 \/ 6<\/div>\r\n <div class=\"slider-dots\" data-dots=\"2\">\r\n <span class=\"dot active\" onclick=\"goToSlide(2, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 4)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(2, 5)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-container\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.3 Capital Institute Landscape Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Mohammed bin Salman Foundation - Misk<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2021<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n Rehabilitation of construction, and finishing of the Capital Institute landscape and exhibition areas 69,000.00m\u00b2. Included Landscape, Paving, Electrical installations, steel structures for exhibition spaces, and landscaping and coordination of the exhibition and booths areas.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"3\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000000-2.jpg\" alt=\"Capital 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000000-1.jpg\" alt=\"Capital 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000-2.jpg\" alt=\"Capital 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000-2.jpg\" alt=\"Capital 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-3.jpg\" alt=\"Capital 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/10.jpg\" alt=\"Capital 6\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/11-1.jpg\" alt=\"Capital 7\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/13-2.jpg\" alt=\"Capital 8\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/master-pic-8.jpg\" alt=\"Capital 9\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-05-27-at-5.07.42-PM-1.jpeg\" alt=\"Capital 10\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-05-27-at-5.10.53-PM-1.jpeg\" alt=\"Capital 11\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(3, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(3, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"3\">1 \/ 11<\/div>\r\n <div class=\"slider-dots\" data-dots=\"3\">\r\n <span class=\"dot active\" onclick=\"goToSlide(3, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 3)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 4)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 5)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 6)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 7)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 8)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 9)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(3, 10)\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-container reverse\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">4.4 The Avenues Al-Khobar Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Al-Khobar<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>First Avenue Real Estate Development Co.<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2026<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n Architecture and Interior finishing works for The Avenues Al-Khobar, covering painting, cladding and stone alternatives, tiling, as well as electrical and plumbing installations, all executed to achieve high-quality standards, functionality, and refined aesthetic appeal.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\">\r\n <div class=\"slider-container\" data-slider=\"4\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2024-05-27-at-5.10.53-PM-1.jpeg\" alt=\"Avenues 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/1.webp\" alt=\"Avenues 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/2.webp\" alt=\"Avenues 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/3jpg.webp\" alt=\"Avenues 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/4.webp\" alt=\"Avenues 5\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\" onclick=\"changeSlide(4, -1)\">\u2039<\/button>\r\n <button class=\"slider-arrow next\" onclick=\"changeSlide(4, 1)\">\u203a<\/button>\r\n <div class=\"image-counter\" data-counter=\"4\">1 \/ 5<\/div>\r\n <div class=\"slider-dots\" data-dots=\"4\">\r\n <span class=\"dot active\" onclick=\"goToSlide(4, 0)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 1)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(4, 2)\"><\/span>\r\n <span class=\"dot\" onclick=\"goToSlide(\t\t\t\t<\/div>\n\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>Turnkey Contracting \ud83c\udfd7\ufe0f Turnkey Solutions Turnkey Contracting We are one the best Turnkey EPC Contracting Company \u2013 Design and Build providing services all over the kingdom of Saudi Arabia, take Turnkey projects for all kinds of structures whether new or existing for Renovation. We provide our Civil Work Services from start to finish. An in-house […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9027","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/comments?post=9027"}],"version-history":[{"count":8,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9027\/revisions"}],"predecessor-version":[{"id":9634,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9027\/revisions\/9634"}],"wp:attachment":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/media?parent=9027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}