{"id":47,"date":"2022-05-03T07:00:13","date_gmt":"2022-05-03T07:00:13","guid":{"rendered":"http:\/\/localhost\/gazolin\/?page_id=47"},"modified":"2026-08-30T14:12:04","modified_gmt":"2026-08-30T14:12:04","slug":"home-main","status":"publish","type":"page","link":"https:\/\/taraluxjo.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-a7b92b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none\" data-id=\"a7b92b0\" data-element_type=\"section\" data-e-type=\"section\" id=\"home\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5628ead ct-column-none\" data-id=\"5628ead\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-e3db757 elementor-widget elementor-widget-slider_revolution\" data-id=\"e3db757\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t\t\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"slider-1\" data-id=\"1\" id=\"SR7_1_1\" class=\"rs-ov-hidden\" data-version=\"6.7.40\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-1\" data-key=\"1\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-1-9\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-5.27.04-PM.png\" alt=\"\" title=\"Screenshot 2026-08-02 at 5.27.04\u202fPM\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<a id=\"btn-slide\" class=\"sr7-layer\" href=\"https:\/\/demo.bravisthemes.com\/gazolin\/contact-us\/\" target=\"_self\"><span>Let's Start<\/span><\/a>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_1_1-1-4\" class=\"sr7-layer\">I lluminating the future and powering smarter solutions.<br \/>\n<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_1_1-1-8\" class=\"sr7-layer\" href=\"https:\/\/demo.bravisthemes.com\/gazolin\/services-1\/\" target=\"_self\"><span>Our Services <\/span><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-2\" data-key=\"2\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_1_1-2-3\" class=\"sr7-layer\"><noscript><img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2022\/06\/03_header-1.jpg\" alt=\"03_header\" title=\"03_header\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_1_1-28\" data-key=\"28\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-02-at-5.27.04-PM.png\" data-libid=\"8917\" data-lib=\"medialibrary\" title=\"Screenshot 2026-08-02 at 5.27.04\u202fPM\" width=\"0\" height=\"0\" data-dbsrc=\"Ly90YXJhbHV4am8uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA4L1NjcmVlbnNob3QtMjAyNi0wOC0wMi1hdC01LjI3LjA0LVBNLnBuZw==\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/9708c815-1e43-4ba0-a159-f70b078c5c53-e1785859776858.png\" data-libid=\"9062\" title=\"9708c815-1e43-4ba0-a159-f70b078c5c53\" width=\"0\" height=\"0\" data-dbsrc=\"Ly90YXJhbHV4am8uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA4Lzk3MDhjODE1LTFlNDMtNGJhMC1hMTU5LWY3MGIwNzhjNWM1My1lMTc4NTg1OTc3Njg1OC5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/taraluxjo.com\/wp-content\/uploads\/2022\/06\/03_header-1.jpg\" data-libid=\"6201\" data-lib=\"medialibrary\" alt=\"03_header\" title=\"03_header\" width=\"0\" height=\"0\" data-dbsrc=\"Ly90YXJhbHV4am8uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIyLzA2LzAzX2hlYWRlci0xLmpwZw==\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_1_1\"] = {cn:100,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_1_1\",el:[955,955,768,960,720],type:'standard',shdw:'0',gh:[955,955,768,960,720],gw:[1240,1240,1024,778,480],vpt:['-100px&#039;,&#039;-100px&#039;,&#039;-100px&#039;,&#039;-100px&#039;,&#039;-100px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"orig\":\"transparent\",\"type\":\"solid\",\"string\":\"transparent\"}'}});   SR7.PMH[\"SR7_1_1\"].state=true;} else if(SR7.PMH[\"SR7_1_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_1_1\"].fn,19);}};SR7.PMH[\"SR7_1_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        <div class=\"elementor-element elementor-element-7797d34 e-con-full e-flex e-con e-parent\" data-id=\"7797d34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f88dc elementor-widget elementor-widget-html\" data-id=\"32f88dc\" 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-about\">\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               \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\n    \/* Arabic \/ RTL automatic layout *\/\n    html[dir=\"rtl\"] .taralux-about,\n    body.rtl .taralux-about {\n        direction: rtl;\n        font-family: \"Cairo\", \"Poppins\", sans-serif;\n    }\n\n    html[dir=\"rtl\"] .taralux-about-container,\n    body.rtl .taralux-about-container {\n        direction: rtl;\n    }\n\n    html[dir=\"rtl\"] .taralux-about-content,\n    body.rtl .taralux-about-content {\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .taralux-about-label,\n    body.rtl .taralux-about-label {\n        flex-direction: row-reverse;\n    }\n\n    html[dir=\"rtl\"] .taralux-paragraph,\n    body.rtl .taralux-paragraph {\n        grid-template-columns: 34px 1fr;\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .taralux-feature,\n    body.rtl .taralux-feature {\n        grid-template-columns: 55px 1fr;\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .taralux-experience-card,\n    body.rtl .taralux-experience-card {\n        right: auto;\n        left: -5px;\n        border-left: 0;\n        border-right: 5px solid var(--orange);\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .taralux-about-button,\n    body.rtl .taralux-about-button {\n        flex-direction: row-reverse;\n        padding: 8px 24px 8px 8px;\n    }\n\n    html[dir=\"rtl\"] .taralux-about-button i,\n    body.rtl .taralux-about-button i {\n        transform: rotate(180deg);\n    }\n\n    html[dir=\"rtl\"] .taralux-about-button:hover span,\n    body.rtl .taralux-about-button:hover span {\n        transform: translateX(-3px);\n    }\n\n    html[dir=\"rtl\"] .taralux-about::before,\n    body.rtl .taralux-about::before {\n        right: auto;\n        left: -160px;\n    }\n\n    @media (max-width: 1024px) {\n        html[dir=\"rtl\"] .taralux-about-content,\n        body.rtl .taralux-about-content {\n            text-align: center;\n        }\n\n        html[dir=\"rtl\"] .taralux-paragraph,\n        body.rtl .taralux-paragraph,\n        html[dir=\"rtl\"] .taralux-feature,\n        body.rtl .taralux-feature {\n            text-align: right;\n        }\n    }\n\n    @media (max-width: 767px) {\n        html[dir=\"rtl\"] .taralux-experience-card,\n        body.rtl .taralux-experience-card {\n            right: auto;\n            left: 0;\n        }\n    }\n\n    @media (max-width: 420px) {\n        html[dir=\"rtl\"] .taralux-experience-card,\n        body.rtl .taralux-experience-card {\n            right: auto;\n            left: auto;\n        }\n    }\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23a77fa e-con-full e-flex e-con e-parent\" data-id=\"23a77fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-066fa0b elementor-widget elementor-widget-html\" data-id=\"066fa0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Taralux Services<\/title>\n\n    <!-- Font -->\n    <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    <!-- Font Awesome Icons -->\n    <link rel=\"stylesheet\"\n          href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: \"Poppins\", sans-serif;\n            background: #ffffff;\n            color: #111111;\n        }\n\n        .taralux-services {\n            --orange: #f57c20;\n            --orange-dark: #d95c00;\n            --black: #0b0b0b;\n            --dark: #151515;\n            --light: #f7f7f7;\n            --gray: #777777;\n\n            position: relative;\n            overflow: hidden;\n            padding: 100px 25px;\n            background:\n                radial-gradient(\n                    circle at 8% 15%,\n                    rgba(245, 124, 32, 0.10),\n                    transparent 25%\n                ),\n                #ffffff;\n        }\n\n        .services-container {\n            width: min(1240px, 100%);\n            margin: auto;\n        }\n\n        \/* Section title *\/\n\n        .section-heading {\n            max-width: 720px;\n            margin: 0 auto 60px;\n            text-align: center;\n        }\n\n        .section-label {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 14px;\n            color: var(--orange);\n            font-size: 14px;\n            font-weight: 700;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        .section-label::before,\n        .section-label::after {\n            content: \"\";\n            width: 34px;\n            height: 2px;\n            background: var(--orange);\n        }\n\n        .section-heading h2 {\n            margin-bottom: 16px;\n            color: var(--black);\n            font-size: clamp(34px, 5vw, 55px);\n            font-weight: 800;\n            line-height: 1.15;\n        }\n\n        .section-heading h2 span {\n            color: var(--orange);\n        }\n\n        .section-heading p {\n            color: var(--gray);\n            font-size: 16px;\n            line-height: 1.9;\n        }\n\n        \/* Services grid *\/\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 22px;\n        }\n\n        .service-card {\n            position: relative;\n            min-height: 390px;\n            padding: 38px 28px 30px;\n            overflow: hidden;\n            isolation: isolate;\n            background: var(--black);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 24px;\n            transition:\n                transform 0.4s ease,\n                box-shadow 0.4s ease,\n                border-color 0.4s ease;\n        }\n\n        .service-card::before {\n            content: \"\";\n            position: absolute;\n            top: -90px;\n            right: -90px;\n            width: 210px;\n            height: 210px;\n            z-index: -1;\n            background: var(--orange);\n            border-radius: 50%;\n            opacity: 0.12;\n            transition:\n                width 0.5s ease,\n                height 0.5s ease,\n                opacity 0.5s ease;\n        }\n\n        .service-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                #ffad65\n            );\n            transform: scaleX(0.3);\n            transform-origin: left;\n            transition: transform 0.4s ease;\n        }\n\n        .service-card:hover {\n            transform: translateY(-12px);\n            border-color: rgba(245, 124, 32, 0.65);\n            box-shadow: 0 24px 55px rgba(0, 0, 0, 0.20);\n        }\n\n        .service-card:hover::before {\n            width: 460px;\n            height: 460px;\n            opacity: 0.2;\n        }\n\n        .service-card:hover::after {\n            transform: scaleX(1);\n        }\n\n        \/* Number *\/\n\n        .service-number {\n            position: absolute;\n            top: 20px;\n            right: 24px;\n            color: rgba(255, 255, 255, 0.06);\n            font-size: 62px;\n            font-weight: 800;\n            line-height: 1;\n        }\n\n        \/* Icon *\/\n\n        .service-icon {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 82px;\n            height: 82px;\n            margin-bottom: 30px;\n            color: var(--orange);\n            background: rgba(245, 124, 32, 0.10);\n            border: 2px solid var(--orange);\n            border-radius: 50%;\n            font-size: 34px;\n            transition:\n                color 0.4s ease,\n                background 0.4s ease,\n                transform 0.4s ease;\n        }\n\n        .service-icon::after {\n            content: \"\";\n            position: absolute;\n            inset: -8px;\n            border: 1px dashed rgba(245, 124, 32, 0.35);\n            border-radius: 50%;\n            transition: transform 0.6s ease;\n        }\n\n        .service-card:hover .service-icon {\n            color: #ffffff;\n            background: var(--orange);\n            transform: scale(1.06);\n        }\n\n        .service-card:hover .service-icon::after {\n            transform: rotate(90deg);\n        }\n\n        \/* Text *\/\n\n        .service-card h3 {\n            min-height: 60px;\n            margin-bottom: 16px;\n            color: #ffffff;\n            font-size: 21px;\n            font-weight: 700;\n            line-height: 1.4;\n        }\n\n        .service-card p {\n            margin-bottom: 26px;\n            color: #bdbdbd;\n            font-size: 14px;\n            line-height: 1.85;\n        }\n\n        \/* Link *\/\n\n        .service-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 11px;\n            color: var(--orange);\n            font-size: 14px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: gap 0.3s ease;\n        }\n\n        .service-link span {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 31px;\n            height: 31px;\n            color: var(--black);\n            background: var(--orange);\n            border-radius: 50%;\n        }\n\n        .service-link:hover {\n            gap: 17px;\n        }\n\n        \/* Decorative shape *\/\n\n        .orange-shape {\n            position: absolute;\n            right: -110px;\n            bottom: -150px;\n            width: 320px;\n            height: 320px;\n            border: 45px solid rgba(245, 124, 32, 0.07);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n\n        \/* Responsive *\/\n\n        @media (max-width: 1100px) {\n            .services-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .taralux-services {\n                padding: 65px 10px;\n            }\n\n            .section-heading {\n                margin-bottom: 35px;\n            }\n\n            .section-heading h2 {\n                font-size: 32px;\n            }\n\n            .section-heading p {\n                font-size: 14px;\n            }\n\n            .services-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: 10px;\n            }\n\n            .service-card {\n                min-width: 0;\n                min-height: auto;\n                padding: 22px 12px 20px;\n                border-radius: 17px;\n            }\n\n            .service-icon {\n                width: 54px;\n                height: 54px;\n                margin-bottom: 17px;\n                font-size: 21px;\n            }\n\n            .service-icon::after {\n                inset: -5px;\n            }\n\n            .service-number {\n                top: 14px;\n                right: 10px;\n                font-size: 34px;\n            }\n\n            .service-card h3 {\n                min-height: 68px;\n                margin-bottom: 10px;\n                font-size: 15px;\n                line-height: 1.45;\n            }\n\n            .service-card p {\n                margin-bottom: 16px;\n                font-size: 11px;\n                line-height: 1.65;\n            }\n\n            .service-link {\n                gap: 7px;\n                font-size: 11px;\n            }\n\n            .service-link span {\n                width: 25px;\n                height: 25px;\n                font-size: 10px;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .services-grid {\n                grid-template-columns: 1fr;\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\"] body,\n        body.rtl {\n            direction: rtl;\n            font-family: \"Cairo\", \"Poppins\", sans-serif;\n        }\n\n        html[dir=\"rtl\"] .taralux-services,\n        body.rtl .taralux-services {\n            direction: rtl;\n            font-family: \"Cairo\", \"Poppins\", sans-serif;\n        }\n\n        html[dir=\"rtl\"] .section-heading,\n        body.rtl .section-heading {\n            text-align: center;\n        }\n\n        html[dir=\"rtl\"] .services-grid,\n        body.rtl .services-grid {\n            direction: rtl;\n        }\n\n        html[dir=\"rtl\"] .service-card,\n        body.rtl .service-card {\n            text-align: right;\n        }\n\n        html[dir=\"rtl\"] .service-card::before,\n        body.rtl .service-card::before {\n            right: auto;\n            left: -90px;\n        }\n\n        html[dir=\"rtl\"] .service-card::after,\n        body.rtl .service-card::after {\n            transform-origin: right;\n        }\n\n        html[dir=\"rtl\"] .service-number,\n        body.rtl .service-number {\n            right: auto;\n            left: 24px;\n        }\n\n        html[dir=\"rtl\"] .service-link,\n        body.rtl .service-link {\n            flex-direction: row-reverse;\n        }\n\n        html[dir=\"rtl\"] .service-link i,\n        body.rtl .service-link i {\n            transform: rotate(180deg);\n        }\n\n        html[dir=\"rtl\"] .orange-shape,\n        body.rtl .orange-shape {\n            right: auto;\n            left: -110px;\n        }\n\n        @media (max-width: 768px) {\n            html[dir=\"rtl\"] .service-number,\n            body.rtl .service-number {\n                right: auto;\n                left: 10px;\n            }\n\n            html[dir=\"rtl\"] .service-card,\n            body.rtl .service-card {\n                text-align: right;\n            }\n        }\n\n    <\/style>\n<\/head>\n\n<body>\n\n<section class=\"taralux-services\">\n\n    <div class=\"orange-shape\"><\/div>\n\n    <div class=\"services-container\">\n\n        <div class=\"section-heading\">\n\n            <div class=\"section-label\">\n                What We Offer\n            <\/div>\n\n            <h2>\n                Our Professional\n                <span>Services<\/span>\n            <\/h2>\n\n            <p>\n                Integrated lighting, electrical, energy-efficiency and\n                industrial solutions designed to meet the needs of\n                residential, commercial and industrial projects.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"services-grid\">\n\n            <!-- Service 01 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">01<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-regular fa-lightbulb\"><\/i>\n                <\/div>\n\n                <h3>\n                    Integrated Lighting Solutions\n                <\/h3>\n\n                <p>\n                   We provide a wide range of indoor and outdoor lighting systems\nsuitable for homes, villas, offices, factories, warehouses, commercial\nprojects, stadiums, and public spaces.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 02 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">02<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-plug-circle-bolt\"><\/i>\n                <\/div>\n\n                <h3>\n                    Electrical & Distribution Solutions\n                <\/h3>\n\n                <p>\n                    Supplying all electrical requirements including switches, sockets,\nconnectors, power strips, and control and operating systems.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 03 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">03<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-leaf\"><\/i>\n                <\/div>\n\n                <h3>\n                    Energy Efficiency Solutions\n                <\/h3>\n\n                <p>Energy-saving technologies and products designed to reduce\nelectricity consumption and operating costs while maintaining\nhigh performance.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 04 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">04<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\n                <\/div>\n\n                <h3>\n                    Industrial Tools Supply\n                <\/h3>\n\n                <p>\n                   A diverse range of hand tools and industrial equipment to meet\nthe needs of technicians, contractors, and workshops.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 05 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">05<\/span>\n\n                <div class=\"service-icon\">\n                   <i class=\"fa-solid fa-truck-ramp-box\"><\/i>\n                <\/div>\n\n                <h3>\n                    Project Supply & Equipment\n                <\/h3>\n\n                <p>\n                   Providing complete electrical and lighting solutions for residential,\ncommercial, and industrial projects according to the highest\nstandards.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n            <!-- Service 06 -->\n\n            <article class=\"service-card\">\n\n                <span class=\"service-number\">06<\/span>\n\n                <div class=\"service-icon\">\n                    <i class=\"fa-solid fa-microchip\"><\/i>\n                <\/div>\n\n                <h3>\n                  Technical Consultation\n                <\/h3>\n\n                <p>\n                   Assisting clients in selecting the most suitable products and solutions\nbased on project requirements and technical specifications.\n                <\/p>\n\n                <a href=\"#\" class=\"service-link\">\n                    Learn More\n\n                    <span>\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b06385a e-flex e-con-boxed e-con e-parent\" data-id=\"b06385a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab408d elementor-widget elementor-widget-html\" data-id=\"0ab408d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Taralux Brands Slider<\/title>\n\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n  <style>\n    .taralux-brands,\n    .taralux-brands * {\n      box-sizing: border-box;\n    }\n\n    .taralux-brands {\n      --orange: #f57c20;\n      --black: #0b0b0b;\n      --gray: #777;\n      --border: #ececec;\n\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      padding: 90px 20px;\n      font-family: \"Poppins\", sans-serif;\n      background:\n        radial-gradient(circle at 50% 120%, rgba(245,124,32,.13), transparent 38%),\n        #fff;\n    }\n\n    .taralux-brands::before,\n    .taralux-brands::after {\n      content: \"\";\n      position: absolute;\n      border: 48px solid rgba(245,124,32,.07);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .taralux-brands::before {\n      top: -140px;\n      left: -140px;\n      width: 300px;\n      height: 300px;\n    }\n\n    .taralux-brands::after {\n      right: -155px;\n      bottom: -165px;\n      width: 330px;\n      height: 330px;\n    }\n\n    .brands-container {\n      position: relative;\n      z-index: 2;\n      width: min(1240px, 100%);\n      margin: auto;\n    }\n\n    .brands-heading {\n      max-width: 760px;\n      margin: 0 auto 50px;\n      text-align: center;\n    }\n\n    .brands-heading > span {\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      text-transform: uppercase;\n    }\n\n    .brands-heading > span::before,\n    .brands-heading > span::after {\n      content: \"\";\n      width: 34px;\n      height: 2px;\n      background: var(--orange);\n    }\n\n    .brands-heading h2 {\n      margin: 0 0 16px;\n      color: var(--black);\n      font-size: clamp(34px, 5vw, 52px);\n      font-weight: 800;\n      line-height: 1.2;\n    }\n\n    .brands-heading h2 strong {\n      color: var(--orange);\n    }\n\n    .brands-heading p {\n      margin: 0 auto;\n      color: var(--gray);\n      font-size: 15px;\n      line-height: 1.9;\n    }\n\n    .brands-slider-wrap {\n      position: relative;\n      padding: 10px 62px;\n    }\n\n    .taraluxBrandsSlider {\n      padding: 20px 5px 32px;\n    }\n\n    .taraluxBrandsSlider .swiper-slide {\n      height: auto;\n    }\n\n    .brand-card {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 170px;\n      padding: 30px;\n      overflow: hidden;\n      background: #fff;\n      border: 1px solid var(--border);\n      border-radius: 18px;\n      box-shadow: 0 12px 35px rgba(0,0,0,.07);\n      text-decoration: none;\n      transition: .35s ease;\n    }\n\n    .brand-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      height: 4px;\n      background: var(--orange);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform .35s ease;\n    }\n\n    .brand-card:hover {\n      border-color: var(--orange);\n      box-shadow: 0 20px 45px rgba(0,0,0,.13);\n      transform: translateY(-8px);\n    }\n\n    .brand-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .brand-card img {\n      display: block;\n      width: auto;\n      max-width: 100%;\n      height: auto;\n      max-height: 95px;\n      object-fit: contain;\n      filter: grayscale(100%);\n      opacity: .72;\n      transition: .35s ease;\n    }\n\n    .brand-card:hover img {\n      filter: grayscale(0);\n      opacity: 1;\n      transform: scale(1.06);\n    }\n\n    .brand-arrow {\n      position: absolute;\n      top: 50%;\n      z-index: 10;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 47px;\n      height: 47px;\n      padding: 0;\n      color: #fff;\n      background: var(--black);\n      border: 0;\n      border-radius: 50%;\n      box-shadow: 0 10px 28px rgba(0,0,0,.2);\n      cursor: pointer;\n      transform: translateY(-50%);\n      transition: .3s ease;\n    }\n\n    .brand-arrow:hover {\n      background: var(--orange);\n      transform: translateY(-50%) scale(1.08);\n    }\n\n    .brand-prev { left: 0; }\n    .brand-next { right: 0; }\n\n    .brand-arrow svg {\n      width: 18px;\n      height: 18px;\n      fill: currentColor;\n    }\n\n    .brands-pagination {\n      display: flex;\n      justify-content: center;\n      min-height: 20px;\n      margin-top: 4px;\n    }\n\n    .brands-pagination .swiper-pagination-bullet {\n      width: 9px;\n      height: 9px;\n      margin: 0 5px !important;\n      background: #bcbcbc;\n      opacity: 1;\n      transition: .3s ease;\n    }\n\n    .brands-pagination .swiper-pagination-bullet-active {\n      width: 30px;\n      background: var(--orange);\n      border-radius: 20px;\n    }\n\n    @media (max-width: 1023px) {\n      .brands-slider-wrap {\n        padding-right: 55px;\n        padding-left: 55px;\n      }\n    }\n\n    @media (max-width: 767px) {\n      .taralux-brands {\n        padding: 70px 15px;\n      }\n\n      .brands-heading {\n        margin-bottom: 35px;\n      }\n\n      .brands-heading h2 {\n        font-size: 34px;\n      }\n\n      .brands-heading p {\n        font-size: 14px;\n      }\n\n      .brands-slider-wrap {\n        padding: 5px 0 68px;\n      }\n\n      .brand-card {\n        height: 135px;\n        padding: 20px;\n      }\n\n      .brand-card img {\n        max-height: 70px;\n      }\n\n      .brand-arrow {\n        top: auto;\n        bottom: 0;\n        width: 44px;\n        height: 44px;\n        transform: none;\n      }\n\n      .brand-arrow:hover {\n        transform: scale(1.08);\n      }\n\n      .brand-prev {\n        left: calc(50% - 54px);\n      }\n\n      .brand-next {\n        right: calc(50% - 54px);\n      }\n    }\n\n    @media (max-width: 420px) {\n      .brands-heading h2 {\n        font-size: 30px;\n      }\n\n      .brand-card {\n        height: 125px;\n        padding: 17px;\n      }\n\n      .brand-card img {\n        max-height: 62px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body style=\"margin:0\">\n\n<section class=\"taralux-brands\">\n  <div class=\"brands-container\">\n\n    <div class=\"brands-heading\">\n      <span>OUR BRANDS<\/span>\n\n      <h2>\n        Brands We <strong>Offer<\/strong>\n      <\/h2>\n\n      <p>\n        Taralux Group proudly supplies products from leading global brands,\n        ensuring quality, performance, and reliability for every project.\n      <\/p>\n    <\/div>\n\n    <div class=\"brands-slider-wrap\">\n\n      <div class=\"swiper taraluxBrandsSlider\">\n        <div class=\"swiper-wrapper\">\n\n          <!-- Logo 1 -->\n          <div class=\"swiper-slide\">\n            <a href=\"#\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Tungsram.jpeg\" alt=\"Brand 1\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 2 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-2\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-02-at-1.21.14-PM-e1785834671239.jpeg\" alt=\"Brand 2\">\n            <\/a>\n          <\/div>\n           <!-- Logo 2 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/taraluxjo.com\/product-category\/vho-switch-socket\/\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-30-at-17.04.18.jpeg\" alt=\"Brand 2\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 3 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-3\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/1eaea665-1632-415a-809d-3147e64f58c4-e1785834928936.jpeg\" alt=\"Brand 3\">\n            <\/a>\n          <\/div>\n            <!-- Logo 3 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/taraluxjo.com\/product-category\/grand\/\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-30-at-3.03.45-AM.png\" alt=\"Brand 3\">\n            <\/a>\n          <\/div>\n\n    <!-- Logo 3 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/taraluxjo.com\/product-category\/jctop\/\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-30-at-12.17.56-PM.jpeg\" alt=\"Brand 3\">\n            <\/a>\n          <\/div>\n          <!-- Logo 4 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-4\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/c8e3c7d1-67a8-46a9-baea-3935df35d2b5-e1785835088989.jpeg\" alt=\"Brand 4\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 5 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-5\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/midea-logo.webp\" alt=\"Brand 5\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 6 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-6\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/36fad57b-1a4a-4cf1-97cc-b8a4c3f5ccdb.jpeg\" alt=\"Brand 6\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 7 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-7\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Fumagalli-Logo-1200x675-1.jpg\" alt=\"Brand 7\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 8 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-8\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/BTicino-logo-scaled.png\" alt=\"Brand 8\">\n            <\/a>\n          <\/div>\n\n          <!-- Logo 9 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/taraluxjo.com\/product-category\/philips\/\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-11-at-15.31.58.jpeg\" alt=\"Brand 9\">\n            <\/a>\n          <\/div>\n <!-- Logo 9 -->\n          <div class=\"swiper-slide\">\n            <a href=\"hhttps:\/\/taraluxjo.com\/product-category\/schneider\/\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/Unknown.svg\" alt=\"Brand 9\">\n            <\/a>\n          <\/div>\n          <!-- Logo 10 -->\n          <div class=\"swiper-slide\">\n            <a href=\"https:\/\/example.com\/brand-10\" class=\"brand-card\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <img decoding=\"async\" src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2026\/08\/OBOBettermann.svg.webp\" alt=\"Brand 10\">\n            <\/a>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <button class=\"brand-arrow brand-prev\" type=\"button\" aria-label=\"Previous brands\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.42-1.41L7.83 13H20v-2z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button class=\"brand-arrow brand-next\" type=\"button\" aria-label=\"Next brands\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 4l-1.42 1.41L16.17 11H4v2h12.17l-5.59 5.59L12 20l8-8-8-8z\"\/>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n    <div class=\"brands-pagination\"><\/div>\n\n  <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const slider = document.querySelector(\".taraluxBrandsSlider\");\n\n    if (!slider || typeof Swiper === \"undefined\") return;\n\n    new Swiper(slider, {\n      loop: true,\n      speed: 750,\n      spaceBetween: 22,\n      grabCursor: true,\n      watchOverflow: true,\n\n      autoplay: {\n        delay: 2200,\n        disableOnInteraction: false,\n        pauseOnMouseEnter: true\n      },\n\n      navigation: {\n        nextEl: \".brand-next\",\n        prevEl: \".brand-prev\"\n      },\n\n      pagination: {\n        el: \".brands-pagination\",\n        clickable: true\n      },\n\n      breakpoints: {\n        0: {\n          slidesPerView: 2,\n          spaceBetween: 12\n        },\n        576: {\n          slidesPerView: 2,\n          spaceBetween: 15\n        },\n        768: {\n          slidesPerView: 3,\n          spaceBetween: 18\n        },\n        1024: {\n          slidesPerView: 4,\n          spaceBetween: 22\n        }\n      }\n    });\n  });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d769f9f e-flex e-con-boxed e-con e-parent\" data-id=\"d769f9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-067f530 elementor-widget elementor-widget-html\" data-id=\"067f530\" 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\" 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-stats\" dir=\"ltr\">\n\n    <div class=\"taralux-stats-container\">\n\n        <!-- Item 1 -->\n        <div class=\"taralux-stat-item\">\n\n            <div class=\"taralux-stat-icon\">\n                <i class=\"fa-solid fa-boxes-stacked\"><\/i>\n            <\/div>\n\n            <div class=\"taralux-stat-content\">\n                <h3>\n                    <span class=\"taralux-counter\" data-target=\"1000\">0<\/span>+\n                <\/h3>\n\n                <p>\n                    Products Available\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- Item 2 -->\n        <div class=\"taralux-stat-item\">\n\n            <div class=\"taralux-stat-icon\">\n                <i class=\"fa-solid fa-award\"><\/i>\n            <\/div>\n\n            <div class=\"taralux-stat-content\">\n                <h3>\n                    <span class=\"taralux-counter\" data-target=\"50\">0<\/span>+\n                <\/h3>\n\n                <p>\n                    Global Brands\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- Item 3 -->\n        <div class=\"taralux-stat-item\">\n\n            <div class=\"taralux-stat-icon\">\n                <i class=\"fa-solid fa-diagram-project\"><\/i>\n            <\/div>\n\n            <div class=\"taralux-stat-content\">\n                <h3>\n                    <span class=\"taralux-counter\" data-target=\"500\">0<\/span>+\n                <\/h3>\n\n                <p>\n                    Projects Supplied\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- Item 4 -->\n        <div class=\"taralux-stat-item\">\n\n            <div class=\"taralux-stat-icon\">\n                <i class=\"fa-solid fa-users\"><\/i>\n            <\/div>\n\n            <div class=\"taralux-stat-content\">\n                <h3>\n                    <span class=\"taralux-counter\" data-target=\"800\">0<\/span>+\n                <\/h3>\n\n                <p>\n                    Satisfied Customers\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .taralux-stats,\n    .taralux-stats * {\n        box-sizing: border-box;\n    }\n\n    .taralux-stats {\n        --orange: #f57c20;\n        --black: #0b0b0b;\n        --gray: #6f6f6f;\n        --light-orange: rgba(245, 124, 32, 0.11);\n\n        width: 100%;\n        padding: 34px 20px;\n        font-family: \"Poppins\", sans-serif;\n        background: #ffffff;\n        border-top: 1px solid #eeeeee;\n        border-bottom: 1px solid #eeeeee;\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.04);\n    }\n\n    .taralux-stats-container {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        align-items: center;\n        gap: 0;\n        width: min(1240px, 100%);\n        margin: 0 auto;\n    }\n\n    .taralux-stat-item {\n        position: relative;\n        display: grid;\n        grid-template-columns: 64px 1fr;\n        align-items: center;\n        gap: 16px;\n        min-height: 100px;\n        padding: 15px 28px;\n        transition:\n            transform 0.3s ease,\n            background 0.3s ease;\n    }\n\n    .taralux-stat-item:not(:last-child)::after {\n        content: \"\";\n        position: absolute;\n        top: 20%;\n        right: 0;\n        width: 1px;\n        height: 60%;\n        background: #e8e8e8;\n    }\n\n    .taralux-stat-item:hover {\n        background: #fffaf6;\n        transform: translateY(-4px);\n    }\n\n    .taralux-stat-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 58px;\n        height: 58px;\n        color: var(--orange);\n        background: var(--light-orange);\n        border: 1px solid rgba(245, 124, 32, 0.30);\n        border-radius: 16px;\n        font-size: 25px;\n        transition:\n            color 0.3s ease,\n            background 0.3s ease,\n            transform 0.3s ease;\n    }\n\n    .taralux-stat-item:hover .taralux-stat-icon {\n        color: #ffffff;\n        background: var(--orange);\n        transform: rotate(-6deg) scale(1.05);\n    }\n\n    .taralux-stat-content h3 {\n        margin: 0 0 5px;\n        color: var(--black);\n        font-size: 38px;\n        font-weight: 800;\n        line-height: 1;\n    }\n\n    .taralux-stat-content p {\n        margin: 0;\n        color: var(--gray);\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 1.5;\n    }\n\n    @media (max-width: 1024px) {\n        .taralux-stats-container {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .taralux-stat-item:nth-child(2)::after {\n            display: none;\n        }\n\n        .taralux-stat-item:nth-child(-n+2) {\n            border-bottom: 1px solid #eeeeee;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .taralux-stats {\n            padding: 20px 15px;\n        }\n\n        .taralux-stats-container {\n            grid-template-columns: 1fr;\n        }\n\n        .taralux-stat-item {\n            grid-template-columns: 58px 1fr;\n            padding: 20px 10px;\n            border-bottom: 1px solid #eeeeee;\n        }\n\n        .taralux-stat-item:last-child {\n            border-bottom: 0;\n        }\n\n        .taralux-stat-item::after {\n            display: none !important;\n        }\n\n        .taralux-stat-content h3 {\n            font-size: 33px;\n        }\n    }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const counters = document.querySelectorAll(\".taralux-counter\");\n\n    const startCounter = (counter) => {\n        const target = parseInt(counter.getAttribute(\"data-target\"), 10);\n        const duration = 1600;\n        const stepTime = 20;\n        const totalSteps = duration \/ stepTime;\n        const increment = target \/ totalSteps;\n\n        let current = 0;\n\n        const timer = setInterval(() => {\n            current += increment;\n\n            if (current >= target) {\n                counter.textContent = target.toLocaleString();\n                clearInterval(timer);\n            } else {\n                counter.textContent = Math.floor(current).toLocaleString();\n            }\n        }, stepTime);\n    };\n\n    const observer = new IntersectionObserver((entries, observerInstance) => {\n        entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n                startCounter(entry.target);\n                observerInstance.unobserve(entry.target);\n            }\n        });\n    }, {\n        threshold: 0.4\n    });\n\n    counters.forEach((counter) => {\n        observer.observe(counter);\n    });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c10c29 e-con-full e-flex e-con e-parent\" data-id=\"5c10c29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d329f9 elementor-widget elementor-widget-html\" data-id=\"1d329f9\" 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\" 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-sectors\" >\n\n    <div class=\"taralux-sectors-container\">\n\n        <div class=\"taralux-sectors-heading\">\n\n            <span>SOLUTIONS FOR EVERY SECTOR<\/span>\n\n            <h2>\n                Sectors We <strong>Serve<\/strong>\n            <\/h2>\n\n            <p>\n                We provide reliable lighting, electrical, and industrial\n                solutions for residential, commercial, institutional,\n                and industrial projects.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"taralux-sectors-grid\">\n\n            <!-- Sector 01 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">01<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-house\"><\/i>\n                <\/div>\n\n                <h3>Residential Projects<\/h3>\n\n                <p>\n                    Modern lighting and electrical solutions for homes\n                    and residential communities.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 02 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">02<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-utensils\"><\/i>\n                <\/div>\n\n                <h3>Restaurants & Hotels<\/h3>\n\n                <p>\n                    Professional electrical and lighting products for\n                    hospitality and dining environments.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 03 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">03<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\n                <\/div>\n\n                <h3>Schools & Universities<\/h3>\n\n                <p>\n                    Safe and energy-efficient electrical systems for\n                    educational institutions.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 04 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">04<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-industry\"><\/i>\n                <\/div>\n\n                <h3>Factories & Warehouses<\/h3>\n\n                <p>\n                    Industrial-grade electrical equipment and reliable\n                    power distribution solutions.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 05 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">05<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-city\"><\/i>\n                <\/div>\n\n                <h3>Villas & Housing Complexes<\/h3>\n\n                <p>\n                    Complete electrical infrastructure and premium\n                    indoor and outdoor lighting systems.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 06 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">06<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-futbol\"><\/i>\n                <\/div>\n\n                <h3>Stadiums & Sports Facilities<\/h3>\n\n                <p>\n                    High-performance lighting solutions for sports\n                    venues and public facilities.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 07 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">07<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-building\"><\/i>\n                <\/div>\n\n                <h3>Offices & Corporate Buildings<\/h3>\n\n                <p>\n                    Efficient lighting and electrical systems for\n                    productive and professional workplaces.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 08 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">08<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-store\"><\/i>\n                <\/div>\n\n                <h3>Commercial Shops<\/h3>\n\n                <p>\n                    Reliable solutions for retail stores, showrooms,\n                    and shopping environments.\n                <\/p>\n\n            <\/article>\n\n            <!-- Sector 09 -->\n            <article class=\"taralux-sector-card\">\n\n                <span class=\"taralux-sector-number\">09<\/span>\n\n                <div class=\"taralux-sector-icon\">\n                    <i class=\"fa-solid fa-road\"><\/i>\n                <\/div>\n\n                <h3>Infrastructure & Outdoor Lighting<\/h3>\n\n                <p>\n                    Street lighting, landscape lighting, and complete\n                    infrastructure electrical solutions.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .taralux-sectors,\n    .taralux-sectors * {\n        box-sizing: border-box;\n    }\n\n    .taralux-sectors {\n        --orange: #f57c20;\n        --orange-light: rgba(245, 124, 32, 0.10);\n        --black: #0b0b0b;\n        --gray: #777777;\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 7% 12%,\n                rgba(245, 124, 32, 0.10),\n                transparent 26%\n            ),\n            radial-gradient(\n                circle at 93% 90%,\n                rgba(245, 124, 32, 0.08),\n                transparent 24%\n            ),\n            #ffffff;\n    }\n\n    .taralux-sectors::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-sectors-container {\n        position: relative;\n        z-index: 2;\n        width: min(1240px, 100%);\n        margin: 0 auto;\n    }\n\n    .taralux-sectors-heading {\n        max-width: 760px;\n        margin: 0 auto 55px;\n        text-align: center;\n    }\n\n    .taralux-sectors-heading > span {\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.3px;\n    }\n\n    .taralux-sectors-heading > span::before,\n    .taralux-sectors-heading > span::after {\n        content: \"\";\n        width: 34px;\n        height: 2px;\n        background: var(--orange);\n    }\n\n    .taralux-sectors-heading h2 {\n        margin: 0 0 17px;\n        color: var(--black);\n        font-size: clamp(38px, 5vw, 56px);\n        font-weight: 800;\n        line-height: 1.15;\n    }\n\n    .taralux-sectors-heading h2 strong {\n        color: var(--orange);\n    }\n\n    .taralux-sectors-heading p {\n        margin: 0 auto;\n        color: var(--gray);\n        font-size: 15px;\n        line-height: 1.9;\n    }\n\n    .taralux-sectors-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 24px;\n    }\n\n    .taralux-sector-card {\n        position: relative;\n        min-height: 300px;\n        padding: 34px 28px 30px;\n        overflow: hidden;\n        isolation: isolate;\n        background: #ffffff;\n        border: 1px solid var(--border);\n        border-radius: 22px;\n        box-shadow: 0 14px 40px rgba(0, 0, 0, 0.07);\n        transition:\n            transform 0.4s ease,\n            border-color 0.4s ease,\n            box-shadow 0.4s ease;\n    }\n\n    .taralux-sector-card::before {\n        content: \"\";\n        position: absolute;\n        top: -75px;\n        right: -75px;\n        z-index: -1;\n        width: 175px;\n        height: 175px;\n        background: var(--orange);\n        border-radius: 50%;\n        opacity: 0.08;\n        transition:\n            width 0.5s ease,\n            height 0.5s ease,\n            opacity 0.5s ease;\n    }\n\n    .taralux-sector-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            #ffad65\n        );\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }\n\n    .taralux-sector-card:hover {\n        border-color: rgba(245, 124, 32, 0.65);\n        box-shadow: 0 25px 55px rgba(0, 0, 0, 0.14);\n        transform: translateY(-10px);\n    }\n\n    .taralux-sector-card:hover::before {\n        width: 380px;\n        height: 380px;\n        opacity: 0.14;\n    }\n\n    .taralux-sector-card:hover::after {\n        transform: scaleX(1);\n    }\n\n    .taralux-sector-icon {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 76px;\n        height: 76px;\n        margin-bottom: 27px;\n        color: var(--orange);\n        background: var(--orange-light);\n        border: 2px solid var(--orange);\n        border-radius: 50%;\n        font-size: 29px;\n        transition:\n            color 0.35s ease,\n            background 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .taralux-sector-icon::after {\n        content: \"\";\n        position: absolute;\n        inset: -8px;\n        border: 1px dashed rgba(245, 124, 32, 0.35);\n        border-radius: 50%;\n        transition: transform 0.6s ease;\n    }\n\n    .taralux-sector-card:hover .taralux-sector-icon {\n        color: #ffffff;\n        background: var(--orange);\n        transform: scale(1.06);\n    }\n\n    .taralux-sector-card:hover .taralux-sector-icon::after {\n        transform: rotate(90deg);\n    }\n\n    .taralux-sector-card h3 {\n        margin: 0 0 14px;\n        color: var(--black);\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.4;\n    }\n\n    .taralux-sector-card p {\n        margin: 0;\n        color: var(--gray);\n        font-size: 13px;\n        line-height: 1.8;\n    }\n\n    .taralux-sector-number {\n        position: absolute;\n        top: 18px;\n        right: 22px;\n        color: rgba(11, 11, 11, 0.06);\n        font-size: 53px;\n        font-weight: 800;\n        line-height: 1;\n    }\n\n    @media (max-width: 1024px) {\n        .taralux-sectors-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 650px) {\n        .taralux-sectors {\n            padding: 75px 16px;\n        }\n\n        .taralux-sectors-heading {\n            margin-bottom: 38px;\n        }\n\n        .taralux-sectors-heading h2 {\n            font-size: 35px;\n        }\n\n        .taralux-sectors-heading p {\n            font-size: 14px;\n        }\n\n        .taralux-sectors-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .taralux-sector-card {\n            min-height: auto;\n            padding: 30px 24px;\n        }\n    }\n\n\/* ===== Automatic RTL Support ===== *\/\nhtml[dir=\"rtl\"] .taralux-sectors,\nbody.rtl .taralux-sectors{\ndirection:rtl;\nfont-family:\"Cairo\",\"Poppins\",sans-serif;\n}\nhtml[dir=\"rtl\"] .taralux-sectors-grid,\nbody.rtl .taralux-sectors-grid{direction:rtl;}\nhtml[dir=\"rtl\"] .taralux-sector-card,\nbody.rtl .taralux-sector-card{text-align:right;}\nhtml[dir=\"rtl\"] .taralux-sector-number,\nbody.rtl .taralux-sector-number{\nright:auto;\nleft:22px;\n}\nhtml[dir=\"rtl\"] .taralux-sector-card::before,\nbody.rtl .taralux-sector-card::before{\nright:auto;\nleft:-75px;\n}\nhtml[dir=\"rtl\"] .taralux-sector-card::after,\nbody.rtl .taralux-sector-card::after{\ntransform-origin:right;\n}\nhtml[dir=\"rtl\"] .taralux-sectors::before,\nbody.rtl .taralux-sectors::before{\nright:auto;\nleft:-150px;\n}\n@media(max-width:650px){\nhtml[dir=\"rtl\"] .taralux-sector-number,\nbody.rtl .taralux-sector-number{\nleft:18px;\n}\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08c163b e-con-full e-flex e-con e-parent\" data-id=\"08c163b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137e79a elementor-widget elementor-widget-html\" data-id=\"137e79a\" 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-why\" >\n\n    <div class=\"why-container\">\n\n        <div class=\"why-content\">\n\n            <div class=\"why-heading\">\n\n                <span class=\"why-label\">\n                    WHY CHOOSE US\n                <\/span>\n\n                <h2>\n                    Why <strong>Taralux Group?<\/strong>\n                <\/h2>\n\n                <p>\n                \n                <\/p>\n\n            <\/div>\n\n            <div class=\"why-features\">\n\n                <!-- Item 1 -->\n\n                <div class=\"why-item\">\n\n                    <div class=\"why-icon\">\n                        <i class=\"fa-solid fa-boxes-stacked\"><\/i>\n                    <\/div>\n\n                    <div class=\"why-text\">\n                        <h3>Wide product range under one roof<\/h3>\n\n                    <\/div>\n\n                    <span class=\"why-number\">01<\/span>\n\n                <\/div>\n\n                <!-- Item 2 -->\n\n                <div class=\"why-item\">\n\n                    <div class=\"why-icon\">\n                        <i class=\"fa-solid fa-user-gear\"><\/i>\n                    <\/div>\n\n                    <div class=\"why-text\">\n                    <h3>Strong technical expertise and consultation<\/h3>\n         \n                    <\/div>\n\n                    <span class=\"why-number\">02<\/span>\n\n                <\/div>\n\n                <!-- Item 3 -->\n\n                <div class=\"why-item\">\n\n                    <div class=\"why-icon\">\n                        <i class=\"fa-solid fa-headset\"><\/i>\n                    <\/div>\n\n                    <div class=\"why-text\">\n<h3>Excellent and responsive customer service<\/h3>\n                \n                    <\/div>\n\n                    <span class=\"why-number\">03<\/span>\n\n                <\/div>\n\n                <!-- Item 4 -->\n\n                <div class=\"why-item\">\n\n                    <div class=\"why-icon\">\n                        <i class=\"fa-solid fa-tags\"><\/i>\n                    <\/div>\n\n                    <div class=\"why-text\">\n                    <h3>Competitive pricing suitable for individuals and large projects<\/h3>\n\n            \n                    <\/div>\n\n                    <span class=\"why-number\">04<\/span>\n\n                <\/div>\n\n                <!-- Item 5 -->\n\n                <div class=\"why-item\">\n\n                    <div class=\"why-icon\">\n                        <i class=\"fa-solid fa-certificate\"><\/i>\n                    <\/div>\n\n                    <div class=\"why-text\">\n         <h3>Genuine and certified products from top global manufacturers<\/h3>\n\n                    \n                    <\/div>\n\n                    <span class=\"why-number\">05<\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Right Visual -->\n\n        <div class=\"why-visual\">\n\n            <div class=\"visual-card\">\n\n                <div class=\"visual-circle\">\n\n                    <div class=\"visual-icon\">\n                        <i class=\"fa-regular fa-lightbulb\"><\/i>\n                    <\/div>\n\n                    <h3>Quality You Can Trust<\/h3>\n\n                    <p>\n                        Reliable products, expert guidance, and complete\n                        solutions for every project.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"visual-badge badge-one\">\n                    <i class=\"fa-solid fa-check\"><\/i>\n                    Certified Products\n                <\/div>\n\n                <div class=\"visual-badge badge-two\">\n                    <i class=\"fa-solid fa-bolt\"><\/i>\n                    Smart Solutions\n                <\/div>\n\n                <div class=\"visual-badge badge-three\">\n                    <i class=\"fa-solid fa-shield-halved\"><\/i>\n                    Trusted Quality\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .taralux-why,\n    .taralux-why * {\n        box-sizing: border-box;\n    }\n\n    .taralux-why {\n        --orange: #f57c20;\n        --orange-dark: #dc6206;\n        --black: #0b0b0b;\n        --dark: #151515;\n        --gray: #747474;\n        --light: #f7f7f7;\n        --border: #e9e9e9;\n\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        padding: 105px 25px;\n        font-family: \"Poppins\", sans-serif;\n        background:\n            radial-gradient(\n                circle at 90% 10%,\n                rgba(245, 124, 32, 0.11),\n                transparent 25%\n            ),\n            #ffffff;\n    }\n\n    .taralux-why::before {\n        content: \"\";\n        position: absolute;\n        left: -160px;\n        bottom: -180px;\n        width: 380px;\n        height: 380px;\n        border: 58px solid rgba(245, 124, 32, 0.06);\n        border-radius: 50%;\n        pointer-events: none;\n    }\n\n    .why-container {\n        position: relative;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: 1.15fr 0.85fr;\n        align-items: center;\n        gap: 70px;\n        width: min(1240px, 100%);\n        margin: 0 auto;\n    }\n\n    \/* Heading *\/\n\n    .why-heading {\n        max-width: 720px;\n        margin-bottom: 42px;\n    }\n\n    .why-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 15px;\n        color: var(--orange);\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 2.4px;\n    }\n\n    .why-label::before {\n        content: \"\";\n        width: 38px;\n        height: 2px;\n        background: var(--orange);\n    }\n\n    .why-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.14;\n    }\n\n    .why-heading h2 strong {\n        color: var(--orange);\n        font-weight: 800;\n    }\n\n    .why-heading p {\n        max-width: 650px;\n        margin: 0;\n        color: var(--gray);\n        font-size: 15px;\n        line-height: 1.9;\n    }\n\n    \/* Features *\/\n\n    .why-features {\n        display: grid;\n        gap: 16px;\n    }\n\n    .why-item {\n        position: relative;\n        display: grid;\n        grid-template-columns: 68px 1fr;\n        align-items: center;\n        gap: 20px;\n        min-height: 118px;\n        padding: 22px 68px 22px 22px;\n        overflow: hidden;\n        background: #ffffff;\n        border: 1px solid var(--border);\n        border-radius: 18px;\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.055);\n        transition:\n            transform 0.35s ease,\n            border-color 0.35s ease,\n            box-shadow 0.35s ease;\n    }\n\n    .why-item::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: 4px;\n        background: var(--orange);\n        transform: scaleY(0);\n        transform-origin: bottom;\n        transition: transform 0.35s ease;\n    }\n\n    .why-item:hover {\n        border-color: rgba(245, 124, 32, 0.55);\n        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.11);\n        transform: translateX(8px);\n    }\n\n    .why-item:hover::before {\n        transform: scaleY(1);\n    }\n\n    .why-icon {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 68px;\n        height: 68px;\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: 25px;\n        transition:\n            color 0.35s ease,\n            background 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .why-item:hover .why-icon {\n        color: #ffffff;\n        background: var(--orange);\n        transform: rotate(-8deg) scale(1.04);\n    }\n\n    .why-text h3 {\n        margin: 0 0 7px;\n        color: var(--black);\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 1.4;\n    }\n\n    .why-text p {\n        margin: 0;\n        color: var(--gray);\n        font-size: 13px;\n        line-height: 1.7;\n    }\n\n    .why-number {\n        position: absolute;\n        top: 50%;\n        right: 18px;\n        color: rgba(11, 11, 11, 0.07);\n        font-size: 39px;\n        font-weight: 800;\n        line-height: 1;\n        transform: translateY(-50%);\n    }\n\n    \/* Visual *\/\n\n    .why-visual {\n        position: relative;\n        display: flex;\n        justify-content: center;\n    }\n\n    .visual-card {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: min(480px, 100%);\n        aspect-ratio: 1 \/ 1;\n        background:\n            linear-gradient(\n                145deg,\n                rgba(245, 124, 32, 0.16),\n                rgba(245, 124, 32, 0.03)\n            );\n        border: 1px solid rgba(245, 124, 32, 0.24);\n        border-radius: 50%;\n    }\n\n    .visual-card::before,\n    .visual-card::after {\n        content: \"\";\n        position: absolute;\n        border-radius: 50%;\n    }\n\n    .visual-card::before {\n        inset: 32px;\n        border: 2px dashed rgba(245, 124, 32, 0.35);\n        animation: taraluxRotate 18s linear infinite;\n    }\n\n    .visual-card::after {\n        inset: -14px;\n        border: 2px solid rgba(245, 124, 32, 0.12);\n    }\n\n    .visual-circle {\n        position: relative;\n        z-index: 2;\n        width: 68%;\n        padding: 50px 35px;\n        color: #ffffff;\n        background: var(--black);\n        border-radius: 50%;\n        text-align: center;\n        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);\n    }\n\n    .visual-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 88px;\n        height: 88px;\n        margin: 0 auto 24px;\n        color: #ffffff;\n        background: var(--orange);\n        border-radius: 50%;\n        font-size: 37px;\n        box-shadow: 0 12px 30px rgba(245, 124, 32, 0.32);\n    }\n\n    .visual-circle h3 {\n        margin: 0 0 14px;\n        color: #ffffff;\n        font-size: 25px;\n        font-weight: 700;\n        line-height: 1.35;\n    }\n\n    .visual-circle p {\n        margin: 0;\n        color: #bcbcbc;\n        font-size: 13px;\n        line-height: 1.75;\n    }\n\n    .visual-badge {\n        position: absolute;\n        z-index: 5;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 13px 18px;\n        color: var(--black);\n        background: #ffffff;\n        border: 1px solid rgba(245, 124, 32, 0.25);\n        border-radius: 40px;\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.13);\n        font-size: 12px;\n        font-weight: 700;\n        white-space: nowrap;\n    }\n\n    .visual-badge i {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 28px;\n        height: 28px;\n        color: #ffffff;\n        background: var(--orange);\n        border-radius: 50%;\n        font-size: 12px;\n    }\n\n    .badge-one {\n        top: 10%;\n        left: -3%;\n    }\n\n    .badge-two {\n        right: -5%;\n        top: 45%;\n    }\n\n    .badge-three {\n        bottom: 8%;\n        left: 2%;\n    }\n\n    @keyframes taraluxRotate {\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        .why-container {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }\n\n        .why-heading {\n            margin-right: auto;\n            margin-left: auto;\n            text-align: center;\n        }\n\n        .why-label {\n            justify-content: center;\n        }\n\n        .why-label::after {\n            content: \"\";\n            width: 38px;\n            height: 2px;\n            background: var(--orange);\n        }\n\n        .why-visual {\n            order: -1;\n        }\n\n        .visual-card {\n            max-width: 450px;\n        }\n    }\n\n    \/* Mobile *\/\n\n    @media (max-width: 767px) {\n        .taralux-why {\n            padding: 75px 16px;\n        }\n\n        .why-container {\n            gap: 45px;\n        }\n\n        .why-heading {\n            margin-bottom: 32px;\n        }\n\n        .why-heading h2 {\n            font-size: 36px;\n        }\n\n        .why-item {\n            grid-template-columns: 58px 1fr;\n            gap: 16px;\n            min-height: auto;\n            padding: 20px 50px 20px 18px;\n        }\n\n        .why-item:hover {\n            transform: translateY(-5px);\n        }\n\n        .why-icon {\n            width: 58px;\n            height: 58px;\n            font-size: 22px;\n        }\n\n        .why-text h3 {\n            font-size: 16px;\n        }\n\n        .why-text p {\n            font-size: 12px;\n        }\n\n        .why-number {\n            right: 12px;\n            font-size: 30px;\n        }\n\n        .visual-card {\n            width: 330px;\n            max-width: 100%;\n        }\n\n        .visual-circle {\n            width: 70%;\n            padding: 38px 24px;\n        }\n\n        .visual-icon {\n            width: 70px;\n            height: 70px;\n            margin-bottom: 18px;\n            font-size: 30px;\n        }\n\n        .visual-circle h3 {\n            font-size: 20px;\n        }\n\n        .visual-circle p {\n            font-size: 11px;\n        }\n\n        .visual-badge {\n            padding: 9px 12px;\n            font-size: 9px;\n        }\n\n        .visual-badge i {\n            width: 23px;\n            height: 23px;\n            font-size: 10px;\n        }\n\n        .badge-one {\n            top: 3%;\n            left: -1%;\n        }\n\n        .badge-two {\n            right: -1%;\n            top: 50%;\n        }\n\n        .badge-three {\n            bottom: 3%;\n            left: 3%;\n        }\n    }\n\n    @media (max-width: 420px) {\n        .why-heading h2 {\n            font-size: 31px;\n        }\n\n        .visual-badge {\n            display: none;\n        }\n\n        .visual-circle {\n            width: 76%;\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-why,\n    body.rtl .taralux-why {\n        direction: rtl;\n        font-family: \"Cairo\", \"Poppins\", sans-serif;\n    }\n\n    html[dir=\"rtl\"] .why-container,\n    body.rtl .why-container {\n        direction: rtl;\n    }\n\n    html[dir=\"rtl\"] .why-content,\n    body.rtl .why-content,\n    html[dir=\"rtl\"] .why-heading,\n    body.rtl .why-heading,\n    html[dir=\"rtl\"] .why-text,\n    body.rtl .why-text {\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .why-label,\n    body.rtl .why-label {\n        flex-direction: row-reverse;\n    }\n\n    html[dir=\"rtl\"] .why-item,\n    body.rtl .why-item {\n        grid-template-columns: 68px 1fr;\n        padding: 22px 22px 22px 68px;\n        text-align: right;\n    }\n\n    html[dir=\"rtl\"] .why-item::before,\n    body.rtl .why-item::before {\n        left: auto;\n        right: 0;\n        transform-origin: bottom;\n    }\n\n    html[dir=\"rtl\"] .why-item:hover,\n    body.rtl .why-item:hover {\n        transform: translateX(-8px);\n    }\n\n    html[dir=\"rtl\"] .why-number,\n    body.rtl .why-number {\n        right: auto;\n        left: 18px;\n    }\n\n    html[dir=\"rtl\"] .taralux-why::before,\n    body.rtl .taralux-why::before {\n        left: auto;\n        right: -160px;\n    }\n\n    html[dir=\"rtl\"] .badge-one,\n    body.rtl .badge-one {\n        left: auto;\n        right: -3%;\n    }\n\n    html[dir=\"rtl\"] .badge-two,\n    body.rtl .badge-two {\n        right: auto;\n        left: -5%;\n    }\n\n    html[dir=\"rtl\"] .badge-three,\n    body.rtl .badge-three {\n        left: auto;\n        right: 2%;\n    }\n\n    html[dir=\"rtl\"] .visual-badge,\n    body.rtl .visual-badge {\n        flex-direction: row-reverse;\n    }\n\n    @media (max-width: 1024px) {\n        html[dir=\"rtl\"] .why-heading,\n        body.rtl .why-heading {\n            text-align: center;\n        }\n    }\n\n    @media (max-width: 767px) {\n        html[dir=\"rtl\"] .why-item,\n        body.rtl .why-item {\n            grid-template-columns: 58px 1fr;\n            padding: 20px 18px 20px 50px;\n        }\n\n        html[dir=\"rtl\"] .why-item:hover,\n        body.rtl .why-item:hover {\n            transform: translateY(-5px);\n        }\n\n        html[dir=\"rtl\"] .why-number,\n        body.rtl .why-number {\n            right: auto;\n            left: 12px;\n        }\n\n        html[dir=\"rtl\"] .badge-one,\n        body.rtl .badge-one {\n            left: auto;\n            right: -1%;\n        }\n\n        html[dir=\"rtl\"] .badge-two,\n        body.rtl .badge-two {\n            right: auto;\n            left: -1%;\n        }\n\n        html[dir=\"rtl\"] .badge-three,\n        body.rtl .badge-three {\n            left: auto;\n            right: 3%;\n        }\n    }\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-960dd68 e-con-full e-flex e-con e-parent\" data-id=\"960dd68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1054f4 elementor-widget elementor-widget-html\" data-id=\"a1054f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\"\n      rel=\"stylesheet\">\n\n<!-- Font Awesome -->\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-team\" dir=\"ltr\">\n\n    <div class=\"taralux-team-container\">\n\n        <!-- Section Heading -->\n\n        <div class=\"taralux-team-heading\">\n\n            <div class=\"taralux-team-label\">\n                OUR PROFESSIONAL TEAM\n            <\/div>\n\n            <h2>\n                Meet Our <span>Team<\/span>\n            <\/h2>\n\n            <p>\n                Our experienced team combines technical expertise, professional\n                service, and a strong commitment to providing reliable lighting,\n                electrical, and industrial solutions.\n            <\/p>\n\n        <\/div>\n\n        <!-- Team Grid -->\n\n        <div class=\"taralux-team-grid\">\n\n            <!-- Team Member 1 -->\n\n            <article class=\"taralux-team-card\">\n\n                <div class=\"taralux-member-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2022\/06\/02_testimonial_small.jpg\"\n                        alt=\"General Manager\">\n\n                    <div class=\"taralux-member-overlay\">\n\n                        <div class=\"taralux-social-links\">\n\n                            <a href=\"https:\/\/linkedin.com\/\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\"\n                               aria-label=\"LinkedIn\">\n\n                                <i class=\"fa-brands fa-linkedin-in\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"mailto:manager@example.com\"\n                               aria-label=\"Email\">\n\n                                <i class=\"fa-solid fa-envelope\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"tel:+962000000000\"\n                               aria-label=\"Phone\">\n\n                                <i class=\"fa-solid fa-phone\"><\/i>\n\n                            <\/a>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <span class=\"taralux-member-number\">01<\/span>\n\n                <\/div>\n\n                <div class=\"taralux-member-info\">\n\n                    <h3>Member Name<\/h3>\n\n                    <span>General Manager<\/span>\n\n                    <p>\n                        Leading the company\u2019s strategy, operations, and\n                        commitment to delivering reliable solutions.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- Team Member 2 -->\n\n            <article class=\"taralux-team-card\">\n\n                <div class=\"taralux-member-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2022\/06\/02_testimonial_small.jpg\"\n                        alt=\"Sales Manager\">\n\n                    <div class=\"taralux-member-overlay\">\n\n                        <div class=\"taralux-social-links\">\n\n                            <a href=\"https:\/\/linkedin.com\/\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\"\n                               aria-label=\"LinkedIn\">\n\n                                <i class=\"fa-brands fa-linkedin-in\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"mailto:sales@example.com\"\n                               aria-label=\"Email\">\n\n                                <i class=\"fa-solid fa-envelope\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"tel:+962000000000\"\n                               aria-label=\"Phone\">\n\n                                <i class=\"fa-solid fa-phone\"><\/i>\n\n                            <\/a>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <span class=\"taralux-member-number\">02<\/span>\n\n                <\/div>\n\n                <div class=\"taralux-member-info\">\n\n                    <h3>Member Name<\/h3>\n\n                    <span>Sales Manager<\/span>\n\n                    <p>\n                        Supporting customers and projects with competitive\n                        offers and carefully selected products.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- Team Member 3 -->\n\n            <article class=\"taralux-team-card\">\n\n                <div class=\"taralux-member-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2022\/06\/02_testimonial_small.jpg\"\n                        alt=\"Technical Consultant\">\n\n                    <div class=\"taralux-member-overlay\">\n\n                        <div class=\"taralux-social-links\">\n\n                            <a href=\"https:\/\/linkedin.com\/\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\"\n                               aria-label=\"LinkedIn\">\n\n                                <i class=\"fa-brands fa-linkedin-in\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"mailto:technical@example.com\"\n                               aria-label=\"Email\">\n\n                                <i class=\"fa-solid fa-envelope\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"tel:+962000000000\"\n                               aria-label=\"Phone\">\n\n                                <i class=\"fa-solid fa-phone\"><\/i>\n\n                            <\/a>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <span class=\"taralux-member-number\">03<\/span>\n\n                <\/div>\n\n                <div class=\"taralux-member-info\">\n\n                    <h3>Member Name<\/h3>\n\n                    <span>Technical Consultant<\/span>\n\n                    <p>\n                        Providing technical guidance for lighting, electrical,\n                        energy, and industrial projects.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- Team Member 4 -->\n\n            <article class=\"taralux-team-card\">\n\n                <div class=\"taralux-member-image\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/taraluxjo.com\/wp-content\/uploads\/2022\/06\/02_testimonial_small.jpg\"\n                        alt=\"Customer Service Manager\">\n\n                    <div class=\"taralux-member-overlay\">\n\n                        <div class=\"taralux-social-links\">\n\n                            <a href=\"https:\/\/linkedin.com\/\"\n                               target=\"_blank\"\n                               rel=\"noopener noreferrer\"\n                               aria-label=\"LinkedIn\">\n\n                                <i class=\"fa-brands fa-linkedin-in\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"mailto:support@example.com\"\n                               aria-label=\"Email\">\n\n                                <i class=\"fa-solid fa-envelope\"><\/i>\n\n                            <\/a>\n\n                            <a href=\"tel:+962000000000\"\n                               aria-label=\"Phone\">\n\n                                <i class=\"fa-solid fa-phone\"><\/i>\n\n                            <\/a>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <span class=\"taralux-member-number\">04<\/span>\n\n                <\/div>\n\n                <div class=\"taralux-member-info\">\n\n                    <h3>Member Name<\/h3>\n\n                    <span>Customer Service Manager<\/span>\n\n                    <p>\n                        Ensuring responsive communication and professional\n                        support throughout every customer experience.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n    .taralux-team,\n    .taralux-team * {\n        box-sizing: border-box;\n    }\n\n    .taralux-team {\n        --taralux-orange: #f57c20;\n        --taralux-orange-dark: #da6108;\n        --taralux-black: #0b0b0b;\n        --taralux-dark: #151515;\n        --taralux-gray: #747474;\n        --taralux-light: #f7f7f7;\n        --taralux-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 7% 12%,\n                rgba(245, 124, 32, 0.11),\n                transparent 26%\n            ),\n            radial-gradient(\n                circle at 93% 90%,\n                rgba(245, 124, 32, 0.08),\n                transparent 24%\n            ),\n            #ffffff;\n    }\n\n    .taralux-team::before {\n        content: \"\";\n        position: absolute;\n        top: -150px;\n        right: -150px;\n        width: 320px;\n        height: 320px;\n        border: 52px solid rgba(245, 124, 32, 0.06);\n        border-radius: 50%;\n        pointer-events: none;\n    }\n\n    .taralux-team::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-team-container {\n        position: relative;\n        z-index: 2;\n        width: min(1240px, 100%);\n        margin: 0 auto;\n    }\n\n    \/* Heading *\/\n\n    .taralux-team-heading {\n        max-width: 760px;\n        margin: 0 auto 55px;\n        text-align: center;\n    }\n\n    .taralux-team-label {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        margin-bottom: 14px;\n        color: var(--taralux-orange);\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 2.4px;\n        text-transform: uppercase;\n    }\n\n    .taralux-team-label::before,\n    .taralux-team-label::after {\n        content: \"\";\n        width: 35px;\n        height: 2px;\n        background: var(--taralux-orange);\n    }\n\n    .taralux-team-heading h2 {\n        margin: 0 0 17px;\n        color: var(--taralux-black);\n        font-size: clamp(38px, 5vw, 56px);\n        font-weight: 800;\n        line-height: 1.15;\n    }\n\n    .taralux-team-heading h2 span {\n        color: var(--taralux-orange);\n    }\n\n    .taralux-team-heading p {\n        max-width: 700px;\n        margin: 0 auto;\n        color: var(--taralux-gray);\n        font-size: 15px;\n        line-height: 1.9;\n    }\n\n    \/* Team Grid *\/\n\n    .taralux-team-grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 23px;\n    }\n\n    \/* Team Card *\/\n\n    .taralux-team-card {\n        position: relative;\n        overflow: hidden;\n        background: #ffffff;\n        border: 1px solid var(--taralux-border);\n        border-radius: 22px;\n        box-shadow: 0 15px 42px rgba(0, 0, 0, 0.08);\n        transition:\n            transform 0.4s ease,\n            border-color 0.4s ease,\n            box-shadow 0.4s ease;\n    }\n\n    .taralux-team-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(--taralux-orange),\n            #ffad64\n        );\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }\n\n    .taralux-team-card:hover {\n        border-color: rgba(245, 124, 32, 0.7);\n        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.16);\n        transform: translateY(-12px);\n    }\n\n    .taralux-team-card:hover::after {\n        transform: scaleX(1);\n    }\n\n    \/* Member Image *\/\n\n    .taralux-member-image {\n        position: relative;\n        height: 340px;\n        overflow: hidden;\n        background: #eeeeee;\n    }\n\n    .taralux-member-image::after {\n        content: \"\";\n        position: absolute;\n        right: -55px;\n        bottom: -65px;\n        z-index: 2;\n        width: 155px;\n        height: 155px;\n        background: var(--taralux-orange);\n        border-radius: 50%;\n        opacity: 0.9;\n        transition:\n            width 0.5s ease,\n            height 0.5s ease,\n            opacity 0.5s ease;\n    }\n\n    .taralux-member-image img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center top;\n        filter: grayscale(20%);\n        transition:\n            transform 0.6s ease,\n            filter 0.5s ease;\n    }\n\n    .taralux-team-card:hover .taralux-member-image img {\n        filter: grayscale(0%);\n        transform: scale(1.08);\n    }\n\n    .taralux-team-card:hover .taralux-member-image::after {\n        width: 210px;\n        height: 210px;\n        opacity: 0.8;\n    }\n\n    \/* Overlay *\/\n\n    .taralux-member-overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        display: flex;\n        align-items: flex-end;\n        justify-content: center;\n        padding: 24px;\n        background:\n            linear-gradient(\n                to top,\n                rgba(11, 11, 11, 0.86),\n                rgba(11, 11, 11, 0.05) 60%\n            );\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .taralux-team-card:hover .taralux-member-overlay {\n        opacity: 1;\n    }\n\n    \/* Social Links *\/\n\n    .taralux-social-links {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        transform: translateY(25px);\n        transition: transform 0.4s ease;\n    }\n\n    .taralux-team-card:hover .taralux-social-links {\n        transform: translateY(0);\n    }\n\n    .taralux-social-links a {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        color: var(--taralux-black);\n        background: #ffffff;\n        border-radius: 50%;\n        font-size: 15px;\n        text-decoration: none;\n        transition:\n            color 0.3s ease,\n            background 0.3s ease,\n            transform 0.3s ease;\n    }\n\n    .taralux-social-links a:hover {\n        color: #ffffff;\n        background: var(--taralux-orange);\n        transform: translateY(-5px);\n    }\n\n    \/* Number *\/\n\n    .taralux-member-number {\n        position: absolute;\n        top: 18px;\n        right: 18px;\n        z-index: 5;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 48px;\n        height: 48px;\n        color: #ffffff;\n        background: var(--taralux-orange);\n        border: 4px solid rgba(255, 255, 255, 0.85);\n        border-radius: 50%;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);\n        font-size: 13px;\n        font-weight: 800;\n    }\n\n    \/* Member Information *\/\n\n    .taralux-member-info {\n        position: relative;\n        min-height: 210px;\n        padding: 28px 24px 31px;\n        text-align: center;\n    }\n\n    .taralux-member-info h3 {\n        margin: 0 0 5px;\n        color: var(--taralux-black);\n        font-size: 21px;\n        font-weight: 800;\n        line-height: 1.35;\n    }\n\n    .taralux-member-info > span {\n        display: block;\n        margin-bottom: 14px;\n        color: var(--taralux-orange);\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.8px;\n        text-transform: uppercase;\n    }\n\n    .taralux-member-info p {\n        margin: 0;\n        color: var(--taralux-gray);\n        font-size: 12px;\n        line-height: 1.75;\n    }\n\n    \/* Tablet *\/\n\n    @media (max-width: 1050px) {\n        .taralux-team-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .taralux-member-image {\n            height: 390px;\n        }\n    }\n\n    \/* Mobile *\/\n\n    @media (max-width: 650px) {\n        .taralux-team {\n            padding: 75px 16px;\n        }\n\n        .taralux-team-heading {\n            margin-bottom: 38px;\n        }\n\n        .taralux-team-heading h2 {\n            font-size: 35px;\n        }\n\n        .taralux-team-heading p {\n            font-size: 14px;\n        }\n\n        .taralux-team-grid {\n            grid-template-columns: 1fr;\n            gap: 22px;\n        }\n\n        .taralux-team-card {\n            max-width: 420px;\n            margin: 0 auto;\n        }\n\n        .taralux-member-image {\n            height: 390px;\n        }\n\n        .taralux-member-overlay {\n            opacity: 1;\n            background:\n                linear-gradient(\n                    to top,\n                    rgba(11, 11, 11, 0.75),\n                    transparent 45%\n                );\n        }\n\n        .taralux-social-links {\n            transform: translateY(0);\n        }\n    }\n\n    @media (max-width: 420px) {\n        .taralux-team-heading h2 {\n            font-size: 31px;\n        }\n\n        .taralux-member-image {\n            height: 350px;\n        }\n\n        .taralux-member-info {\n            min-height: auto;\n            padding: 25px 20px 29px;\n        }\n    }\n<\/style>\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>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-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/47","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=47"}],"version-history":[{"count":123,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":9895,"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/pages\/47\/revisions\/9895"}],"wp:attachment":[{"href":"https:\/\/taraluxjo.com\/ar\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}