{"id":2398,"date":"2026-01-12T13:24:58","date_gmt":"2026-01-12T13:24:58","guid":{"rendered":"https:\/\/ehivesa.com\/?page_id=2398"},"modified":"2026-08-31T21:54:44","modified_gmt":"2026-08-31T21:54:44","slug":"home-2","status":"publish","type":"page","link":"https:\/\/ehivesa.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2398\" class=\"elementor elementor-2398\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3efa79e e-con-full e-flex e-con e-parent\" data-id=\"3efa79e\" data-element_type=\"container\" id=\"home\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-47f7c4e e-con-full e-flex e-con e-child\" data-id=\"47f7c4e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8415200 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"8415200\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"455\" height=\"460\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Main-Logo.png\" class=\"attachment-full size-full wp-image-2406\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Main-Logo.png 455w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Main-Logo-297x300.png 297w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Main-Logo-12x12.png 12w\" sizes=\"(max-width: 455px) 100vw, 455px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1401f72 e-con-full e-flex e-con e-child\" data-id=\"1401f72\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-247b91b elementor-widget__width-initial elementor-widget-widescreen__width-initial elementor-widget elementor-widget-heading\" data-id=\"247b91b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0646\u0636\u064a\u0641 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u0644\u0639\u0628<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21743cd e-con-full e-flex e-con e-child\" data-id=\"21743cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b35f38 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4b35f38\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\u062a\u0642\u062f\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629  \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u062b\u0631\u064a.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5728aab e-con-full e-flex e-con e-child\" data-id=\"5728aab\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0967229 e-con-full e-flex e-con e-child\" data-id=\"0967229\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13af352 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"13af352\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"102\" height=\"102\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Layer_1.png\" class=\"attachment-thumbnail size-thumbnail wp-image-2423\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Layer_1.png 102w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Layer_1-12x12.png 12w\" sizes=\"(max-width: 102px) 100vw, 102px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b2e54a e-con-full e-flex e-con e-child\" data-id=\"0b2e54a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cd8b1d elementor-widget elementor-widget-heading\" data-id=\"9cd8b1d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">!\u0627\u0646\u0636\u0645\u0648\u0627 \u0627\u0644\u064a\u0648\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639\u0646\u0627<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33fe85e e-con-full e-flex e-con e-child\" data-id=\"33fe85e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b81d6 elementor-widget elementor-widget-html\" data-id=\"a2b81d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \n    <style>\n        \/* Hover Area (Container for Button & Overlay) *\/\n        .hoverarea {\n            position: relative;\n            display: inline-block;\n            width: 150px;\n            height: 55px;\n            overflow: hidden;\n        }\n\n        \/* Polygon 1 (Base Button - Black) *\/\n        .polygon-button {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            font-weight: bold;\n            color: white;\n            background-color: black;\n            border: none;\n            text-transform: uppercase;\n            text-decoration: none;\n            cursor: pointer;\n            clip-path: polygon(0% 0%, 82% 0, 100% 44%, 100% 100%, 0% 100%);\n            transition: 0.2s ease-in-out;\n            z-index: 10;\n        }\n\n        \/* Polygon 2 (Small Yellow Square Initially) *\/\n        .polygon-button2 {\n            position: absolute;\n            width: 15px;\n            height: 15px;\n            background-color: red;\n            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);\n            transition: all 0.3s ease-in-out;\n            z-index: 11;\n            right: 0;\n            top: 0;\n        }\n\n        \/* Hidden Text + Icon inside Polygon 2 *\/\n        .polygon-button2 span {\n            font-size: 16px;\n            font-weight: bold;\n            color: white;\n            text-transform: uppercase;\n            display: none;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* Arrow Icon *\/\n        .polygon-button2 span i {\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        \/* Hover Effect - Expand & Cover Polygon 1 *\/\n        .hoverarea:hover .polygon-button2 {\n            width: 100%;\n            height: 100%;\n            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%, 0% 44%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Show text & icon on hover *\/\n        .hoverarea:hover .polygon-button2 span {\n            display: flex;\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width: 480px) {\n            .hoverarea {\n                width: 100px;\n                height: 40px;\n            }\n            .polygon-button {\n                font-size: 0.8rem;\n                clip-path: polygon(0% 0%, 75% 0, 95% 40%, 95% 100%, 0% 100%);\n            }\n            .polygon-button2 {\n                width: 12px;\n                height: 12px;\n            }\n            .polygon-button2 span {\n                font-size: 10px;\n            }\n            .polygon-button2 span i {\n                font-size: 12px;\n            }\n        }\n    <\/style>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/js\/all.min.js\" crossorigin=\"anonymous\"><\/script>\n<\/head>\n<body>\n  <a href=\"#contact\" class=\"hoverarea\">\n    <div class=\"polygon-button\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\n    <div class=\"polygon-button2\" style=\"background-color:#0062FF \">\n        <span style=\"color:white\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 <i class=\"fas fa-long-arrow-alt-right\"><\/i><\/span>\n    <\/div>\n  <\/a>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dd3419 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-image\" data-id=\"7dd3419\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"102\" height=\"102\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Layer_1-1.png\" class=\"attachment-large size-large wp-image-2424\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Layer_1-1.png 102w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Layer_1-1-12x12.png 12w\" sizes=\"(max-width: 102px) 100vw, 102px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b5199b e-con-full e-flex e-con e-parent\" data-id=\"8b5199b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca6a262 elementor-widget elementor-widget-html\" data-id=\"ca6a262\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .second-section-custom-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: stretch;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n\r\n    }\r\n\r\n    .second-section-custom-card {\r\n        flex: 1;\r\n        position: relative;\r\n        cursor: pointer;\r\n        background-color: #00000;\r\n        z-index: 0;\r\n        height: auto;\r\n    }\r\n\r\n    .second-section-custom-card-image {\r\n        width: 100%;\r\n        height: 100% !important;\r\n        object-fit: cover;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n\r\n    .second-section-custom-card-content {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        color: white;\r\n        z-index: 2;\r\n        font-family:Orbitron;\r\n        text-align: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .second-section-custom-card-content h3 {\r\n        font-size: 3em;\r\n        margin: 0;\r\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n        transition: all 0.4s;\r\n    }\r\n\r\n    .second-section-custom-description {\r\n        opacity: 0;\r\n        color: white;\r\n        font-size: 1em;\r\n        max-width: 75%;\r\n        margin: 20px auto 0;\r\n        transition: all 0.4s;\r\n    }\r\n\r\n    .pixel-grid {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: grid;\r\n        grid-template-columns: repeat(20, 1fr);\r\n        grid-template-rows: repeat(16, 1fr);\r\n        z-index: 1;\r\n    }\r\n\r\n    .pixel {\r\n        width: 48px;\r\n        height: 48px;\r\n    background-color:#0062FF;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    @media screen and (min-width: 2000px) {\r\n     .pixel {\r\n        width: 56px;\r\n        height: 56px;\r\n     }\r\n}\r\n\r\n\r\n    .fade-out {\r\n        opacity: 0 !important;\r\n    }\r\n\r\n    .second-section-custom-card:hover .pixel {\r\n        animation: pixelFadeIn 0.1s var(--delay) forwards;\r\n    }\r\n\r\n    .second-section-custom-card:hover .second-section-custom-card-content h3 {\r\n        animation: titleAnimation 1.2s forwards;\r\n    }\r\n\r\n    .second-section-custom-card:hover .second-section-custom-description {\r\n        color: white;\r\n        font-family: Orbitron;\r\n        transform: translateY(-20px);\r\n        animation: descAnimation 1.2s forwards;\r\n    }\r\n\r\n    .card-content-image {\r\n        opacity: 0;\r\n        margin: 0 0 30px 0;\r\n    }\r\n\r\n    .second-section-custom-card:hover .card-content-image {\r\n        animation: descAnimation 1.2s forwards;\r\n    }\r\n\r\n    @keyframes pixelFadeIn {\r\n        from {\r\n            opacity: 0;\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes titleAnimation {\r\n\r\n        0%,\r\n        60% {\r\n            color: white;\r\n            transform: translate(0%, 0%);\r\n        }\r\n\r\n        80% {\r\n            color: white;\r\n            transform: translate(0%, 0%);\r\n        }\r\n\r\n        100% {\r\n            transform: translate(0%, -40%);\r\n            color: white;\r\n        }\r\n    }\r\n\r\n    @keyframes descAnimation {\r\n\r\n        0%,\r\n        80% {\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    .informative-second-section-custom-card {\r\n        width: 500px;\r\n        position: relative;\r\n        z-index: 10;\r\n        margin: 0 -44px;\r\n        overflow: visible;\r\n        z-index: 1;\r\n    }\r\n\r\n    .informative-second-section-custom-card img {\r\n        width: 550px;\r\n        display: block;\r\n        position: relative;\r\n        left: 0px;\r\n        z-index: 1;\r\n    }\r\n\r\n\r\n    @media (max-width: 830px) {\r\n        .informative-second-section-custom-card {\r\n            width: 100%;\r\n            height: 430px;\r\n            display: flex;\r\n            justify-content: center;\r\n            background-color: #0062FF;\r\n            margin: 0px;\r\n        }\r\n\r\n\r\n\r\n        .second-section-custom-container {\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n\r\n\r\n        .second-section-custom-card {\r\n            flex: auto;\r\n            height: 380px;\r\n            width: 100%;\r\n        }\r\n\r\n        .pixel-grid {\r\n\r\n            grid-template-columns: repeat(23, 3fr);\r\n            grid-template-rows: repeat(20, 1fr);\r\n        }\r\n\r\n\r\n        .pixel {\r\n            width: 48px;\r\n            height: 48px;\r\n        }\r\n\r\n    }\r\n    \r\n    @media (max-width: 1280px) and (min-width: 830px) {\r\n            \r\n            .informative-second-section-custom-card {\r\n        width: 400px; \r\n     }\r\n     \r\n      .second-section-custom-card-content h3{\r\n        font-size: 2.6em;\r\n    }\r\n    .card-content-image {\r\n        width: 70px;\r\n    }\r\n        \r\n    }\r\n    \r\n    \r\n     @media (max-width: 500px) {\r\n          .second-section-custom-description {\r\n       \r\n        max-width: 90%;\r\n       \r\n    }\r\n    .second-section-custom-card-content h3{\r\n        font-size: 2.6em;\r\n    }\r\n    .card-content-image {\r\n        width: 70px;\r\n    }\r\n\r\n     }\r\n<\/style>\r\n\r\n<div class=\"second-section-custom-container\">\r\n    <div class=\"second-section-custom-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/freepik__the-style-is-candid-image-photography-with-natural__24206-1.png\" class=\"second-section-custom-card-image\" alt=\"Random image\">\r\n        <div class=\"second-section-custom-card-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/Isolation_Mode-1.png\" class=\"card-content-image\">\r\n            <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n            <p class=\"second-section-custom-description\">\u062a\u0639\u0632\u064a\u0632 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0628\u0646\u0627\u0621\u0629 \u0648\u0627\u0628\u062a\u0643\u0627\u0631 \u062d\u0644\u0648\u0644 \u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u062a\u062c\u0627\u0631\u0628 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0623\u062b\u064a\u0631. \u0625\u0646\u0646\u0627 \u0645\u0644\u062a\u0632\u0645\u0648\u0646 \u0628\u0627\u0644\u0627\u0631\u062a\u0642\u0627\u0621 \u0628\u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0648\u0627\u0639\u062f\u0629 \u0625\u0644\u0649 \u0622\u0641\u0627\u0642 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0641\u0631\u0635 \u0645\u062d\u0644\u064a\u0629 \u062a\u0645\u0643\u0646\u0647\u0645 \u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0635\u0644\u062d\u0629.\r\n<\/p>\r\n        <\/div>\r\n        <div class=\"pixel-grid\" id=\"pixelGrid1\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"informative-second-section-custom-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Pixels2.png\" class=\"second-section-custom-card-image\" alt=\"Random image\">\r\n    <\/div>\r\n\r\n    <div class=\"second-section-custom-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/freepik__the-style-is-candid-image-photography-with-natural__24207-1.png\" class=\"second-section-custom-card-image\" alt=\"Random image\">\r\n        <div class=\"second-section-custom-card-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/Isolation_Mode.png\" class=\"card-content-image\">\r\n            <h3 id=\"misiontitle\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n            <p class=\"second-section-custom-description\">\u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0648\u0631\u0627\u0621 \u0646\u0645\u0648 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\u060c \u0645\u0639 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644 \u0648\u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0639\u0627\u0644\u0645\u064a \u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u064a\u0646 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629. \u064a\u062a\u0645\u062b\u0644 \u0647\u062f\u0641\u0646\u0627 \u0641\u064a \u062c\u0639\u0644 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0645\u0631\u0643\u0632\u064b\u0627 \u0639\u0627\u0644\u0645\u064a\u064b\u0627 \u062a\u062a\u0627\u062d \u0641\u064a\u0647 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0645\u062d\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c\u00a0\u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a.<\/p>\r\n        <\/div>\r\n        <div class=\"pixel-grid\" id=\"pixelGrid2\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const gridSize = 14;\r\n        const totalPixels = gridSize * gridSize;\r\n\r\n        function createPixelGrid(gridId) {\r\n            const pixelGrid = document.getElementById(gridId);\r\n            if (!pixelGrid) return;\r\n\r\n            for (let i = 0; i < totalPixels; i++) {\r\n                const pixel = document.createElement('div');\r\n                pixel.className = 'pixel';\r\n                pixelGrid.appendChild(pixel);\r\n            }\r\n\r\n            const pixels = Array.from(pixelGrid.children);\r\n            shuffleArray(pixels);\r\n\r\n            pixels.forEach((pixel, index) => {\r\n                if (index < 14) {\r\n                    pixel.style.setProperty('--delay', '0s');\r\n                } else if (index < 26) {\r\n                    pixel.style.setProperty('--delay', '0.2s');\r\n                } else if (index < 46) {\r\n                    pixel.style.setProperty('--delay', '0.4s');\r\n                } else if (index < 150) {\r\n                    pixel.style.setProperty('--delay', '0.7s');\r\n                } else {\r\n                    pixel.style.setProperty('--delay', '1s');\r\n                }\r\n            });\r\n        }\r\n\r\n        function shuffleArray(array) {\r\n            for (let i = array.length - 1; i > 0; i--) {\r\n                const j = Math.floor(Math.random() * (i + 1));\r\n                [array[i], array[j]] = [array[j], array[i]];\r\n            }\r\n        }\r\n\r\n        \/\/ Add hover out effect for pixels\r\n        document.querySelectorAll('.second-section-custom-card').forEach(card => {\r\n            card.addEventListener('mouseleave', function() {\r\n                const pixels = this.querySelectorAll('.pixel');\r\n                pixels.forEach(pixel => {\r\n                    pixel.classList.add('fade-out');\r\n                    pixel.style.animation = 'none';\r\n                });\r\n            });\r\n\r\n            card.addEventListener('mouseenter', function() {\r\n                const pixels = this.querySelectorAll('.pixel');\r\n                pixels.forEach(pixel => {\r\n                    pixel.classList.remove('fade-out');\r\n                    const delay = pixel.style.getPropertyValue('--delay');\r\n                    pixel.style.animation = `pixelFadeIn 0.1s ${delay} forwards`;\r\n                });\r\n            });\r\n        });\r\n\r\n        createPixelGrid('pixelGrid1');\r\n        createPixelGrid('pixelGrid2');\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-597a1b0 e-con-full e-flex e-con e-parent\" data-id=\"597a1b0\" data-element_type=\"container\" id=\"about\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b3625e4 e-con-full e-flex e-con e-child\" data-id=\"b3625e4\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-757ab33 e-flex e-con-boxed e-con e-child\" data-id=\"757ab33\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93efd8a elementor-absolute elementor-widget elementor-widget-image\" data-id=\"93efd8a\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"55\" height=\"55\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element.png\" class=\"attachment-large size-large wp-image-2478\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element.png 55w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-12x12.png 12w\" sizes=\"(max-width: 55px) 100vw, 55px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3dd08a elementor-widget__width-inherit infoheader elementor-widget elementor-widget-heading\" data-id=\"b3dd08a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a&nbsp;\u0639\u0646\u0627<\/h2>\t\t\t\t<\/div>\n\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-097dd48 e-con-full e-flex e-con e-child\" data-id=\"097dd48\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3708e47 e-con-full e-flex e-con e-child\" data-id=\"3708e47\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-187abf5 elementor-widget elementor-widget-image\" data-id=\"187abf5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"418\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-1.png\" class=\"attachment-full size-full wp-image-2477\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-1.png 598w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-1-300x210.png 300w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-1-18x12.png 18w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc31d3f e-con-full e-flex e-con e-child\" data-id=\"dc31d3f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9152fb4 elementor-widget elementor-widget-image\" data-id=\"9152fb4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"114\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Logo-White-Cropped-2.png\" class=\"attachment-full size-full wp-image-2476\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Logo-White-Cropped-2.png 293w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Logo-White-Cropped-2-18x7.png 18w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-141cac2 elementor-widget elementor-widget-text-editor\" data-id=\"141cac2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0641\u064a eHive\u060c \u0646\u064f\u0645\u0643\u0651\u0650\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0627\u0632\u062f\u0647\u0627\u0631 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a. \u0628\u0635\u0641\u062a\u0646\u0627 \u0648\u0643\u0627\u0644\u0629 \u0623\u0644\u0639\u0627\u0628 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0642\u062f\u0651\u0645 \u062e\u062f\u0645\u0627\u062a \u0643\u0627\u0645\u0644\u0629\u060c \u0641\u0625\u0646\u0646\u0627 \u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u062f\u0645\u062c \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u0631\u062f\u062f \u0635\u062f\u0627\u0647\u0627 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0647\u064a\u0631. \u0628\u0641\u0636\u0644 \u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u0645\u062c\u0627\u0644\u064e\u064a \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642\u060c \u0646\u0645\u062b\u0644 \u062d\u0644\u0642\u0629 \u0648\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0641\u0646\u0636\u0645\u0646 \u0628\u0630\u0644\u0643 \u062a\u0643\u0627\u0645\u0644\u064b\u0627 \u0633\u0644\u0633\u064b\u0627 \u064a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062c\u062f\u064a\u062f\u064b\u0627 \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u0644\u0645\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0623\u0648 \u062a\u0633\u0639\u0649 \u0625\u0644\u0649 \u062a\u0648\u0633\u064a\u0639 \u0648\u062c\u0648\u062f\u0643 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0641\u0625\u0646\u0651\u0646\u0627 \u0641\u064a eHive \u0646\u0642\u062f\u0651\u0650\u0645 \u0644\u0643 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0647\u062f\u0641\u0643. \u0634\u0627\u0631\u0650\u0643\u0646\u0627 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0634\u0631\u0642 \u0644\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0d7fbb e-con-full e-flex e-con e-parent\" data-id=\"f0d7fbb\" data-element_type=\"container\" id=\"service\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-467f8f2 e-con-full e-flex e-con e-child\" data-id=\"467f8f2\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9048624 e-con-full e-flex e-con e-child\" data-id=\"9048624\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6897a2 elementor-absolute elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"c6897a2\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"55\" height=\"55\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element.png\" class=\"attachment-large size-large wp-image-2478\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element.png 55w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-12x12.png 12w\" sizes=\"(max-width: 55px) 100vw, 55px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f2922f elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2f2922f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6304f06 elementor-widget elementor-widget-html\" data-id=\"6304f06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;500;700&family=Rajdhani:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"ehive-services-wrapper\">\r\n    \r\n    <section class=\"explorer-container\">\r\n        \r\n        <div class=\"ehive-logo-badge\">\r\n            <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/E-logo.png\" alt=\"E Logo\">\r\n        <\/div>\r\n\r\n        <div class=\"sidebar\">\r\n            <ul class=\"nav-list\">\r\n                \r\n                <li class=\"nav-item\" data-index=\"0\">\r\n                    <div class=\"sidebar-icon-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Partnership_Icon-1-removebg-preview.png\" class=\"sidebar-icon\">\r\n                    <\/div>\r\n                    <div class=\"text-group\">\r\n                        <span class=\"item-number\">01<\/span>\r\n                        <span class=\"item-text\">Commercial & Partnerships<\/span>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li class=\"nav-item\" data-index=\"1\">\r\n                    <div class=\"sidebar-icon-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Consultancy-Solutions.png\" class=\"sidebar-icon\">\r\n                    <\/div>\r\n                    <div class=\"text-group\">\r\n                        <span class=\"item-number\">02<\/span>\r\n                        <span class=\"item-text\">\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629<\/span>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li class=\"nav-item\" data-index=\"2\">\r\n                    <div class=\"sidebar-icon-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Content-creation.png\" class=\"sidebar-icon\">\r\n                    <\/div>\r\n                    <div class=\"text-group\">\r\n                        <span class=\"item-number\">03<\/span>\r\n                        <span class=\"item-text\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li class=\"nav-item\" data-index=\"3\">\r\n                    <div class=\"sidebar-icon-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Talent-Icon.png\" class=\"sidebar-icon\">\r\n                    <\/div>\r\n                    <div class=\"text-group\">\r\n                        <span class=\"item-number\">04<\/span>\r\n                        <span class=\"item-text\">\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0647\u0628<\/span>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li class=\"nav-item\" data-index=\"4\">\r\n                    <div class=\"sidebar-icon-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Event-Icon.png\" class=\"sidebar-icon\">\r\n                    <\/div>\r\n                    <div class=\"text-group\">\r\n                        <span class=\"item-number\">05<\/span>\r\n                        <span class=\"item-text\">\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629<\/span>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n                <li class=\"nav-item\" data-index=\"5\">\r\n                    <div class=\"sidebar-icon-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/CyberSecurity-Icon.png\" class=\"sidebar-icon\">\r\n                    <\/div>\r\n                    <div class=\"text-group\">\r\n                        <span class=\"item-number\">06<\/span>\r\n                        <span class=\"item-text\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a<\/span>\r\n                    <\/div>\r\n                <\/li>\r\n\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"visuals-col\">\r\n            \r\n            <div class=\"map-area\">\r\n                <div class=\"map-container\">\r\n                    <div class=\"map-marker\" data-index=\"0\" style=\"top: 20%; left: 25%;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Partnership_Icon-1-removebg-preview.png\">\r\n                    <\/div>\r\n                    <div class=\"map-marker\" data-index=\"1\" style=\"width: 55px; height: 55px; top: 28%; left: 38%;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Consultancy-Solutions.png\">\r\n                    <\/div>\r\n                    <div class=\"map-marker\" data-index=\"2\" style=\"top: 54%; left: 30%;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Content-creation.png\">\r\n                    <\/div>\r\n                    <div class=\"map-marker\" data-index=\"3\" style=\"top: 63%; left: 45%;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Talent-Icon.png\">\r\n                    <\/div>\r\n                    <div class=\"map-marker\" data-index=\"4\" style=\"top: 45%; left: 55%;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Event-Icon.png\">\r\n                    <\/div>\r\n                    <div class=\"map-marker\" data-index=\"5\" style=\"top: 60%; left: 65%;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/CyberSecurity-Icon.png\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n                <div class=\"info-content\" id=\"info-content-area\">\r\n                    <h2 id=\"service-title\">EHIVE MINI MAP<\/h2>\r\n                    <p id=\"service-body\">Select a service below to explore our solutions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- SCOPED WRAPPER --- *\/\r\n    #ehive-services-wrapper {\r\n        --bg-dark: #111111;\r\n        --neon-blue: #0055FF;\r\n        --neon-pink: #AB00CA; \/* Updated Pink *\/\r\n        --text-gray: #888888;\r\n        --border-color: #2a2a2a;\r\n        --box-bg: #D9D9D9;\r\n        \r\n        background-color: var(--bg-dark);\r\n        font-family: 'Rajdhani', sans-serif;\r\n        color: white;\r\n        width: 100%;\r\n        overflow: hidden; \r\n        margin: 0 auto;\r\n        padding: 40px 0; \r\n        box-sizing: border-box;\r\n        position: relative;\r\n    }\r\n\r\n    #ehive-services-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- DESKTOP LAYOUT (Default) --- *\/\r\n    #ehive-services-wrapper .explorer-container {\r\n        width: 1200px; \r\n        min-height: 600px;\r\n        position: relative;\r\n        background: #0f0f0f;\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        border: 1px solid #333;\r\n        margin-left: 0; \r\n        transform-origin: top left; \r\n    }\r\n\r\n    \/* Sidebar *\/\r\n    #ehive-services-wrapper .sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        border-right: 1px solid var(--border-color);\r\n        background: #0a0a0a;\r\n    }\r\n\r\n    #ehive-services-wrapper .nav-list {\r\n        list-style: none !important; \r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        width: 100%;\r\n    }\r\n\r\n    #ehive-services-wrapper .nav-item {\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 20px 30px;\r\n        border-bottom: 1px solid var(--border-color);\r\n        cursor: pointer;\r\n        transition: all 0.3s ease-in-out;\r\n        position: relative;\r\n        min-height: 80px;\r\n    }\r\n    \r\n    #ehive-services-wrapper .text-group {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    #ehive-services-wrapper .nav-item:last-child {\r\n      border-bottom: 0px solid var(--border-color);\r\n    }\r\n\r\n    #ehive-services-wrapper .item-number {\r\n        font-family: 'Orbitron', sans-serif;\r\n        color: var(--text-gray);\r\n        margin-right: 20px;\r\n        font-size: 1.1rem;\r\n        min-width: 30px;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    #ehive-services-wrapper .item-text {\r\n        font-family: 'Orbitron', sans-serif;\r\n        text-transform: uppercase;\r\n        font-size: 0.95rem;\r\n        letter-spacing: 1px;\r\n        color: white;\r\n        font-weight: 500;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Active State *\/\r\n    #ehive-services-wrapper .nav-item.active {\r\n        background-color: var(--neon-blue);\r\n    }\r\n\r\n    #ehive-services-wrapper .nav-item.active .item-number {\r\n        color: rgba(255,255,255, 0.7);\r\n    }\r\n\r\n    #ehive-services-wrapper .nav-item.active .item-text {\r\n        color: white;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #ehive-services-wrapper .sidebar-icon-wrapper {\r\n        width: 0;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        margin-right: 0;\r\n    }\r\n\r\n    #ehive-services-wrapper .nav-item.active .sidebar-icon-wrapper {\r\n        width: 40px; \r\n        opacity: 1;\r\n        margin-right: 10px;\r\n    }\r\n\r\n    #ehive-services-wrapper .sidebar-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n        object-fit: contain;\r\n    }\r\n\r\n    \/* Right Column *\/\r\n    #ehive-services-wrapper .visuals-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n        height: 100%;\r\n    }\r\n\r\n    #ehive-services-wrapper .ehive-logo-badge {\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 45.5%; \r\n        z-index: 10;\r\n        background: #fff;\r\n        padding: 0px;\r\n        box-shadow: 0 0 10px rgba(0,0,0,0.5);\r\n    }\r\n    \r\n    #ehive-services-wrapper .ehive-logo-badge img {\r\n        width: 55px;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    \/* Map Area *\/\r\n    #ehive-services-wrapper .map-area {\r\n        flex: 1; \r\n        background-color: #050505;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        min-height: 300px;\r\n        padding: 20px;\r\n    }\r\n\r\n    #ehive-services-wrapper .map-container {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-image: url('https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Group-3.png');\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        position: relative;\r\n    }\r\n\r\n    #ehive-services-wrapper .map-marker {\r\n        position: absolute;\r\n        width: 35px;\r\n        height: 35px;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    #ehive-services-wrapper .map-marker img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n    }\r\n\r\n    #ehive-services-wrapper .map-marker.active {\r\n        color: var(--neon-pink);\r\n        filter: hue-rotate(85deg); \r\n        transform: scale(1.4);\r\n        z-index: 20;\r\n    }\r\n\r\n    \/* Info Box *\/\r\n    #ehive-services-wrapper .info-box {\r\n        flex: 0 auto; \r\n        background-color: var(--box-bg);\r\n        padding: 30px 40px; \r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        transition: all 0.5s ease;\r\n    }\r\n\r\n    #ehive-services-wrapper .info-content h2 {\r\n        font-family: 'Orbitron', sans-serif;\r\n        color: #000;\r\n        font-size: 1.6rem;\r\n        text-transform: uppercase;\r\n        line-height: 1.2;\r\n        margin: 0; \r\n        transition: margin 0.3s ease;\r\n    }\r\n    \r\n    #ehive-services-wrapper .info-box.expanded .info-content h2 {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    #ehive-services-wrapper .info-content p {\r\n        color: #000000;\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n        font-weight: 700;\r\n        max-height: 0;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        margin-top: 0;\r\n        transition: max-height 0.5s ease, opacity 0.5s ease, margin 0.3s ease;\r\n    }\r\n#info-content-area\r\n{padding-top: 10px;\r\n    padding-bottom: 20px;\r\n}\r\n    #ehive-services-wrapper .info-box.expanded .info-content p {\r\n        max-height: 300px;\r\n        opacity: 1;\r\n    }\r\n\r\n\r\n    \/* ========================================= *\/\r\n    \/* --- UNIQUE MOBILE LAYOUT (Stack & Grid) --- *\/\r\n    \/* ========================================= *\/\r\n    @media (max-width: 1024px) {\r\n        \r\n        #ehive-services-wrapper {\r\n            padding: 0;\r\n            height: auto !important; \/* Override JS height *\/\r\n        }\r\n\r\n        #ehive-services-wrapper .explorer-container {\r\n            width: 100%;\r\n            height: auto;\r\n            transform: none !important; \/* DISABLE scaling *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: none;\r\n        }\r\n\r\n        \/* 1. MAP MOVES TO TOP *\/\r\n        #ehive-services-wrapper .visuals-col {\r\n            order: 1;\r\n            width: 100%;\r\n        }\r\n\r\n        #ehive-services-wrapper .map-area {\r\n            height: 350px; \/* Fixed height for map *\/\r\n            min-height: 300px;\r\n            background: #000;\r\n            border-bottom: 1px solid #333;\r\n        }\r\n\r\n        #ehive-services-wrapper .map-container {\r\n            width: 90%;\r\n            height: 90%;\r\n        }\r\n        \r\n        \/* Hide logo on mobile or move it *\/\r\n        #ehive-services-wrapper .ehive-logo-badge {\r\n            top: 10px;\r\n            right: 10px;\r\n            width: 40px;\r\n        }\r\n        #ehive-services-wrapper .ehive-logo-badge img {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* 2. INFO BOX IN MIDDLE *\/\r\n        #ehive-services-wrapper .info-box {\r\n            order: 2;\r\n            width: 100%;\r\n            border-bottom: 1px solid #333;\r\n            padding: 25px;\r\n            min-height: 120px; \/* Ensure space for title *\/\r\n        }\r\n        \r\n        \/* Mobile: Always expand info box slightly *\/\r\n        #ehive-services-wrapper .info-box .info-content h2 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n        }\r\n        #ehive-services-wrapper .info-box .info-content p {\r\n            max-height: 500px; \/* Allow text to be visible *\/\r\n            opacity: 1;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* 3. SIDEBAR BECOMES A GRID AT BOTTOM *\/\r\n        #ehive-services-wrapper .sidebar {\r\n            order: 3;\r\n            width: 100%;\r\n            border-right: none;\r\n            padding: 10px;\r\n            background: #0a0a0a;\r\n        }\r\n\r\n        #ehive-services-wrapper .nav-list {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* 2 Columns *\/\r\n            gap: 10px;\r\n        }\r\n\r\n        #ehive-services-wrapper .nav-item {\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            padding: 15px 10px;\r\n            border: 1px solid #333 !important;\r\n            background: #111;\r\n            min-height: 100px;\r\n        }\r\n\r\n        #ehive-services-wrapper .text-group {\r\n            flex-direction: column;\r\n        }\r\n\r\n        #ehive-services-wrapper .item-number {\r\n            margin-right: 0;\r\n            margin-bottom: 5px;\r\n            font-size: 0.8rem;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        #ehive-services-wrapper .item-text {\r\n            font-size: 0.8rem;\r\n            white-space: normal;\r\n        }\r\n\r\n        \/* Icon Handling on Mobile *\/\r\n        #ehive-services-wrapper .sidebar-icon-wrapper {\r\n            \/* Always show icon space, but active state fills it *\/\r\n            display: block;\r\n            margin-right: 0;\r\n            margin-bottom: 5px;\r\n            width: auto;\r\n            opacity: 1;\r\n        }\r\n\r\n        #ehive-services-wrapper .sidebar-icon {\r\n            width: 25px;\r\n            height: 25px;\r\n            \/* Invert color to white by default on mobile cards *\/\r\n            filter: grayscale(1) brightness(2); \r\n        }\r\n\r\n        \/* Active State Mobile *\/\r\n        #ehive-services-wrapper .nav-item.active {\r\n            background: var(--neon-blue);\r\n            border-color: var(--neon-blue) !important;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(0, 85, 255, 0.3);\r\n        }\r\n        \r\n        #ehive-services-wrapper .nav-item.active .sidebar-icon {\r\n            filter: none; \/* Show original color *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        \r\n        \/\/ --- CONTENT DATA ---\r\n        const services = [\r\n            {\r\n                title: \"Commercial & Partnerships Solutions\",\r\n                body: \"We connect brands, investors, and esports stakeholders with strategic opportunities to maximize impact and ROI. Our team secures sponsorships, develops partnerships, and creates tailored commercial solutions that drive growth and industry success.\"\r\n            },\r\n            {\r\n                title: \"Consultancy Solutions\",\r\n                body: \"We provide expert guidance to teams, brands, and investors, helping them navigate the esports industry with market analysis, growth strategies, and performance optimization.\"\r\n            },\r\n            {\r\n                title: \"Content Creation\",\r\n                body: \"Our team produces high-quality esports content, including video production, live streaming, and social media storytelling, to enhance brand presence and engage audiences.\"\r\n            },\r\n            {\r\n                title: \"Talent Representation\",\r\n                body: \"We manage esports players, streamers, and gaming influencers, securing sponsorships, negotiating contracts, and building strong personal brands for long-term success.\"\r\n            },\r\n            {\r\n                title: \"Events & IP Management\",\r\n                body: \"From large-scale tournaments to unique esports intellectual properties, we handle event planning, production, and audience engagement to create impactful gaming experiences.\"\r\n            },\r\n            {\r\n                title: \"Cybersecurity Solutions\",\r\n                body: \"We offer cybersecurity services tailored for esports, protecting players, organizations, and digital platforms from fraud, data breaches, and cyber threats, ensuring a safe and secure gaming environment.\"\r\n            }\r\n        ];\r\n\r\n        \/\/ --- SELECTORS ---\r\n        const wrapper = document.getElementById('ehive-services-wrapper');\r\n        const container = wrapper.querySelector('.explorer-container');\r\n        const navItems = wrapper.querySelectorAll('.nav-item');\r\n        const mapMarkers = wrapper.querySelectorAll('.map-marker');\r\n        const titleEl = wrapper.querySelector('#service-title');\r\n        const bodyEl = wrapper.querySelector('#service-body');\r\n        const infoBox = wrapper.querySelector('.info-box');\r\n\r\n        \/\/ --- INTERACTION LOGIC ---\r\n        function activateService(index) {\r\n            navItems.forEach(item => item.classList.remove('active'));\r\n            navItems[index].classList.add('active');\r\n\r\n            mapMarkers.forEach(marker => marker.classList.remove('active'));\r\n            if (mapMarkers[index]) {\r\n                mapMarkers[index].classList.add('active');\r\n            }\r\n\r\n            infoBox.classList.add('expanded');\r\n\r\n            titleEl.innerText = services[index].title;\r\n            bodyEl.innerText = services[index].body;\r\n        }\r\n\r\n        navItems.forEach(item => {\r\n            item.addEventListener('click', () => {\r\n                const idx = item.getAttribute('data-index');\r\n                activateService(idx);\r\n                \r\n                \/\/ On Mobile: Scroll to info box when clicked so user sees text\r\n                if(window.innerWidth < 1024) {\r\n                    infoBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ --- SCALING LOGIC (DESKTOP ONLY) ---\r\n        function scaleLayout() {\r\n            \/\/ DISABLE SCALING ON MOBILE\r\n            if (window.innerWidth < 1024) {\r\n                container.style.transform = \"none\";\r\n                wrapper.style.height = \"auto\";\r\n                return;\r\n            }\r\n\r\n            const DESIGN_WIDTH = 1200; \r\n            const availableWidth = wrapper.offsetWidth;\r\n            let scale = availableWidth \/ DESIGN_WIDTH;\r\n            if (scale > 1) scale = 1;\r\n\r\n            container.style.transform = `scale(${scale})`;\r\n            wrapper.style.height = (container.offsetHeight * scale) + \"px\";\r\n        }\r\n\r\n        window.addEventListener('resize', scaleLayout);\r\n        scaleLayout(); \/\/ Initial call\r\n        \r\n        \/\/ --- HEIGHT WATCHER (Desktop Only) ---\r\n        const resizeObserver = new ResizeObserver(() => {\r\n            if (window.innerWidth < 1024) return;\r\n            \r\n            const DESIGN_WIDTH = 1200; \r\n            const availableWidth = wrapper.offsetWidth;\r\n            let scale = availableWidth \/ DESIGN_WIDTH;\r\n            if (scale > 1) scale = 1;\r\n            \r\n            wrapper.style.height = (container.offsetHeight * scale) + \"px\";\r\n        });\r\n        \r\n        resizeObserver.observe(container);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0e1016 e-flex e-con-boxed e-con e-parent\" data-id=\"a0e1016\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e62f245 e-con-full e-flex e-con e-child\" data-id=\"e62f245\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-146ea4a e-flex e-con-boxed e-con e-child\" data-id=\"146ea4a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2501cda elementor-absolute elementor-widget elementor-widget-image\" data-id=\"2501cda\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"55\" height=\"55\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-2.png\" class=\"attachment-large size-large wp-image-2483\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-2.png 55w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-2-12x12.png 12w\" sizes=\"(max-width: 55px) 100vw, 55px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf6b3f elementor-widget elementor-widget-heading\" data-id=\"ccf6b3f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25374d9 elementor-widget elementor-widget-html\" data-id=\"25374d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .swiper-container {\r\n        position: relative;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .custom-swiper-wrapper {\r\n        display: flex;\r\n        transition: transform 0.5s ease;\r\n        padding: 60px 0;\r\n        position: relative;\r\n        align-items: center;\r\n    }\r\n\r\n    .custom-swiper-slide {\r\n        flex: 0 0 250px;\r\n        height: 400px;\r\n        margin: 0 10px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        z-index: 1;\r\n        transform: scale(0.9);\r\n    }\r\n\r\n    .custom-swiper-slide.active {\r\n        transform: scale(1.15);\r\n        z-index: 2;\r\n        margin: 0 40px;\r\n    }\r\n\r\n    .custom-card {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: white;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n    }\r\n\r\n    .custom-card-image {\r\n        width: 100%;\r\n        height: 100%!important;\r\n        object-fit: cover!important;\r\n        position: absolute;\r\n        transition: filter 0.3s ease;\r\n    }\r\n\r\n    .custom-swiper-slide:not(.active) .custom-card-image {\r\n        filter: grayscale(100%);\r\n    }\r\n\r\n    .custom-card-title {\r\n        padding: 15px;\r\n        text-align: center;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        transition: all 0.3s ease;\r\n        position: absolute;\r\n        z-index: 2;\r\n        color: white;\r\n        width: 100%;\r\n        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .custom-swiper-slide:not(.active) .custom-card-title {\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        margin-top: 0;\r\n        background: transparent;\r\n        transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\r\n    }\r\n\r\n    .custom-swiper-slide.active .custom-card-title {\r\n        background: #0062FF;\r\n        width: 190px;\r\n        color: #fff;\r\n        padding: 45px 15px;\r\n        text-align: center;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        text-shadow: none;\r\n        transform: none;\r\n        top: auto;\r\n    }\r\n\r\n   .swiper-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: min(500px, 20%); \r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .swiper-overlay {\r\n        width: 20%; \r\n           \r\n\r\n    }\r\n    \r\n     .custom-swiper-slide.active {\r\n    \r\n     margin: 0 25px; \r\n}\r\n}\r\n\r\n@media (max-width: 480px) { \r\n    .swiper-overlay {\r\n        width: 12%; \r\n    }\r\n    .custom-swiper-slide.active {\r\n    \r\n    margin: 0 15px; \r\n}\r\n}\r\n\r\n\r\n    .swiper-overlay.left {\r\n        left: 0;\r\n        background: linear-gradient(90deg, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0) 100%);\r\n\r\n    }\r\n\r\n    .swiper-overlay.right {\r\n        right: 0;\r\n        background: linear-gradient(270deg, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0) 100%);\r\n\r\n    }\r\n\r\n    .custom-swiper-button {\r\n        color: white;\r\n        font-size: 40px;\r\n        cursor: pointer;\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        transition: background 0.3s ease;\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 4;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .custom-swiper-button.left {\r\n        left: 20px;\r\n    }\r\n\r\n    .custom-swiper-button.right {\r\n        right: 20px;\r\n    }\r\n\r\n    .icon-custom-swiper-slide {\r\n        position: absolute;\r\n        transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);\r\n        z-index: 2;\r\n    }\r\n\r\n    .custom-swiper-slide:not(.active) .icon-custom-swiper-slide {\r\n        bottom: -20px;\r\n        left: 20px;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .custom-swiper-slide.active .icon-custom-swiper-slide {\r\n        bottom: 0px;\r\n        right: 20px;\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    .custom-card-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.2);\r\n        z-index: 1;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"swiper-container\">\r\n    <div class=\"swiper-overlay left\"><\/div>\r\n    <div class=\"swiper-overlay right\"><\/div>\r\n\r\n    <div class=\"custom-swiper-button left\">&#10094;<\/div>\r\n    <div class=\"custom-swiper-button right\">&#10095;<\/div>\r\n\r\n    <div class=\"custom-swiper-wrapper\" id=\"custom-swiperWrapper\">\r\n        <div class=\"custom-swiper-slide\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"Nature\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"custom-swiper-slide\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"City\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"custom-swiper-slide active\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"Tech\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"custom-swiper-slide\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"Food\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"custom-swiper-slide\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"Travel\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"custom-swiper-slide\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"Travel\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"custom-swiper-slide\">\r\n            <div class=\"custom-card\">\r\n                <div class=\"custom-card-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2025\/03\/A-3.png\"\r\n                        alt=\"Travel\" class=\"custom-card-image\">\r\n                    <div class=\"custom-card-image-overlay\"><\/div>\r\n                <\/div>\r\n                <div class=\"custom-card-title\">Mohamed Omar<\/div>\r\n                <img decoding=\"async\" class=\"icon-custom-swiper-slide\"\r\n                    src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/Base-Pixels.png\"\r\n                    alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        const wrapper = document.getElementById('custom-swiperWrapper');\r\n        const slides = document.querySelectorAll('.custom-swiper-slide');\r\n        const leftButton = document.querySelector('.custom-swiper-button.left');\r\n        const rightButton = document.querySelector('.custom-swiper-button.right');\r\n\r\n        const middleIndex = Math.floor(slides.length \/ 2);\r\n        let currentIndex = middleIndex;\r\n\r\n        const slideWidth = slides[0].offsetWidth + 20;\r\n\r\n        function updateSlider() {\r\n            const centerPosition = (wrapper.offsetWidth \/ 2) - (slideWidth \/ 2);\r\n\r\n            wrapper.style.transform = `translateX(${centerPosition - (currentIndex * slideWidth)}px)`;\r\n\r\n            slides.forEach((slide, index) => {\r\n                if (index === currentIndex) {\r\n                    slide.classList.add('active');\r\n                } else {\r\n                    slide.classList.remove('active');\r\n                }\r\n            });\r\n        }\r\n\r\n        rightButton.addEventListener('click', function () {\r\n            if (currentIndex < slides.length - 1) {\r\n                currentIndex++;\r\n                updateSlider();\r\n            }\r\n        });\r\n\r\n        leftButton.addEventListener('click', function () {\r\n            if (currentIndex > 0) {\r\n                currentIndex--;\r\n                updateSlider();\r\n            }\r\n        });\r\n\r\n        updateSlider();\r\n\r\n        window.addEventListener('resize', updateSlider);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\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-07adc4d e-con-full e-flex e-con e-parent\" data-id=\"07adc4d\" data-element_type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-15e66f1 e-con-full e-flex e-con e-child\" data-id=\"15e66f1\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-04cc3e2 e-con-full e-flex e-con e-child\" data-id=\"04cc3e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-487380b elementor-absolute elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"487380b\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"55\" height=\"55\" src=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-3.png\" class=\"attachment-large size-large wp-image-2495\" alt=\"\" srcset=\"https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-3.png 55w, https:\/\/ehivesa.com\/wp-content\/uploads\/2026\/01\/About-Us-Element-3-12x12.png 12w\" sizes=\"(max-width: 55px) 100vw, 55px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88bd598 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"88bd598\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c1555f e-con-full e-flex e-con e-child\" data-id=\"3c1555f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-43f39be e-con-full e-flex e-con e-child\" data-id=\"43f39be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-045ca5f elementor-widget elementor-widget-heading\" data-id=\"045ca5f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f039603 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"f039603\" data-element_type=\"widget\" id=\"form1\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" action=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2398\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"f039603\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2398\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"\u0627\u0644\u0627\u0633\u0645\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u0649\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"\u0631\u0633\u0627\u0644\u0629\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-checkbox elementor-field-group elementor-column elementor-field-group-field_48146c5 elementor-col-100\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup\"><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"I would like to receive the newsletter.\" id=\"form-field-field_48146c5-0\" name=\"form_fields[field_48146c5]\"> <label for=\"form-field-field_48146c5-0\">\u0623\u0631\u063a\u0628 \u0641\u064a \u062a\u0644\u0642\u0651\u064a \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-xs\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb1b0b elementor-widget elementor-widget-html\" data-id=\"bfb1b0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \n    <style>\n        \/* Hover Area (Container for Button & Overlay) *\/\n        .hoverarea {\n            position: relative;\n            display: inline-block;\n            width: 150px;\n            height: 55px;\n            overflow: hidden;\n        }\n\n        \/* Polygon 1 (Base Button - Black) *\/\n        .polygon-button {\n            \n            position: absolute;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            font-weight: bold;\n            color: white;\n            background-color: black;\n            border: none;\n            text-transform: uppercase;\n            text-decoration: none;\n            cursor: pointer;\n            clip-path: polygon(0% 0%, 82% 0, 100% 44%, 100% 100%, 0% 100%);\n            transition: 0.2s ease-in-out;\n            z-index: 10;\n        }\n\n        \/* Polygon 2 (Small Yellow Square Initially) *\/\n        .polygon-button2 {\n            position: absolute;\n            width: 15px;\n            height: 15px;\n            background-color: #0062FF;\n            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);\n            transition: all 0.3s ease-in-out;\n            z-index: 11;\n            right: 0;\n            top: 0;\n        }\n\n        \/* Hidden Text + Icon inside Polygon 2 *\/\n        .polygon-button2 span {\n            font-size: 14px;\n            font-weight: bold;\n            color: white;\n            text-transform: uppercase;\n            display: none;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* Arrow Icon *\/\n        .polygon-button2 span i {\n            font-size: 16px;\n            font-weight: 300;\n        }\n\n        \/* Hover Effect - Expand & Cover Polygon 1 *\/\n        .hoverarea:hover .polygon-button2 {\n            width: 100%;\n            height: 100%;\n            clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%, 0% 44%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Show text & icon on hover *\/\n        .hoverarea:hover .polygon-button2 span {\n            display: flex;\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width: 480px) {\n            .hoverarea {\n                width: 100px;\n                height: 40px;\n            }\n            .polygon-button {\n                font-size: 0.8rem;\n                clip-path: polygon(0% 0%, 75% 0, 95% 40%, 95% 100%, 0% 100%);\n            }\n            .polygon-button2 {\n                width: 12px;\n                height: 12px;\n            }\n            .polygon-button2 span {\n                font-size: 10px;\n            }\n            .polygon-button2 span i {\n                font-size: 12px;\n            }\n        }\n    <\/style>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/js\/all.min.js\" crossorigin=\"anonymous\"><\/script>\n<\/head>\n<body>\n  <div class=\"hoverarea\" onclick=\"submitElementorForm()\">\n    <div style=\"background-color: #AB00CA;\" class=\"polygon-button\">\u0623\u0631\u0633\u0644<\/div>\n    <div class=\"polygon-button2\">\n        <span>\u0623\u0631\u0633\u0644 <i class=\"fas fa-long-arrow-alt-right\"><\/i><\/span>\n    <\/div>\n  <\/div>\n     <script>\n        function submitElementorForm() {\n             document.querySelector(\".elementor-form .elementor-button\").click();\n        }\n    <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f17726 e-con-full e-flex e-con e-child\" data-id=\"7f17726\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba2da5 elementor-widget elementor-widget-text-editor\" data-id=\"8ba2da5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0646\u0642\u062f\u0651\u0645 \u0641\u064a eHive \u062d\u0644\u0648\u0644\u064b\u0627 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a\u060c \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629\u060c \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0647\u0628\u060c \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629\u060c \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0627\u0644\u062a\u064a \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0639\u0627\u0635\u0631.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-560f577 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-google_maps\" data-id=\"560f577\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=ehive&#038;t=m&#038;z=15&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"ehive\"\n\t\t\t\t\taria-label=\"ehive\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7688d76 e-con-full e-flex e-con e-child\" data-id=\"7688d76\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2c059 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"8a2c059\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewbox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31ef43a elementor-widget elementor-widget-text-editor\" data-id=\"31ef43a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7eefb94 e-con-full e-flex e-con e-child\" data-id=\"7eefb94\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69f63b8 elementor-widget__width-auto elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"69f63b8\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"tel:966545186603\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1418260 elementor-widget elementor-widget-text-editor\" data-id=\"1418260\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"color: #7a7a7a;\" href=\"tel:966 54 518 6603\">966545186603+<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8be6df e-con-full e-flex e-con e-child\" data-id=\"a8be6df\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6df231 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d6df231\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"mailto:info@ehivesa.com\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd63a34 elementor-widget elementor-widget-text-editor\" data-id=\"dd63a34\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"color: #7a7a7a;\" href=\"mailto:info@ehivesa.com\" data-wplink-edit=\"true\">info@ehivesa.com<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f3ea42 elementor-hidden-mobile elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"3f3ea42\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4796cd4 elementor-widget elementor-widget-html\" data-id=\"4796cd4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \r\n    .side-navigation {\r\n            position: fixed;\r\n            right: 20px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 90px;\r\n            z-index: 1000;\r\n        }\r\n\r\n        .nav-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .nav-item {\r\n            text-align: right;\r\n        }\r\n\r\n        .nav-link {\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-size: 16px;\r\n            padding: 8px 14px;\r\n            border-radius: 4px;\r\n            transition: all 0.2s ease-in-out;\r\n            display: block;\r\n        }\r\n\r\n        .nav-link:hover,\r\n        .nav-link:focus {\r\n            color: #EFF502;\r\n        }\r\n\r\n        .nav-link.active {\r\n            color: #EFF502;\r\n        }\r\n        \r\n        \r\n<\/style>\r\n\r\n\r\n\r\n<nav class=\"side-navigation\" aria-label=\"Main\">\r\n        <ul class=\"nav-list\">\r\n            <li class=\"nav-item\">\r\n                <a href=\"#home\" class=\"nav-link\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n            <\/li>\r\n            <li class=\"nav-item\">\r\n                <a href=\"#about\" class=\"nav-link\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646\u0627<\/a>\r\n            <\/li>\r\n            <li class=\"nav-item\">\r\n                <a href=\"#service\" class=\"nav-link\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\r\n            <\/li>\r\n            <li class=\"nav-item\">\r\n                <a href=\"#contact\" class=\"nav-link\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n    \r\n    \r\n   <script>\r\n    \/\/ Add active class to current section in view\r\n    const sections = document.querySelectorAll('[id=\"home\"], [id=\"about\"], [id=\"service\"], [id=\"contact\"]');\r\n    const navLinks = document.querySelectorAll('.nav-link');\r\n\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.5\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                const activeId = entry.target.getAttribute('id');\r\n                navLinks.forEach(link => {\r\n                    link.classList.remove('active');\r\n                    if (link.getAttribute('href') === `#${activeId}`) {\r\n                        link.classList.add('active');\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    \/\/ Observe all content sections\r\n    sections.forEach(section => {\r\n        observer.observe(section);\r\n    });\r\n\r\n    \/\/ Smooth scroll for navigation links\r\n    navLinks.forEach(link => {\r\n        link.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            const targetId = link.getAttribute('href');\r\n            document.querySelector(targetId).scrollIntoView({\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>WHERE GAMING MEETS INNOVATION eHive delivers cutting-edge strategies and tailored solutions to help brands succeed in the dynamic world of gaming. Join our Community now! Contact Us Contact Us Mission To empower the Middle Eastern esports industry through strategic partnerships, cutting-edge solutions, and high-impact experiences. We are committed to elevating talent, businesses, and brands by [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2398","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/pages\/2398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/comments?post=2398"}],"version-history":[{"count":154,"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/pages\/2398\/revisions"}],"predecessor-version":[{"id":2620,"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/pages\/2398\/revisions\/2620"}],"wp:attachment":[{"href":"https:\/\/ehivesa.com\/ar\/wp-json\/wp\/v2\/media?parent=2398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}