{"id":12,"date":"2026-01-14T10:10:04","date_gmt":"2026-01-14T10:10:04","guid":{"rendered":"https:\/\/arew.com.pk\/?page_id=12"},"modified":"2026-01-25T13:03:28","modified_gmt":"2026-01-25T13:03:28","slug":"home","status":"publish","type":"page","link":"https:\/\/arew.com.pk\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ee668f e-flex e-con-boxed e-con e-parent\" data-id=\"1ee668f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5427f68 elementor-widget elementor-widget-html\" data-id=\"5427f68\" data-element_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    <title>Abdul Rahim Electrical Works | Premium Electrical Solutions<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        \/* ===== CSS RESET & BASE STYLES ===== *\/\r\n        :root {\r\n            --primary-light: #d4edda;\r\n            --primary-dark: #0f5132;\r\n            --accent-green: #28a745;\r\n            --logo-green: #8bc53f;\r\n            --text-dark: #1a1a1a;\r\n            --text-light: #f8f9fa;\r\n            --card-bg: #ffffff;\r\n            --shadow: rgba(0, 0, 0, 0.08);\r\n            --shadow-hover: rgba(0, 0, 0, 0.15);\r\n            --border-radius: 12px;\r\n            --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Roboto', sans-serif;\r\n            color: var(--text-dark);\r\n            background-color: #f9f9f9;\r\n            line-height: 1.7;\r\n            overflow-x: hidden;\r\n        }\r\n        \r\n        h1, h2, h3, h4 {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n        }\r\n        \r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n        \r\n        ul {\r\n            list-style: none;\r\n        }\r\n        \r\n        img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n        \r\n        .container {\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 25px;\r\n        }\r\n        \r\n        .section-padding {\r\n            padding: 100px 0;\r\n        }\r\n        \r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            position: relative;\r\n        }\r\n        \r\n        .section-title h2 {\r\n            font-size: 2.8rem;\r\n            margin-bottom: 20px;\r\n            color: var(--primary-dark);\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .section-title h2:after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            bottom: -15px;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--accent-green));\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .section-title p {\r\n            font-size: 1.2rem;\r\n            max-width: 700px;\r\n            margin: 30px auto 0;\r\n            color: #666;\r\n        }\r\n        \r\n        .btn {\r\n            display: inline-block;\r\n            padding: 16px 36px;\r\n            background: linear-gradient(135deg, var(--primary-dark), var(--accent-green));\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n            box-shadow: 0 10px 20px rgba(15, 81, 50, 0.2);\r\n        }\r\n        \r\n        .btn:before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, var(--accent-green), var(--primary-dark));\r\n            z-index: -1;\r\n            opacity: 0;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .btn:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 30px rgba(15, 81, 50, 0.3);\r\n        }\r\n        \r\n        .btn:hover:before {\r\n            opacity: 1;\r\n        }\r\n        \r\n        \/* ===== HEADER STYLES ===== *\/\r\n        \/* Desktop: Fixed Header *\/\r\n        .premium-header {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            background-color: rgba(255, 255, 255, 0.98);\r\n            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);\r\n            z-index: 1000;\r\n            padding: 20px 0;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .header-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n        \r\n        .logo-container {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .logo-svg {\r\n            width: 60px;\r\n            height: 60px;\r\n            margin-right: 20px;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .logo-text h1 {\r\n            font-size: 1.8rem;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .logo-text .tagline {\r\n            font-size: 0.9rem;\r\n            color: var(--logo-green);\r\n            font-weight: 500;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        \/* ===== MAIN NAVIGATION ===== *\/\r\n        .main-nav ul {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .main-nav li {\r\n            margin-left: 40px;\r\n        }\r\n        \r\n        .main-nav a {\r\n            font-family: 'Poppins', sans-serif;\r\n            font-weight: 500;\r\n            font-size: 1.05rem;\r\n            color: var(--primary-dark);\r\n            position: relative;\r\n            padding: 8px 0;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .main-nav a:after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--accent-green));\r\n            border-radius: 2px;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .main-nav a:hover {\r\n            color: var(--accent-green);\r\n        }\r\n        \r\n        .main-nav a:hover:after,\r\n        .main-nav a.active:after {\r\n            width: 100%;\r\n        }\r\n        \r\n        .header-contact {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .contact-btn {\r\n            padding: 12px 28px;\r\n            background: linear-gradient(135deg, var(--primary-dark), var(--accent-green));\r\n            color: white;\r\n            border-radius: 50px;\r\n            font-family: 'Poppins', sans-serif;\r\n            font-weight: 500;\r\n            transition: var(--transition);\r\n            box-shadow: 0 5px 15px rgba(15, 81, 50, 0.2);\r\n        }\r\n        \r\n        .contact-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 20px rgba(15, 81, 50, 0.3);\r\n        }\r\n        \r\n        \/* ===== PREMIUM HERO SECTION ===== *\/\r\n        .premium-hero {\r\n            background: linear-gradient(rgba(15, 81, 50, 0.9), rgba(15, 81, 50, 0.85)), url('https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            color: white;\r\n            height: 100vh;\r\n            min-height: 700px;\r\n            display: flex;\r\n            align-items: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding-top: 100px; \/* Account for fixed header on desktop *\/\r\n        }\r\n        \r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at 30% 20%, rgba(41, 196, 112, 0.2), transparent 50%),\r\n                        radial-gradient(circle at 80% 80%, rgba(13, 110, 67, 0.2), transparent 50%);\r\n        }\r\n        \r\n        .hero-content {\r\n            max-width: 900px;\r\n            text-align: center;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            animation: fadeUp 1s ease-out;\r\n        }\r\n        \r\n        @keyframes fadeUp {\r\n            from { opacity: 0; transform: translateY(50px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            color: white;\r\n            margin-bottom: 30px;\r\n            line-height: 1.1;\r\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .hero p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 50px;\r\n            opacity: 0.9;\r\n            max-width: 750px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .hero-btn {\r\n            background: linear-gradient(135deg, var(--primary-light), white);\r\n            color: var(--primary-dark);\r\n            font-weight: 700;\r\n            padding: 18px 45px;\r\n            font-size: 1.2rem;\r\n            border-radius: 50px;\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \r\n        .hero-btn:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        \/* ===== PREMIUM PRODUCTS SECTION ===== *\/\r\n        .premium-products {\r\n            background-color: #f9f9f9;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .products-background {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.03;\r\n        }\r\n        \r\n        .products-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\r\n            gap: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .category-card {\r\n            background-color: var(--card-bg);\r\n            border-radius: var(--border-radius);\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 30px var(--shadow);\r\n            transition: var(--transition);\r\n            border: 1px solid rgba(212, 237, 218, 0.5);\r\n        }\r\n        \r\n        .category-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 50px var(--shadow-hover);\r\n        }\r\n        \r\n        .category-header {\r\n            padding: 30px;\r\n            background: linear-gradient(135deg, var(--primary-light), rgba(212, 237, 218, 0.8));\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: var(--transition);\r\n            border-bottom: 1px solid rgba(15, 81, 50, 0.1);\r\n        }\r\n        \r\n        .category-header:hover {\r\n            background: linear-gradient(135deg, rgba(212, 237, 218, 0.9), var(--primary-light));\r\n        }\r\n        \r\n        .category-header h3 {\r\n            margin: 0;\r\n            font-size: 1.5rem;\r\n            color: var(--primary-dark);\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .category-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary-dark);\r\n            font-size: 1.2rem;\r\n            transition: var(--transition);\r\n            box-shadow: 0 5px 15px rgba(15, 81, 50, 0.1);\r\n        }\r\n        \r\n        .category-card.active .category-icon {\r\n            transform: rotate(180deg);\r\n            background-color: var(--primary-dark);\r\n            color: white;\r\n        }\r\n        \r\n        .sub-products {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n        }\r\n        \r\n        .category-card.active .sub-products {\r\n            max-height: 2000px;\r\n        }\r\n        \r\n        .sub-product-item {\r\n            padding: 30px;\r\n            border-bottom: 1px solid #eee;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .sub-product-item:hover {\r\n            background-color: rgba(212, 237, 218, 0.1);\r\n        }\r\n        \r\n        .sub-product-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .sub-product-img-container {\r\n            width: 220px;\r\n            height: 180px;\r\n            margin-bottom: 25px;\r\n            border-radius: 10px;\r\n            background: #f5f5f5;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 15px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .sub-product-item:hover .sub-product-img-container {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .sub-product-img-container:before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--accent-green));\r\n        }\r\n        \r\n        .sub-product-img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            object-fit: contain;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .sub-product-item h4 {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 10px;\r\n            color: var(--primary-dark);\r\n        }\r\n        \r\n        .sub-product-item p {\r\n            color: #666;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .product-specs {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .spec-tag {\r\n            background-color: rgba(212, 237, 218, 0.5);\r\n            color: var(--primary-dark);\r\n            padding: 4px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* ===== PREMIUM CONTACT SECTION ===== *\/\r\n        .premium-contact {\r\n            background: linear-gradient(135deg, #f0f7f2, #f9f9f9);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .contact-background {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.03;\r\n        }\r\n        \r\n        .contact-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n            gap: 60px;\r\n            align-items: start;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .contact-form-container {\r\n            background-color: var(--card-bg);\r\n            padding: 50px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: 0 15px 30px var(--shadow);\r\n            border: 1px solid rgba(212, 237, 218, 0.5);\r\n        }\r\n        \r\n        .contact-form-container h3 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 30px;\r\n            color: var(--primary-dark);\r\n            position: relative;\r\n            padding-bottom: 15px;\r\n        }\r\n        \r\n        .contact-form-container h3:after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 60px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--accent-green));\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .form-group {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .form-group label {\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            font-weight: 500;\r\n            color: var(--primary-dark);\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n        \r\n        .form-control {\r\n            width: 100%;\r\n            padding: 16px 20px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 8px;\r\n            font-family: 'Roboto', sans-serif;\r\n            font-size: 1rem;\r\n            transition: var(--transition);\r\n            background-color: #f9f9f9;\r\n        }\r\n        \r\n        .form-control:focus {\r\n            outline: none;\r\n            border-color: var(--primary-dark);\r\n            box-shadow: 0 0 0 3px rgba(15, 81, 50, 0.1);\r\n            background-color: white;\r\n        }\r\n        \r\n        .contact-info-container {\r\n            background: linear-gradient(135deg, var(--primary-light), rgba(212, 237, 218, 0.8));\r\n            padding: 50px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: 0 15px 30px var(--shadow);\r\n            border: 1px solid rgba(15, 81, 50, 0.1);\r\n        }\r\n        \r\n        .contact-info-container h3 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 30px;\r\n            color: var(--primary-dark);\r\n            position: relative;\r\n            padding-bottom: 15px;\r\n        }\r\n        \r\n        .contact-info-container h3:after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 60px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--accent-green));\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .contact-details {\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .contact-details li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .contact-icon {\r\n            width: 45px;\r\n            height: 45px;\r\n            background: linear-gradient(135deg, var(--primary-dark), var(--accent-green));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 1.1rem;\r\n            margin-right: 15px;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 5px 15px rgba(15, 81, 50, 0.2);\r\n        }\r\n        \r\n        .contact-text h4 {\r\n            color: var(--primary-dark);\r\n            margin-bottom: 5px;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .contact-text p {\r\n            color: #555;\r\n        }\r\n        \r\n        .business-hours {\r\n            background-color: rgba(255, 255, 255, 0.7);\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            margin-top: 30px;\r\n        }\r\n        \r\n        .business-hours h4 {\r\n            color: var(--primary-dark);\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .business-hours h4 i {\r\n            margin-right: 10px;\r\n            color: var(--accent-green);\r\n        }\r\n        \r\n        .business-hours p {\r\n            margin-bottom: 8px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            color: #555;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        \/* ===== PREMIUM FOOTER ===== *\/\r\n        .premium-footer {\r\n            background: linear-gradient(135deg, var(--primary-dark), #0a3d24);\r\n            color: white;\r\n            padding: 60px 0 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .footer-background {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0.05;\r\n        }\r\n        \r\n        .footer-content {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .footer-logo h3 {\r\n            color: white;\r\n            font-size: 1.6rem;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .footer-logo p {\r\n            opacity: 0.8;\r\n            font-size: 0.9rem;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .footer-tagline {\r\n            color: var(--primary-light);\r\n            font-weight: 500;\r\n            letter-spacing: 1px;\r\n            margin-top: 10px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .footer-links h4,\r\n        .footer-contact h4 {\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            padding-bottom: 10px;\r\n        }\r\n        \r\n        .footer-links h4:after,\r\n        .footer-contact h4:after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 40px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--primary-light), var(--accent-green));\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .footer-links ul li {\r\n            margin-bottom: 12px;\r\n        }\r\n        \r\n        .footer-links a {\r\n            opacity: 0.8;\r\n            transition: var(--transition);\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .footer-links a i {\r\n            margin-right: 8px;\r\n            font-size: 0.8rem;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .footer-links a:hover {\r\n            opacity: 1;\r\n            color: var(--primary-light);\r\n            padding-left: 5px;\r\n        }\r\n        \r\n        .footer-links a:hover i {\r\n            color: var(--accent-green);\r\n        }\r\n        \r\n        .footer-contact p {\r\n            margin-bottom: 12px;\r\n            opacity: 0.8;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .footer-contact i {\r\n            margin-right: 10px;\r\n            margin-top: 3px;\r\n            color: var(--primary-light);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .social-links {\r\n            display: flex;\r\n            margin-top: 15px;\r\n        }\r\n        \r\n        .social-links a {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 40px;\r\n            height: 40px;\r\n            margin-right: 10px;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            border-radius: 50%;\r\n            color: var(--accent-green);\r\n            font-size: 1rem;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .copyright {\r\n            text-align: center;\r\n            padding-top: 20px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            opacity: 0.7;\r\n            font-size: 0.85rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        \/* ===== MOBILE RESPONSIVENESS ===== *\/\r\n        \/* Mobile Menu Toggle *\/\r\n        .mobile-menu-toggle {\r\n            display: none;\r\n            width: 45px;\r\n            height: 45px;\r\n            background: linear-gradient(135deg, var(--primary-dark), var(--accent-green));\r\n            color: white;\r\n            border-radius: 50%;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.3rem;\r\n            cursor: pointer;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n            z-index: 1001;\r\n        }\r\n        \r\n        \/* MOBILE VIEW FIXES *\/\r\n        @media (max-width: 1200px) {\r\n            .hero h1 {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .products-container {\r\n                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            \/* MOBILE HEADER FIX: Remove fixed positioning on mobile *\/\r\n            .premium-header {\r\n                position: relative; \/* Changed from fixed to relative *\/\r\n                width: 100%;\r\n                background-color: white;\r\n                box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);\r\n                z-index: 1000;\r\n                padding: 15px 0;\r\n                transition: var(--transition);\r\n\t\t \/* ADD THIS RULE to hide hamburger button *\/\r\n    .mobile-menu-toggle {\r\n        display: none !important;\r\n    }\r\n            }\r\n\r\n            \r\n            \/* Adjust hero padding for non-fixed header *\/\r\n            .premium-hero {\r\n                padding-top: 40px; \/* Reduced from 100px *\/\r\n                min-height: 600px;\r\n            }\r\n            \r\n            .section-padding {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .hero h1 {\r\n                font-size: 2.6rem;\r\n            }\r\n            \r\n            .hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .contact-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .mobile-menu-toggle {\r\n                display: flex;\r\n            }\r\n            \r\n            .main-nav {\r\n                position: fixed;\r\n                top: 0;\r\n                right: -100%;\r\n                width: 300px;\r\n                height: 100vh;\r\n                background-color: white;\r\n                box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);\r\n                z-index: 1001;\r\n                transition: var(--transition);\r\n                padding: 100px 30px 30px;\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .main-nav.active {\r\n                right: 0;\r\n            }\r\n            \r\n            .main-nav ul {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n            \r\n            .main-nav li {\r\n                margin: 0 0 20px 0;\r\n                width: 100%;\r\n            }\r\n            \r\n            .main-nav a {\r\n                display: block;\r\n                padding: 12px 0;\r\n                font-size: 1.1rem;\r\n                width: 100%;\r\n            }\r\n            \r\n            .nav-overlay {\r\n                position: fixed;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                background-color: rgba(0, 0, 0, 0.5);\r\n                z-index: 1000;\r\n                opacity: 0;\r\n                visibility: hidden;\r\n                transition: var(--transition);\r\n            }\r\n            \r\n            .nav-overlay.active {\r\n                opacity: 1;\r\n                visibility: visible;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .premium-hero {\r\n                min-height: 500px;\r\n                padding: 60px 0 40px;\r\n            }\r\n            \r\n            .hero h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .hero p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .section-title h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .products-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .contact-form-container,\r\n            .contact-info-container {\r\n                padding: 30px;\r\n            }\r\n            \r\n            .footer-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .hero h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .hero p {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .section-title h2 {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .btn {\r\n                padding: 14px 30px;\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .category-header,\r\n            .sub-product-item {\r\n                padding: 25px;\r\n            }\r\n            \r\n            .container {\r\n                padding: 0 15px;\r\n            }\r\n            \r\n            .premium-hero {\r\n                min-height: 450px;\r\n            }\r\n        }\r\n        \r\n        \/* ===== UTILITY CLASSES ===== *\/\r\n        .text-center {\r\n            text-align: center;\r\n        }\r\n        \r\n        .mt-40 {\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .mb-20 {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .fade-in {\r\n            animation: fadeIn 0.8s ease-out;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Premium Header -->\r\n    <header class=\"premium-header\" id=\"mainHeader\">\r\n        <div class=\"container header-container\">\r\n            <div class=\"logo-container\">\r\n                <!-- YOUR SVG LOGO -->\r\n                <svg class=\"logo-svg\" viewBox=\"0 0 260 160\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path fill=\"#8BC53F\" d=\"\r\n                        M130 12\r\n                        C65 12, 30 55, 30 100\r\n                        C30 140, 65 150, 115 150\r\n                        C150 150, 170 135, 170 115\r\n                        C170 90, 150 75, 120 75\r\n                        C100 75, 85 85, 85 100\r\n                        C85 115, 100 120, 115 120\r\n                        L115 105\r\n                        C105 105, 100 102, 100 95\r\n                        C100 85, 110 78, 125 78\r\n                        C150 78, 165 95, 165 115\r\n                        C165 135, 145 145, 120 145\r\n                        C75 145, 45 120, 45 95\r\n                        C45 55, 75 20, 130 20\r\n                        C185 20, 215 55, 215 100\r\n                        L215 150\r\n                        L245 150\r\n                        L245 100\r\n                        C245 45, 200 12, 130 12\r\n                        Z\r\n                    \"\/>\r\n                    <circle cx=\"115\" cy=\"95\" r=\"22\" fill=\"#FFFFFF\"\/>\r\n                    <polygon fill=\"#000000\" points=\"\r\n                        115,72\r\n                        120,86\r\n                        135,86\r\n                        123,95\r\n                        128,110\r\n                        115,101\r\n                        102,110\r\n                        107,95\r\n                        95,86\r\n                        110,86\r\n                    \"\/>\r\n                <\/svg>\r\n                <div class=\"logo-text\">\r\n                    <h1>Abdul Rahim Electrical Works<\/h1>\r\n                    <p class=\"tagline\">Quality You Can Trust<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Desktop Navigation -->\r\n            <nav class=\"main-nav\" id=\"mainNav\">\r\n                <ul>\r\n                    <li><a href=\"#home\" class=\"active\">Home<\/a><\/li>\r\n                    <li><a href=\"#products\">Products<\/a><\/li>\r\n                    <li><a href=\"#contact\">Contact Us<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n            \r\n            <div class=\"header-contact\">\r\n                <a href=\"#contact\" class=\"contact-btn\">Get Quote<\/a>\r\n                <div class=\"mobile-menu-toggle\" id=\"mobileMenuToggle\">\r\n                    <i class=\"fas fa-bars\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n    \r\n    <!-- Mobile Navigation Overlay -->\r\n    <div class=\"nav-overlay\" id=\"navOverlay\"><\/div>\r\n    \r\n    <!-- Premium Hero Section -->\r\n    <section class=\"premium-hero\" id=\"home\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"container\">\r\n            <div class=\"hero-content\">\r\n                <h1>Premium Electrical Products For Industrial & Wholesale Markets<\/h1>\r\n                <p>Abdul Rahim Electrical Works specializes in importing and manufacturing high-quality electrical components, motors, and pumps. We deliver reliability, consistency, and long-term performance you can trust.<\/p>\r\n                <a href=\"#products\" class=\"btn hero-btn\">Explore Our Products <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Premium Products Section -->\r\n    <section class=\"premium-products section-padding\" id=\"products\">\r\n        <div class=\"products-background\"><\/div>\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Our Product Range<\/h2>\r\n                <p>We offer a comprehensive range of electrical products designed for durability and high performance in various daily life applications.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"products-container\">\r\n                <!-- DC Water Pump Category -->\r\n                <div class=\"category-card\" id=\"dcWaterPumpCard\">\r\n                    <div class=\"category-header\" onclick=\"toggleCategory('dcWaterPump')\">\r\n                        <h3><i class=\"fas fa-tint\"><\/i> DC Water Pump<\/h3>\r\n                        <span class=\"category-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"sub-products\" id=\"dcWaterPump\">\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"12v-dc-pump.jpg\" alt=\"12V DC Pump\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>12V DC Pump<\/h4>\r\n                            <p>Small size submersible water pump used in air coolers. Compact design with efficient water flow for cooling systems.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">12V DC<\/span>\r\n                                <span class=\"spec-tag\">Submersible<\/span>\r\n                                <span class=\"spec-tag\">Air Cooler Use<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"15v-dc-pump.jpg\" alt=\"15V DC Pump\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>15V DC Pump<\/h4>\r\n                            <p>Submersible water pump with more power, flow, and height capacity. Ideal for air coolers requiring higher performance.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">15V DC<\/span>\r\n                                <span class=\"spec-tag\">High Power<\/span>\r\n                                <span class=\"spec-tag\">Enhanced Flow<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- AC Water Pump Category -->\r\n                <div class=\"category-card\" id=\"acWaterPumpCard\">\r\n                    <div class=\"category-header\" onclick=\"toggleCategory('acWaterPump')\">\r\n                        <h3><i class=\"fas fa-water\"><\/i> AC Water Pump<\/h3>\r\n                        <span class=\"category-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"sub-products\" id=\"acWaterPump\">\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"25w-ac-pump.jpg\" alt=\"25W AC Pump\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>25W AC Pump<\/h4>\r\n                            <p>Small water pump submersible that works on AC current.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">25W AC<\/span>\r\n                                <span class=\"spec-tag\">Submersible<\/span>\r\n                                <span class=\"spec-tag\">AC Current<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"30w-ac-pump.jpg\" alt=\"30W AC Pump\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>30W AC Pump<\/h4>\r\n                            <p>Medium-power AC submersible pump with enhanced performance.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">30W AC<\/span>\r\n                                <span class=\"spec-tag\">Medium Power<\/span>\r\n                                <span class=\"spec-tag\">Reliable<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"35w-ac-pump.jpg\" alt=\"35W AC Pump\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>35W AC Pump<\/h4>\r\n                            <p>High-performance AC submersible pump with increased water flow.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">35W AC<\/span>\r\n                                <span class=\"spec-tag\">High Performance<\/span>\r\n                                <span class=\"spec-tag\">Durable<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Baleno Motor Category -->\r\n                <div class=\"category-card\" id=\"balenoMotorCard\">\r\n                    <div class=\"category-header\" onclick=\"toggleCategory('balenoMotor')\">\r\n                        <h3><i class=\"fas fa-cogs\"><\/i> Baleno Motor<\/h3>\r\n                        <span class=\"category-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"sub-products\" id=\"balenoMotor\">\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"double-shaft-motor.jpg\" alt=\"Double Shaft Motor\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>Double Shaft Motor<\/h4>\r\n                            <p>12V DC baleno motor with double shaft.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">Double Shaft<\/span>\r\n                                <span class=\"spec-tag\">DC Motor<\/span>\r\n                                <span class=\"spec-tag\">Dual Output<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"single-shaft-motor.jpg\" alt=\"Single Shaft Motor\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>Single Shaft Motor<\/h4>\r\n                            <p>Standard DC motor with single output shaft for most industrial and mechanical applications.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">Single Shaft<\/span>\r\n                                <span class=\"spec-tag\">DC Motor<\/span>\r\n                                <span class=\"spec-tag\">Standard<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"short-shaft-motor.jpg\" alt=\"Short Shaft Motor\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>Short Shaft Motor<\/h4>\r\n                            <p>DC motor with short shaft design for space-constrained applications and installations.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">Short Shaft<\/span>\r\n                                <span class=\"spec-tag\">DC Motor<\/span>\r\n                                <span class=\"spec-tag\">Compact<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Capacitor Category -->\r\n                <div class=\"category-card\" id=\"capacitorCard\">\r\n                    <div class=\"category-header\" onclick=\"toggleCategory('capacitor')\">\r\n                        <h3><i class=\"fas fa-bolt\"><\/i> Capacitor<\/h3>\r\n                        <span class=\"category-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"sub-products\" id=\"capacitor\">\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"3-5amp-capacitor.jpg\" alt=\"3.5 Amp Capacitor\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>3.5 Amp Capacitor<\/h4>\r\n                            <p>Reliable capacitor with 3.5 amp rating for electrical circuits and motor starting applications.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">3.5 Amp<\/span>\r\n                                <span class=\"spec-tag\">Motor Start<\/span>\r\n                                <span class=\"spec-tag\">Circuit Use<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"4-5amp-capacitor.jpg\" alt=\"4.5 Amp Capacitor\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>4.5 Amp Capacitor<\/h4>\r\n                            <p>Medium-capacity capacitor with 4.5 amp rating for enhanced electrical performance.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">4.5 Amp<\/span>\r\n                                <span class=\"spec-tag\">Medium Capacity<\/span>\r\n                                <span class=\"spec-tag\">Enhanced<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"10uf-capacitor.jpg\" alt=\"10uF Capacitor\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>10uF Capacitor<\/h4>\r\n                            <p>High-capacity 10 microfarad capacitor for power factor correction and specialized applications.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">10uF<\/span>\r\n                                <span class=\"spec-tag\">High Capacity<\/span>\r\n                                <span class=\"spec-tag\">Power Factor<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Washing Machine Gear Category -->\r\n                <div class=\"category-card\" id=\"washingMachineGearCard\">\r\n                    <div class=\"category-header\" onclick=\"toggleCategory('washingMachineGear')\">\r\n                        <h3><i class=\"fas fa-cog\"><\/i> Washing Machine Gear<\/h3>\r\n                        <span class=\"category-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"sub-products\" id=\"washingMachineGear\">\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"7100-gear.jpg\" alt=\"7100 Gear\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>7100 Gear<\/h4>\r\n                            <p>Precision washing machine gear model 7100 for smooth operation and reliable performance.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">Model 7100<\/span>\r\n                                <span class=\"spec-tag\">Precision<\/span>\r\n                                <span class=\"spec-tag\">Washing Machine<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"10-teeth-gear.jpg\" alt=\"10 Teeth Gear\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>10 Teeth Gear<\/h4>\r\n                            <p>Washing machine gear with 10 teeth configuration for specific transmission requirements.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">10 Teeth<\/span>\r\n                                <span class=\"spec-tag\">Specific Ratio<\/span>\r\n                                <span class=\"spec-tag\">Transmission<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"11-teeth-gear.jpg\" alt=\"11 Teeth Gear\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>11 Teeth Gear<\/h4>\r\n                            <p>Washing machine gear with 11 teeth design for alternative transmission ratios and applications.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">11 Teeth<\/span>\r\n                                <span class=\"spec-tag\">Alternative Ratio<\/span>\r\n                                <span class=\"spec-tag\">Transmission<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Washing Machine Timer Category -->\r\n                <div class=\"category-card\" id=\"washingMachineTimerCard\">\r\n                    <div class=\"category-header\" onclick=\"toggleCategory('washingMachineTimer')\">\r\n                        <h3><i class=\"fas fa-clock\"><\/i> Washing Machine Timer<\/h3>\r\n                        <span class=\"category-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\r\n                    <\/div>\r\n                    <div class=\"sub-products\" id=\"washingMachineTimer\">\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"15min-timer.jpg\" alt=\"15 Minute Timer\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>15 Minute Timer<\/h4>\r\n                            <p>Washing machine timer with 15-minute cycle setting for standard wash programs.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">15 Minute<\/span>\r\n                                <span class=\"spec-tag\">Cycle Timer<\/span>\r\n                                <span class=\"spec-tag\">Standard<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sub-product-item\">\r\n                            <div class=\"sub-product-img-container\">\r\n                                <img decoding=\"async\" src=\"5min-timer.jpg\" alt=\"5 Minute Timer\" class=\"sub-product-img\">\r\n                            <\/div>\r\n                            <h4>5 Minute Timer<\/h4>\r\n                            <p>Washing machine timer with 5-minute cycle.<\/p>\r\n                            <div class=\"product-specs\">\r\n                                <span class=\"spec-tag\">5 Minute<\/span>\r\n                                <span class=\"spec-tag\">Quick Cycle<\/span>\r\n                                <span class=\"spec-tag\">Rinse Timer<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"text-center mt-40\">\r\n                <a href=\"#contact\" class=\"btn\">Request Custom Quote <i class=\"fas fa-file-alt\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Premium Contact Section -->\r\n    <section class=\"premium-contact section-padding\" id=\"contact\">\r\n        <div class=\"contact-background\"><\/div>\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Contact Us<\/h2>\r\n                <p>Get in touch with us for wholesale inquiries, bulk orders, or customized electrical solutions.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-container\">\r\n                <div class=\"contact-form-container\">\r\n                    <h3>Send Your Inquiry<\/h3>\r\n                    <form id=\"inquiryForm\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"name\">Full Name *<\/label>\r\n                            <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Your Name\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"business\">Business Name *<\/label>\r\n                            <input type=\"text\" id=\"business\" class=\"form-control\" placeholder=\"Your Business Name\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"phone\">Phone Number *<\/label>\r\n                            <input type=\"tel\" id=\"phone\" class=\"form-control\" placeholder=\"Your Phone\/WhatsApp Number\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"message\">Message *<\/label>\r\n                            <textarea id=\"message\" class=\"form-control\" rows=\"5\" placeholder=\"Please describe your requirements...\" required><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"btn\">Submit Inquiry <i class=\"fas fa-paper-plane\"><\/i><\/button>\r\n                    <\/form>\r\n\t\t\t<\/form>\r\n\r\n<script>\r\ndocument.getElementById('inquiryForm').addEventListener('submit', function(e) {\r\n    e.preventDefault(); \/\/ Prevent default form submission\r\n\r\n    \/\/ Get form values\r\n    var name = document.getElementById('name').value.trim();\r\n    var business = document.getElementById('business').value.trim();\r\n    var phone = document.getElementById('phone').value.trim();\r\n    var message = document.getElementById('message').value.trim();\r\n\r\n    \/\/ Your WhatsApp number with country code (no +, no spaces)\r\n    var whatsappNumber = \"+92-321-9446537\"; \/\/ <-- Replace with your number\r\n\r\n    \/\/ Create prefilled WhatsApp message\r\n    var whatsappMessage = \r\n        `Hello! I have an inquiry.%0A%0A` +\r\n        `Full Name: ${name}%0A` +\r\n        `Business Name: ${business}%0A` +\r\n        `Phone: ${phone}%0A` +\r\n        `Message: ${message}`;\r\n\r\n    \/\/ Open WhatsApp\r\n    window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${whatsappMessage}`, '_blank');\r\n\r\n    \/\/ Optional: reset form after sending\r\n    this.reset();\r\n});\r\n<\/script>\r\n\r\n                <\/div>\r\n                \r\n                <div class=\"contact-info-container\">\r\n                    <h3>Contact Details<\/h3>\r\n                    <ul class=\"contact-details\">\r\n                        <li>\r\n                            <div class=\"contact-icon\">\r\n                                <i class=\"fas fa-building\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"contact-text\">\r\n                                <h4>Company Name<\/h4>\r\n                                <p>Abdul Rahim Electrical Works<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                           \r\n    <div class=\"contact-icon\">\r\n        <i class=\"fas fa-phone\"><\/i>\r\n    <\/div>\r\n    <div class=\"contact-text\">\r\n        <h4>Phone \/ WhatsApp<\/h4>\r\n        <p>\r\n    <a href=\"https:\/\/wa.me\/923219446537\" target=\"_blank\">+92-321-9446537<\/a>\r\n<\/p>\r\n\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"contact-icon\">\r\n        <i class=\"far fa-envelope\"><\/i>\r\n    <\/div>\r\n    <div class=\"contact-text\">\r\n        <h4>Email Address<\/h4>\r\n        <p>\r\n            <a href=\"mailto:adpunks@gmail.com\">adpunks@gmail.com<\/a>\r\n        <\/p>\r\n    <\/div>\r\n<\/li>\r\n\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"contact-icon\">\r\n                                <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"contact-text\">\r\n                                <h4>Business Address<\/h4>\r\n\t\t\t\t<p>\r\n    \t\t\t\t<i class=\"fas fa-map-marker-alt\"><\/i> \r\n    \t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/7UhN5bpt7aqmMcUb6?g_st=aw\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n       \t\t\t\t Plot 68, Sundar Industrial Estate, Lahore, Pakistan\r\n    \t\t\t\t<\/a>\r\n\t\t\t\t<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"business-hours\">\r\n                        <h4><i class=\"fas fa-clock\"><\/i> Business Hours<\/h4>\r\n                        <p><span>Monday:<\/span> <span>09:00 AM - 6:00 PM<\/span><\/p>\r\n                        <p><span>Tuesday:<\/span> <span>09:00 AM - 6:00 PM<\/span><\/p>\r\n\t\t\t<p><span>Wednesday:<\/span> <span>09:00 AM - 6:00 PM<\/span><\/p>\r\n\t\t\t<p><span>Thursday:<\/span> <span>09:00 AM - 6:00 PM<\/span><\/p>\r\n\t\t\t<p><span>Friday:<\/span> <span>09:00 AM - 4:00 PM<\/span><\/p>\r\n\t\t\t<p><span>Saturday:<\/span> <span>09:00 PM - 6:00 PM<\/span><\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"social-links mt-40\">\r\n                        <a href=\"https:\/\/wa.me\/923219446537\" target=\"_blank\">\r\n\t\t\t    <i class=\"fab fa-whatsapp\"><\/i>\r\n\t\t\t<\/a>\r\n\r\n                        <a href=\"https:\/\/www.facebook.com\/share\/1CxsLsAk5G\/?mibextid=wwXIfr\" target=\"_blank\">\r\n\t\t\t    <i class=\"fab fa-facebook-f\"><\/i>\r\n\t\t\t<\/a>\r\n\r\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- Premium Footer -->\r\n    <footer class=\"premium-footer\">\r\n        <div class=\"footer-background\"><\/div>\r\n        <div class=\"container\">\r\n            <div class=\"footer-content\">\r\n                <div class=\"footer-logo\">\r\n                    <h3>Abdul Rahim Electrical Works<\/h3>\r\n                    <p>Importers & Manufacturers of premium electrical components with a commitment to quality and reliability.<\/p>\r\n                    <p class=\"footer-tagline\">Quality You Can Trust<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-links\">\r\n                    <h4>Quick Links<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#home\"><i class=\"fas fa-chevron-right\"><\/i> Home<\/a><\/li>\r\n                        <li><a href=\"#products\"><i class=\"fas fa-chevron-right\"><\/i> Products<\/a><\/li>\r\n                        <li><a href=\"#contact\"><i class=\"fas fa-chevron-right\"><\/i> Contact Us<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-contact\">\r\n                    <h4>Contact Info<\/h4>\r\n                    <p>\r\n   \t\t\t <i class=\"fas fa-phone\"><\/i> \r\n  \t\t\t  <a href=\"tel:+923219446537\">+92-321-9446537<\/a>\r\n\t\t\t<\/p>\r\n\t\t<p>\r\n\t\t    <i class=\"fab fa-whatsapp\"><\/i> \r\n    \t\t\t<a href=\"https:\/\/wa.me\/923219446537\" target=\"_blank\">+92-321-9446537 (WhatsApp)<\/a>\r\n\t\t\t<\/p>\r\n\t\t\t<p>\r\n   \t\t\t<i class=\"far fa-envelope\"><\/i> \r\n    \t\t\t<a href=\"mailto:adpunks@gmail.com\">adpunks@gmail.com<\/a>\r\n\t\t\t<\/p>\r\n\r\n\t\t\t<p>\r\n    \t\t\t<i class=\"fas fa-map-marker-alt\"><\/i> \r\n    \t\t\t<a href=\"https:\/\/maps.app.goo.gl\/7UhN5bpt7aqmMcUb6?g_st=aw\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        \t\tPlot 68, Sundar Industrial Estate, Lahore, Pakistan\r\n    \t\t\t<\/a>\r\n\t\t\t<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"copyright\">\r\n                <p>&copy; 2023 Abdul Rahim Electrical Works. All Rights Reserved.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Mobile Menu Toggle\r\n        const mobileMenuToggle = document.getElementById('mobileMenuToggle');\r\n        const mainNav = document.getElementById('mainNav');\r\n        const navOverlay = document.getElementById('navOverlay');\r\n        const mainHeader = document.getElementById('mainHeader');\r\n        \r\n        mobileMenuToggle.addEventListener('click', function() {\r\n            mainNav.classList.toggle('active');\r\n            navOverlay.classList.toggle('active');\r\n            mobileMenuToggle.innerHTML = mainNav.classList.contains('active') ? \r\n                '<i class=\"fas fa-times\"><\/i>' : '<i class=\"fas fa-bars\"><\/i>';\r\n        });\r\n        \r\n        navOverlay.addEventListener('click', function() {\r\n            mainNav.classList.remove('active');\r\n            navOverlay.classList.remove('active');\r\n            mobileMenuToggle.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\r\n        });\r\n        \r\n        \/\/ Category toggle functionality\r\n        function toggleCategory(categoryId) {\r\n            const categoryCard = document.getElementById(categoryId + 'Card');\r\n            \r\n            \/\/ Toggle active class on category card\r\n            categoryCard.classList.toggle('active');\r\n            \r\n            \/\/ If the category is being opened, close others\r\n            if (categoryCard.classList.contains('active')) {\r\n                document.querySelectorAll('.category-card').forEach(card => {\r\n                    if (card.id !== categoryId + 'Card' && card.classList.contains('active')) {\r\n                        card.classList.remove('active');\r\n                    }\r\n                });\r\n            }\r\n        }\r\n        \r\n        \/\/ Form submission\r\n        document.getElementById('inquiryForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            alert('Thank you for your inquiry! We will contact you shortly.');\r\n            this.reset();\r\n        });\r\n        \r\n        \/\/ Initialize first category as open\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            toggleCategory('dcWaterPump');\r\n            \r\n            \/\/ Handle initial hash in URL\r\n            if (window.location.hash) {\r\n                setTimeout(() => {\r\n                    scrollToSection(window.location.hash.substring(1));\r\n                }, 100);\r\n            }\r\n        });\r\n        \r\n        \/\/ ===== SCROLL POSITIONING SYSTEM =====\r\n        \r\n        \/\/ Check if we're on mobile view\r\n        function isMobileView() {\r\n            return window.innerWidth <= 992;\r\n        }\r\n        \r\n        \/\/ Get current header height dynamically\r\n        function getCurrentHeaderHeight() {\r\n            if (isMobileView()) {\r\n                \/\/ On mobile, header is not fixed, so we don't need to offset\r\n                return 0;\r\n            }\r\n            return mainHeader.offsetHeight;\r\n        }\r\n        \r\n        \/\/ Smooth scroll to section with perfect offset\r\n        function scrollToSection(sectionId) {\r\n            const section = document.getElementById(sectionId);\r\n            if (!section) return;\r\n            \r\n            \/\/ Calculate exact scroll position\r\n            const headerHeight = getCurrentHeaderHeight();\r\n            const sectionTop = section.offsetTop;\r\n            \r\n            let scrollPosition;\r\n            \r\n            if (isMobileView()) {\r\n                \/\/ On mobile: header is not fixed, just scroll to section with small offset\r\n                scrollPosition = sectionTop - 20; \/\/ 20px breathing space\r\n            } else {\r\n                \/\/ On desktop: account for fixed header\r\n                scrollPosition = sectionTop - headerHeight - 20; \/\/ 20px breathing space\r\n            }\r\n            \r\n            \/\/ Smooth scroll to calculated position\r\n            window.scrollTo({\r\n                top: scrollPosition,\r\n                behavior: 'smooth'\r\n            });\r\n            \r\n            \/\/ Update URL hash without scrolling\r\n            history.replaceState(null, null, `#${sectionId}`);\r\n            \r\n            \/\/ Update active navigation\r\n            updateActiveNav(sectionId);\r\n        }\r\n        \r\n        \/\/ Update active navigation link\r\n        function updateActiveNav(sectionId) {\r\n            document.querySelectorAll('.main-nav a').forEach(link => {\r\n                link.classList.remove('active');\r\n                if (link.getAttribute('href') === `#${sectionId}`) {\r\n                    link.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n        \r\n        \/\/ Handle navigation link clicks\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n            link.addEventListener('click', function(e) {\r\n                const href = this.getAttribute('href');\r\n                if (href === '#') return;\r\n                \r\n                e.preventDefault();\r\n                const sectionId = href.substring(1);\r\n                \r\n                \/\/ Close mobile menu if open\r\n                if (window.innerWidth <= 992) {\r\n                    mainNav.classList.remove('active');\r\n                    navOverlay.classList.remove('active');\r\n                    mobileMenuToggle.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\r\n                }\r\n                \r\n                \/\/ Scroll to section\r\n                scrollToSection(sectionId);\r\n            });\r\n        });\r\n        \r\n        \/\/ Handle manual scroll for active link highlighting\r\n        let scrollTimeout;\r\n        window.addEventListener('scroll', function() {\r\n            clearTimeout(scrollTimeout);\r\n            scrollTimeout = setTimeout(() => {\r\n                const sections = document.querySelectorAll('section[id]');\r\n                const headerHeight = getCurrentHeaderHeight();\r\n                \r\n                \/\/ Different calculation for mobile vs desktop\r\n                let scrollPosition;\r\n                if (isMobileView()) {\r\n                    \/\/ On mobile: header is not fixed\r\n                    scrollPosition = window.scrollY + 100; \/\/ 100px threshold\r\n                } else {\r\n                    \/\/ On desktop: account for fixed header\r\n                    scrollPosition = window.scrollY + headerHeight + 50; \/\/ 50px threshold\r\n                }\r\n                \r\n                let currentSection = '';\r\n                \r\n                sections.forEach(section => {\r\n                    const sectionTop = section.offsetTop;\r\n                    const sectionHeight = section.offsetHeight;\r\n                    \r\n                    if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\r\n                        currentSection = section.id;\r\n                    }\r\n                });\r\n                \r\n                if (currentSection) {\r\n                    updateActiveNav(currentSection);\r\n                }\r\n            }, 100);\r\n            \r\n            \/\/ Desktop header scroll effect (only on desktop)\r\n            if (!isMobileView()) {\r\n                if (window.pageYOffset > 100) {\r\n                    mainHeader.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.15)';\r\n                    mainHeader.style.padding = '10px 0';\r\n                } else {\r\n                    mainHeader.style.boxShadow = '0 5px 30px rgba(0, 0, 0, 0.08)';\r\n                    mainHeader.style.padding = '20px 0';\r\n                }\r\n            }\r\n        });\r\n        \r\n        \/\/ Browser back\/forward button handling\r\n        window.addEventListener('popstate', function() {\r\n            if (window.location.hash) {\r\n                const sectionId = window.location.hash.substring(1);\r\n                setTimeout(() => {\r\n                    scrollToSection(sectionId);\r\n                }, 100);\r\n            }\r\n        });\r\n        \r\n        \/\/ Handle window resize\r\n        window.addEventListener('resize', function() {\r\n            \/\/ Update active navigation on resize\r\n            const sections = document.querySelectorAll('section[id]');\r\n            const headerHeight = getCurrentHeaderHeight();\r\n            \r\n            let scrollPosition;\r\n            if (isMobileView()) {\r\n                scrollPosition = window.scrollY + 100;\r\n            } else {\r\n                scrollPosition = window.scrollY + headerHeight + 50;socia;\r\n            }\r\n            \r\n            let currentSection = '';\r\n            \r\n            sections.forEach(section => {\r\n                const sectionTop = section.offsetTop;\r\n                const sectionHeight = section.offsetHeight;\r\n                \r\n                if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\r\n                    currentSection = section.id;\r\n                }\r\n            });\r\n            \r\n            if (currentSection) {\r\n                updateActiveNav(currentSection);\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Abdul Rahim Electrical Works | Premium Electrical Solutions Abdul Rahim Electrical Works Quality You Can Trust Home Products Contact Us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Homepage -<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage -\" \/>\n<meta property=\"og:description\" content=\"Abdul Rahim Electrical Works | Premium Electrical Solutions Abdul Rahim Electrical Works Quality You Can Trust Home Products Contact Us [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arew.com.pk\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-25T13:03:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arew.com.pk\/\",\"url\":\"https:\/\/arew.com.pk\/\",\"name\":\"Homepage -\",\"isPartOf\":{\"@id\":\"https:\/\/arew.com.pk\/#website\"},\"datePublished\":\"2026-01-14T10:10:04+00:00\",\"dateModified\":\"2026-01-25T13:03:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/arew.com.pk\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arew.com.pk\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arew.com.pk\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/arew.com.pk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arew.com.pk\/#website\",\"url\":\"https:\/\/arew.com.pk\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/arew.com.pk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Homepage -","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Homepage -","og_description":"Abdul Rahim Electrical Works | Premium Electrical Solutions Abdul Rahim Electrical Works Quality You Can Trust Home Products Contact Us [&hellip;]","og_url":"https:\/\/arew.com.pk\/","article_modified_time":"2026-01-25T13:03:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arew.com.pk\/","url":"https:\/\/arew.com.pk\/","name":"Homepage -","isPartOf":{"@id":"https:\/\/arew.com.pk\/#website"},"datePublished":"2026-01-14T10:10:04+00:00","dateModified":"2026-01-25T13:03:28+00:00","breadcrumb":{"@id":"https:\/\/arew.com.pk\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arew.com.pk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/arew.com.pk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arew.com.pk\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/arew.com.pk\/#website","url":"https:\/\/arew.com.pk\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arew.com.pk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/arew.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arew.com.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arew.com.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arew.com.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arew.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":113,"href":"https:\/\/arew.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":168,"href":"https:\/\/arew.com.pk\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/168"}],"wp:attachment":[{"href":"https:\/\/arew.com.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}