{"id":8412,"date":"2022-06-26T15:31:29","date_gmt":"2022-06-26T15:31:29","guid":{"rendered":"http:\/\/localhost\/gazolin\/?page_id=8412"},"modified":"2026-08-05T21:32:29","modified_gmt":"2026-08-05T21:32:29","slug":"about-us-2","status":"publish","type":"page","link":"https:\/\/taraluxjo.com\/ar\/about-us-2\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8412\" class=\"elementor elementor-8412\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6570d5d e-con-full e-flex e-con e-parent\" data-id=\"6570d5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e887377 elementor-widget elementor-widget-html\" data-id=\"e887377\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\"\n      rel=\"stylesheet\">\n\n<link rel=\"stylesheet\"\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\n\n<section class=\"taralux-about\" dir=\"ltr\">\n\n    <div class=\"taralux-about-container\">\n\n        <!-- Image Side -->\n\n        <div class=\"taralux-about-visual\">\n\n            <div class=\"taralux-about-circle\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-5.27.04-PM.png\"\n                    alt=\"Taralux Group Electrical and Lighting Products\">\n\n                <span class=\"taralux-orange-line line-one\"><\/span>\n                <span class=\"taralux-orange-line line-two\"><\/span>\n\n            <\/div>\n\n            <div class=\"taralux-experience-card\">\n\n                <strong>Trusted<\/strong>\n\n                <span>\n                    Lighting, Electrical & Industrial Solutions\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Content Side -->\n\n        <div class=\"taralux-about-content\">\n\n            <span class=\"taralux-about-label\">\n                ABOUT TARALUX\n            <\/span>\n\n            <h2>\n                About <strong>Us<\/strong>\n            <\/h2>\n\n            <div class=\"taralux-about-text\">\n\n                <div class=\"taralux-paragraph\">\n\n                    <span class=\"taralux-check\">\n                        <i class=\"fa-solid fa-check\"><\/i>\n                    <\/span>\n\n                    <p>\n                        <strong>\n                            Taralux Group for Lighting, Electrical Supplies\n                            & Industrial Tools (West Yafa)\n                        <\/strong>\n                      Taralux Group is a Jordanian company specialized in the\ntrading and supply of lighting, electrical systems, and industrial tools.\nThe company offers a comprehensive range of modern electrical\nproducts that serve residential, commercial, and industrial projects.\nIt is distinguished by providing high-quality products from leading\nglobal brands, with a strong focus on efficiency, safety, energy\nconservation, and delivering advanced technical solutions to its\ncustomers.\n                        supply of lighting, electrical systems, and industrial\n                        tools.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"taralux-paragraph\">\n\n                    <span class=\"taralux-check\">\n                        <i class=\"fa-solid fa-check\"><\/i>\n                    <\/span>\n\n                    <p>\n                       Since its establishment, the company has built a strong reputation in\nthe Jordanian market by offering reliable products, professional\nservices, and competitive pricing, becoming a one-stop destination for\neverything related to lighting, electricity, and industrial tools.\n                    <\/p>\n\n                <\/div>\n    \n\n            <\/div>\n\n            <!-- Features -->\n\n            <div class=\"taralux-about-features\">\n\n                <div class=\"taralux-feature\">\n\n                    <div class=\"taralux-feature-icon\">\n                        <i class=\"fa-solid fa-certificate\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h3>Certified Products<\/h3>\n                        <p>Genuine products from trusted manufacturers.<\/p>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"taralux-feature\">\n\n                    <div class=\"taralux-feature-icon\">\n                        <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h3>Technical Expertise<\/h3>\n                        <p>Professional guidance for every project.<\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <a href=\"#services\" class=\"taralux-about-button\">\n\n                Explore Our Services\n\n                <span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .taralux-about,\n    .taralux-about * {\n        box-sizing: border-box;\n    }\n\n    .taralux-about {\n        --orange: #f57c20;\n        --orange-dark: #d96108;\n        --black: #0b0b0b;\n        --gray: #747474;\n        --light: #f7f7f7;\n        --border: #e9e9e9;\n\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        padding: 105px 24px;\n        font-family: \"Poppins\", sans-serif;\n        background:\n            radial-gradient(\n                circle at 5% 15%,\n                rgba(245, 124, 32, 0.11),\n                transparent 28%\n            ),\n            #ffffff;\n    }\n\n    .taralux-about::before {\n        content: \"\";\n        position: absolute;\n        right: -160px;\n        bottom: -170px;\n        width: 360px;\n        height: 360px;\n        border: 55px solid rgba(245, 124, 32, 0.06);\n        border-radius: 50%;\n        pointer-events: none;\n    }\n\n    .taralux-about-container {\n        position: relative;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: 0.9fr 1.1fr;\n        align-items: center;\n        gap: 80px;\n        width: min(1240px, 100%);\n        margin: 0 auto;\n    }\n\n    \/* Image *\/\n\n    .taralux-about-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 620px;\n    }\n\n    .taralux-about-circle {\n        position: relative;\n        width: min(520px, 100%);\n        aspect-ratio: 1 \/ 1;\n        padding: 12px;\n        background: #ffffff;\n        border: 3px solid var(--orange);\n        border-radius: 50%;\n        box-shadow: 0 28px 65px rgba(0, 0, 0, 0.17);\n    }\n\n    .taralux-about-circle::before {\n        content: \"\";\n        position: absolute;\n        inset: -22px;\n        border: 2px dashed rgba(245, 124, 32, 0.35);\n        border-radius: 50%;\n        animation: taraluxCircleRotate 22s linear infinite;\n    }\n\n    .taralux-about-circle img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 50%;\n    }\n\n    .taralux-orange-line {\n        position: absolute;\n        z-index: 4;\n        display: block;\n        width: 230px;\n        height: 35px;\n        background: var(--orange);\n        border-radius: 100%;\n        transform: rotate(-50deg);\n        clip-path: polygon(0 45%, 100% 0, 86% 65%, 0 100%);\n    }\n\n    .line-one {\n        top: 90px;\n        left: -70px;\n    }\n\n    .line-two {\n        top: 145px;\n        left: -105px;\n        width: 265px;\n        opacity: 0.82;\n    }\n\n    .taralux-experience-card {\n        position: absolute;\n        right: -5px;\n        bottom: 70px;\n        z-index: 6;\n        width: 220px;\n        padding: 22px;\n        color: #ffffff;\n        background: var(--black);\n        border-left: 5px solid var(--orange);\n        border-radius: 17px;\n        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);\n    }\n\n    .taralux-experience-card strong {\n        display: block;\n        margin-bottom: 5px;\n        color: var(--orange);\n        font-size: 27px;\n        font-weight: 800;\n    }\n\n    .taralux-experience-card span {\n        display: block;\n        color: #dddddd;\n        font-size: 12px;\n        line-height: 1.7;\n    }\n\n    \/* Content *\/\n\n    .taralux-about-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 14px;\n        color: var(--orange);\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 2.5px;\n    }\n\n    .taralux-about-label::before {\n        content: \"\";\n        width: 38px;\n        height: 2px;\n        background: var(--orange);\n    }\n\n    .taralux-about-content h2 {\n        margin: 0 0 27px;\n        color: var(--black);\n        font-size: clamp(42px, 5vw, 62px);\n        font-weight: 800;\n        line-height: 1.12;\n    }\n\n    .taralux-about-content h2 strong {\n        color: var(--orange);\n        font-weight: 800;\n    }\n\n    .taralux-about-text {\n        display: grid;\n        gap: 16px;\n        margin-bottom: 30px;\n    }\n\n    .taralux-paragraph {\n        display: grid;\n        grid-template-columns: 34px 1fr;\n        align-items: flex-start;\n        gap: 13px;\n    }\n\n    .taralux-check {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 31px;\n        height: 31px;\n        margin-top: 2px;\n        color: #ffffff;\n        background: var(--orange);\n        border-radius: 50%;\n        font-size: 12px;\n        box-shadow: 0 8px 18px rgba(245, 124, 32, 0.25);\n    }\n\n    .taralux-paragraph p {\n        margin: 0;\n        color: var(--gray);\n        font-size: 14px;\n        line-height: 1.9;\n    }\n\n    .taralux-paragraph p strong {\n        color: var(--black);\n        font-weight: 700;\n    }\n\n    \/* Features *\/\n\n    .taralux-about-features {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n        margin-bottom: 30px;\n    }\n\n    .taralux-feature {\n        display: grid;\n        grid-template-columns: 55px 1fr;\n        align-items: center;\n        gap: 15px;\n        padding: 20px;\n        background: var(--light);\n        border: 1px solid var(--border);\n        border-radius: 16px;\n        transition:\n            transform 0.35s ease,\n            border-color 0.35s ease,\n            box-shadow 0.35s ease;\n    }\n\n    .taralux-feature:hover {\n        background: #ffffff;\n        border-color: var(--orange);\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.09);\n        transform: translateY(-6px);\n    }\n\n    .taralux-feature-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 55px;\n        height: 55px;\n        color: var(--orange);\n        background: rgba(245, 124, 32, 0.1);\n        border: 1px solid rgba(245, 124, 32, 0.35);\n        border-radius: 50%;\n        font-size: 21px;\n        transition:\n            color 0.35s ease,\n            background 0.35s ease;\n    }\n\n    .taralux-feature:hover .taralux-feature-icon {\n        color: #ffffff;\n        background: var(--orange);\n    }\n\n    .taralux-feature h3 {\n        margin: 0 0 5px;\n        color: var(--black);\n        font-size: 15px;\n        font-weight: 700;\n    }\n\n    .taralux-feature p {\n        margin: 0;\n        color: var(--gray);\n        font-size: 11px;\n        line-height: 1.6;\n    }\n\n    \/* Button *\/\n\n    .taralux-about-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 14px;\n        padding: 8px 8px 8px 24px;\n        color: #ffffff;\n        background: var(--black);\n        border-radius: 50px;\n        font-size: 13px;\n        font-weight: 700;\n        text-decoration: none;\n        transition:\n            background 0.3s ease,\n            transform 0.3s ease,\n            box-shadow 0.3s ease;\n    }\n\n    .taralux-about-button span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        color: #ffffff;\n        background: var(--orange);\n        border-radius: 50%;\n        transition: transform 0.3s ease;\n    }\n\n    .taralux-about-button:hover {\n        color: #ffffff;\n        background: var(--orange-dark);\n        box-shadow: 0 14px 30px rgba(245, 124, 32, 0.26);\n        transform: translateY(-3px);\n    }\n\n    .taralux-about-button:hover span {\n        background: var(--black);\n        transform: translateX(3px);\n    }\n\n    @keyframes taraluxCircleRotate {\n        from {\n            transform: rotate(0deg);\n        }\n\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    \/* Tablet *\/\n\n    @media (max-width: 1024px) {\n        .taralux-about-container {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }\n\n        .taralux-about-visual {\n            min-height: auto;\n        }\n\n        .taralux-about-circle {\n            max-width: 470px;\n        }\n\n        .taralux-about-content {\n            max-width: 800px;\n            margin: auto;\n            text-align: center;\n        }\n\n        .taralux-about-label {\n            justify-content: center;\n        }\n\n        .taralux-about-label::after {\n            content: \"\";\n            width: 38px;\n            height: 2px;\n            background: var(--orange);\n        }\n\n        .taralux-paragraph {\n            text-align: left;\n        }\n\n        .taralux-feature {\n            text-align: left;\n        }\n    }\n\n    \/* Mobile *\/\n\n    @media (max-width: 767px) {\n        .taralux-about {\n            padding: 75px 16px;\n        }\n\n        .taralux-about-container {\n            gap: 45px;\n        }\n\n        .taralux-about-circle {\n            width: 330px;\n            max-width: 88%;\n        }\n\n        .taralux-orange-line {\n            width: 150px;\n            height: 25px;\n        }\n\n        .line-one {\n            top: 55px;\n            left: -40px;\n        }\n\n        .line-two {\n            top: 95px;\n            left: -55px;\n            width: 175px;\n        }\n\n        .taralux-experience-card {\n            right: 0;\n            bottom: 20px;\n            width: 175px;\n            padding: 16px;\n        }\n\n        .taralux-experience-card strong {\n            font-size: 21px;\n        }\n\n        .taralux-experience-card span {\n            font-size: 10px;\n        }\n\n        .taralux-about-content h2 {\n            font-size: 38px;\n        }\n\n        .taralux-paragraph {\n            grid-template-columns: 30px 1fr;\n            gap: 11px;\n        }\n\n        .taralux-check {\n            width: 28px;\n            height: 28px;\n        }\n\n        .taralux-paragraph p {\n            font-size: 13px;\n        }\n\n        .taralux-about-features {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (max-width: 420px) {\n        .taralux-about-content h2 {\n            font-size: 33px;\n        }\n\n        .taralux-experience-card {\n            position: relative;\n            right: auto;\n            bottom: auto;\n            width: 88%;\n            margin: -35px auto 0;\n        }\n\n        .taralux-about-visual {\n            flex-direction: column;\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e99d3fc e-con-full e-flex e-con e-parent\" data-id=\"e99d3fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e25e528 elementor-widget elementor-widget-html\" data-id=\"e25e528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap\"\n      rel=\"stylesheet\">\n\n<link rel=\"stylesheet\"\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\n\n<section class=\"taralux-vision-section\" >\n\n    <div class=\"taralux-vision-container\">\n\n        <div class=\"taralux-section-heading\">\n\n            <span class=\"taralux-small-title\">\n                WHO WE ARE\n            <\/span>\n\n            <h2>\n                Our Vision, Mission\n                <strong>& Values<\/strong>\n            <\/h2>\n\n            <p>\n                Our vision, mission, and values guide everything we do,\n                from selecting trusted products to delivering reliable\n                lighting, electrical, and industrial solutions.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"taralux-main-cards\">\n\n            <!-- Vision -->\n\n            <article class=\"taralux-main-card\">\n\n                <span class=\"taralux-card-number\">01<\/span>\n\n                <div class=\"taralux-icon-wrap\">\n                    <i class=\"fa-solid fa-bullseye\"><\/i>\n                <\/div>\n\n                <div class=\"taralux-card-content\">\n\n                    <span class=\"taralux-card-label\">\n                       \n                    <\/span>\n\n                    <h3>Our Vision<\/h3>\n\n                    <p>\n                        To be the first choice in Jordan for lighting,\n                        electrical systems, and industrial tools by providing\n                        world-class products and professional services that\n                        keep pace with technological advancement and meet\n                        local and regional market needs.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- Mission -->\n\n            <article class=\"taralux-main-card\">\n\n                <span class=\"taralux-card-number\">02<\/span>\n\n                <div class=\"taralux-icon-wrap\">\n                    <i class=\"fa-solid fa-rocket\"><\/i>\n                <\/div>\n\n                <div class=\"taralux-card-content\">\n\n                    <span class=\"taralux-card-label\">\n                        \n                    <\/span>\n\n                    <h3>Our Mission<\/h3>\n\n                    <p>\n                        To deliver integrated lighting and electrical\n                        solutions that enhance energy efficiency, improve\n                        electrical safety, and achieve the highest levels\n                        of quality and reliability for our clients.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n        <!-- Values -->\n\n        <div class=\"taralux-values-box\">\n\n            <div class=\"taralux-values-heading\">\n\n                <div class=\"taralux-values-icon\">\n                    <i class=\"fa-solid fa-gem\"><\/i>\n                <\/div>\n\n                <div>\n                    <h3>Our Values<\/h3>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"taralux-values-grid\">\n\n                <!-- Value 1 -->\n\n                <div class=\"taralux-value-item\">\n\n                    <div class=\"taralux-value-icon\">\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h4>Quality & Reliability<\/h4>\n\n                       \n                    <\/div>\n\n                <\/div>\n\n                <!-- Value 2 -->\n\n                <div class=\"taralux-value-item\">\n\n                    <div class=\"taralux-value-icon\">\n                        <i class=\"fa-solid fa-headset\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h4>Professional Customer Service<\/h4>\n\n                       \n                    <\/div>\n\n                <\/div>\n\n                <!-- Value 3 -->\n\n                <div class=\"taralux-value-item\">\n\n                    <div class=\"taralux-value-icon\">\n                        <i class=\"fa-solid fa-handshake\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h4>Long-Term Partnerships<\/h4>\n\n                        \n                    <\/div>\n\n                <\/div>\n\n                <!-- Value 4 -->\n\n                <div class=\"taralux-value-item\">\n\n                    <div class=\"taralux-value-icon\">\n                        <i class=\"fa-solid fa-lightbulb\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h4>Innovation & Development<\/h4>\n\n            \n                    <\/div>\n\n                <\/div>\n\n                <!-- Value 5 -->\n\n                <div class=\"taralux-value-item\">\n\n                    <div class=\"taralux-value-icon\">\n                        <i class=\"fa-solid fa-helmet-safety\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h4>Safety & Efficiency<\/h4>\n\n                        <p>\n                           \n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Value 6 -->\n\n                <div class=\"taralux-value-item\">\n\n                    <div class=\"taralux-value-icon\">\n                        <i class=\"fa-solid fa-award\"><\/i>\n                    <\/div>\n\n                    <div>\n                        <h4>Customer Satisfaction<\/h4>\n\n                        <p>\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .taralux-vision-section,\n    .taralux-vision-section * {\n        box-sizing: border-box;\n    }\n\n    .taralux-vision-section {\n        --orange: #f57c20;\n        --orange-dark: #d96108;\n        --black: #0b0b0b;\n        --dark: #151515;\n        --gray: #777777;\n        --light: #f7f7f7;\n        --border: #e9e9e9;\n\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        padding: 100px 22px;\n        font-family: \"Poppins\", sans-serif;\n        background:\n            radial-gradient(\n                circle at 5% 10%,\n                rgba(245, 124, 32, 0.11),\n                transparent 26%\n            ),\n            radial-gradient(\n                circle at 95% 90%,\n                rgba(245, 124, 32, 0.08),\n                transparent 25%\n            ),\n            #ffffff;\n    }\n\n    .taralux-vision-section::before {\n        content: \"\";\n        position: absolute;\n        top: -150px;\n        right: -150px;\n        width: 320px;\n        height: 320px;\n        border: 50px solid rgba(245, 124, 32, 0.06);\n        border-radius: 50%;\n        pointer-events: none;\n    }\n\n    .taralux-vision-section::after {\n        content: \"\";\n        position: absolute;\n        bottom: -170px;\n        left: -160px;\n        width: 350px;\n        height: 350px;\n        border: 55px solid rgba(245, 124, 32, 0.05);\n        border-radius: 50%;\n        pointer-events: none;\n    }\n\n    .taralux-vision-container {\n        position: relative;\n        z-index: 2;\n        width: min(1240px, 100%);\n        margin: 0 auto;\n    }\n\n    \/* Heading *\/\n\n    .taralux-section-heading {\n        max-width: 780px;\n        margin: 0 auto 58px;\n        text-align: center;\n    }\n\n    .taralux-small-title {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-bottom: 14px;\n        color: var(--orange);\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 2.5px;\n    }\n\n    .taralux-small-title::before,\n    .taralux-small-title::after {\n        content: \"\";\n        width: 36px;\n        height: 2px;\n        background: var(--orange);\n    }\n\n    .taralux-section-heading h2 {\n        margin: 0 0 18px;\n        color: var(--black);\n        font-size: clamp(38px, 5vw, 58px);\n        font-weight: 800;\n        line-height: 1.15;\n    }\n\n    .taralux-section-heading h2 strong {\n        color: var(--orange);\n        font-weight: 800;\n    }\n\n    .taralux-section-heading p {\n        max-width: 720px;\n        margin: 0 auto;\n        color: var(--gray);\n        font-size: 15px;\n        line-height: 1.9;\n    }\n\n    \/* Main cards *\/\n\n    .taralux-main-cards {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 26px;\n        margin-bottom: 30px;\n    }\n\n    .taralux-main-card {\n        position: relative;\n        display: grid;\n        grid-template-columns: 95px 1fr;\n        align-items: start;\n        gap: 26px;\n        min-height: 340px;\n        padding: 42px 38px;\n        overflow: hidden;\n        background: var(--black);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 25px;\n        box-shadow: 0 24px 55px rgba(0, 0, 0, 0.15);\n        transition:\n            transform 0.4s ease,\n            border-color 0.4s ease,\n            box-shadow 0.4s ease;\n    }\n\n    .taralux-main-card::before {\n        content: \"\";\n        position: absolute;\n        top: -110px;\n        right: -110px;\n        width: 260px;\n        height: 260px;\n        background: var(--orange);\n        border-radius: 50%;\n        opacity: 0.11;\n        transition:\n            width 0.5s ease,\n            height 0.5s ease,\n            opacity 0.5s ease;\n    }\n\n    .taralux-main-card::after {\n        content: \"\";\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 5px;\n        background: linear-gradient(\n            90deg,\n            var(--orange),\n            #ffad63\n        );\n        transform: scaleX(0.3);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }\n\n    .taralux-main-card:hover {\n        border-color: rgba(245, 124, 32, 0.7);\n        box-shadow: 0 30px 65px rgba(0, 0, 0, 0.23);\n        transform: translateY(-10px);\n    }\n\n    .taralux-main-card:hover::before {\n        width: 520px;\n        height: 520px;\n        opacity: 0.18;\n    }\n\n    .taralux-main-card:hover::after {\n        transform: scaleX(1);\n    }\n\n    .taralux-icon-wrap {\n        position: relative;\n        z-index: 2;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 90px;\n        height: 90px;\n        color: var(--orange);\n        background: rgba(245, 124, 32, 0.09);\n        border: 2px solid var(--orange);\n        border-radius: 50%;\n        font-size: 36px;\n        transition:\n            color 0.35s ease,\n            background 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .taralux-icon-wrap::after {\n        content: \"\";\n        position: absolute;\n        inset: -9px;\n        border: 1px dashed rgba(245, 124, 32, 0.4);\n        border-radius: 50%;\n        transition: transform 0.6s ease;\n    }\n\n    .taralux-main-card:hover .taralux-icon-wrap {\n        color: #ffffff;\n        background: var(--orange);\n        transform: scale(1.05);\n    }\n\n    .taralux-main-card:hover .taralux-icon-wrap::after {\n        transform: rotate(90deg);\n    }\n\n    .taralux-card-content {\n        position: relative;\n        z-index: 2;\n    }\n\n    .taralux-card-label {\n        display: block;\n        margin-bottom: 8px;\n        color: var(--orange);\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 2px;\n    }\n\n    .taralux-card-content h3 {\n        margin: 0 0 17px;\n        color: #ffffff;\n        font-size: 33px;\n        font-weight: 800;\n        line-height: 1.25;\n    }\n\n    .taralux-card-content p {\n        margin: 0;\n        color: #bfbfbf;\n        font-size: 14px;\n        line-height: 1.95;\n    }\n\n    .taralux-card-number {\n        position: absolute;\n        right: 25px;\n        bottom: 16px;\n        color: rgba(255, 255, 255, 0.055);\n        font-size: 85px;\n        font-weight: 800;\n        line-height: 1;\n    }\n\n    \/* Values box *\/\n\n    .taralux-values-box {\n        position: relative;\n        padding: 42px;\n        overflow: hidden;\n        background: #ffffff;\n        border: 1px solid var(--border);\n        border-radius: 25px;\n        box-shadow: 0 20px 55px rgba(0, 0, 0, 0.075);\n    }\n\n    .taralux-values-box::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 200px;\n        height: 200px;\n        background:\n            radial-gradient(\n                circle,\n                rgba(245, 124, 32, 0.13),\n                transparent 68%\n            );\n        pointer-events: none;\n    }\n\n    .taralux-values-heading {\n        position: relative;\n        z-index: 2;\n        display: flex;\n        align-items: center;\n        gap: 22px;\n        margin-bottom: 34px;\n    }\n\n    .taralux-values-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 78px;\n        height: 78px;\n        flex: 0 0 78px;\n        color: #ffffff;\n        background: var(--orange);\n        border-radius: 50%;\n        font-size: 30px;\n        box-shadow: 0 13px 30px rgba(245, 124, 32, 0.28);\n    }\n\n    .taralux-values-heading span {\n        display: block;\n        margin-bottom: 4px;\n        color: var(--orange);\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 2px;\n    }\n\n    .taralux-values-heading h3 {\n        margin: 0;\n        color: var(--black);\n        font-size: 35px;\n        font-weight: 800;\n        line-height: 1.25;\n    }\n\n    .taralux-values-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 18px;\n    }\n\n    .taralux-value-item {\n        position: relative;\n        display: grid;\n        grid-template-columns: 55px 1fr;\n        align-items: start;\n        gap: 16px;\n        min-height: 155px;\n        padding: 24px;\n        overflow: hidden;\n        background: var(--light);\n        border: 1px solid #eeeeee;\n        border-radius: 18px;\n        transition:\n            transform 0.35s ease,\n            border-color 0.35s ease,\n            box-shadow 0.35s ease,\n            background 0.35s ease;\n    }\n\n    .taralux-value-item::before {\n        content: \"\";\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 4px;\n        background: var(--orange);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.35s ease;\n    }\n\n    .taralux-value-item:hover {\n        background: #ffffff;\n        border-color: rgba(245, 124, 32, 0.5);\n        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);\n        transform: translateY(-7px);\n    }\n\n    .taralux-value-item:hover::before {\n        transform: scaleX(1);\n    }\n\n    .taralux-value-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 55px;\n        height: 55px;\n        color: var(--orange);\n        background: rgba(245, 124, 32, 0.1);\n        border: 1px solid rgba(245, 124, 32, 0.35);\n        border-radius: 50%;\n        font-size: 21px;\n        transition:\n            color 0.35s ease,\n            background 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .taralux-value-item:hover .taralux-value-icon {\n        color: #ffffff;\n        background: var(--orange);\n        transform: rotate(-7deg) scale(1.05);\n    }\n\n    .taralux-value-item h4 {\n        margin: 0 0 8px;\n        color: var(--black);\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 1.45;\n    }\n\n    .taralux-value-item p {\n        margin: 0;\n        color: var(--gray);\n        font-size: 12px;\n        line-height: 1.7;\n    }\n\n    \/* Tablet *\/\n\n    @media (max-width: 1024px) {\n        .taralux-main-cards {\n            grid-template-columns: 1fr;\n        }\n\n        .taralux-main-card {\n            min-height: auto;\n        }\n\n        .taralux-values-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* Mobile *\/\n\n    @media (max-width: 767px) {\n        .taralux-vision-section {\n            padding: 75px 15px;\n        }\n\n        .taralux-section-heading {\n            margin-bottom: 40px;\n        }\n\n        .taralux-section-heading h2 {\n            font-size: 36px;\n        }\n\n        .taralux-section-heading p {\n            font-size: 14px;\n        }\n\n        .taralux-main-card {\n            grid-template-columns: 1fr;\n            gap: 22px;\n            padding: 32px 25px;\n        }\n\n        .taralux-icon-wrap {\n            width: 78px;\n            height: 78px;\n            font-size: 30px;\n        }\n\n        .taralux-card-content h3 {\n            font-size: 28px;\n        }\n\n        .taralux-card-content p {\n            font-size: 13px;\n        }\n\n        .taralux-card-number {\n            font-size: 65px;\n        }\n\n        .taralux-values-box {\n            padding: 28px 20px;\n        }\n\n        .taralux-values-heading {\n            align-items: flex-start;\n        }\n\n        .taralux-values-icon {\n            width: 65px;\n            height: 65px;\n            flex-basis: 65px;\n            font-size: 25px;\n        }\n\n        .taralux-values-heading h3 {\n            font-size: 29px;\n        }\n\n        .taralux-values-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .taralux-value-item {\n            min-height: auto;\n        }\n    }\n\n    @media (max-width: 420px) {\n        .taralux-section-heading h2 {\n            font-size: 31px;\n        }\n\n        .taralux-values-heading {\n            gap: 15px;\n        }\n\n        .taralux-values-heading h3 {\n            font-size: 25px;\n        }\n\n        .taralux-value-item {\n            grid-template-columns: 48px 1fr;\n            padding: 20px 17px;\n        }\n\n        .taralux-value-icon {\n            width: 48px;\n            height: 48px;\n            font-size: 18px;\n        }\n    }\n\n    \/* =========================================\n       Automatic Arabic \/ RTL support\n       Works with html[dir=\"rtl\"] and WordPress body.rtl\n    ========================================== *\/\n\n    html[dir=\"rtl\"] .taralux-vision-section,\n    body.rtl .taralux-vision-section {\n        direction: rtl;\n        font-family: \"Cairo\", \"Poppins\", sans-serif;\n    }\n\n    html[dir=\"rtl\"] .taralux-vision-container,\n    body.rtl .taralux-vision-container,\n    html[dir=\"rtl\"] .taralux-main-cards,\n    body.rtl .taralux-main-cards,\n    html[dir=\"rtl\"] .taralux-values-grid,\n    body.rtl .taralux-values-grid {\n        direction: rtl;\n    }\n\n    html[dir=\"rtl\"] .taralux-main-card,\n    body.rtl .taralux-main-card,\n    html[dir=\"rtl\"] .taralux-card-content,\n    body.rtl .taralux-card-content,\n    html[dir=\"rtl\"] .taralux-values-heading,\n    body.rtl .taralux-values-heading,\n    html[dir=\"rtl\"] .taralux-value-item,\n    body.rtl .taralux-value-item {\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .taralux-main-card::before,\n    body.rtl .taralux-main-card::before {\n        right: auto;\n        left: -110px;\n    }\n\n    html[dir=\"rtl\"] .taralux-main-card::after,\n    body.rtl .taralux-main-card::after,\n    html[dir=\"rtl\"] .taralux-value-item::before,\n    body.rtl .taralux-value-item::before {\n        transform-origin: right;\n    }\n\n    html[dir=\"rtl\"] .taralux-card-number,\n    body.rtl .taralux-card-number {\n        right: auto;\n        left: 25px;\n    }\n\n    html[dir=\"rtl\"] .taralux-values-box::before,\n    body.rtl .taralux-values-box::before {\n        right: auto;\n        left: 0;\n    }\n\n    html[dir=\"rtl\"] .taralux-values-heading,\n    body.rtl .taralux-values-heading {\n        flex-direction: row;\n    }\n\n    html[dir=\"rtl\"] .taralux-vision-section::before,\n    body.rtl .taralux-vision-section::before {\n        right: auto;\n        left: -150px;\n    }\n\n    html[dir=\"rtl\"] .taralux-vision-section::after,\n    body.rtl .taralux-vision-section::after {\n        left: auto;\n        right: -160px;\n    }\n\n    @media (max-width: 767px) {\n        html[dir=\"rtl\"] .taralux-main-card,\n        body.rtl .taralux-main-card {\n            text-align: right;\n        }\n\n        html[dir=\"rtl\"] .taralux-card-number,\n        body.rtl .taralux-card-number {\n            right: auto;\n            left: 20px;\n        }\n    }\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2898d4 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none\" data-id=\"f2898d4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-extended \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dac5c96 ct-column-none\" data-id=\"dac5c96\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap\">\n                    \n                    <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trusted Lighting, Electrical &#038; Industrial Solutions ABOUT TARALUX About Us Taralux Group for Lighting, Electrical Supplies &#038; Industrial Tools (West Yafa) Taralux Group is a Jordanian company specialized in the trading and supply of lighting, electrical systems, and industrial tools. The company offers a comprehensive range of modern electrical products that serve residential, commercial, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8412","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/8412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/comments?post=8412"}],"version-history":[{"count":33,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/8412\/revisions"}],"predecessor-version":[{"id":9131,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/8412\/revisions\/9131"}],"wp:attachment":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/media?parent=8412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}