{"id":1608,"date":"2025-03-22T02:33:26","date_gmt":"2025-03-22T02:33:26","guid":{"rendered":"https:\/\/khstrading.com\/?page_id=1608"},"modified":"2025-04-21T16:05:39","modified_gmt":"2025-04-21T16:05:39","slug":"be-a-partner","status":"publish","type":"page","link":"https:\/\/khstrading.com\/en\/be-a-partner\/","title":{"rendered":"Be a partner"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1608\" class=\"elementor elementor-1608\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4668ca1 e-flex e-con-boxed e-con e-parent\" data-id=\"4668ca1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bdb3ef elementor-widget elementor-widget-html\" data-id=\"6bdb3ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n    \n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700&display=swap');\n    \n    .container {\n        position: relative;\n        min-height: 100vh;\n    }\n    \n    .header {\n        background-color: #062C47;\n        padding: 3rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);\n        border-bottom: 5px solid #DCA54A;\n    }\n    \n    .title {\n        color: #DCA54A;\n        font-size: 2.8rem;\n        font-weight: bold;\n        margin-bottom: 1.5rem;\n        position: relative;\n        z-index: 2;\n        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\n        line-height: 1.4;\n    }\n    \n    .subtitle {\n        color: #DCA54A;\n        font-size: 1.5rem;\n        margin-top: 1rem;\n        position: relative;\n        z-index: 2;\n        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n    }\n    \n    .background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #062C47 0%, #0A4775 100%);\n        z-index: 1;\n    }\n    \n    .light {\n        position: absolute;\n        background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 70%);\n        border-radius: 50%;\n        z-index: 1;\n        pointer-events: none;\n        opacity: 0.7;\n        filter: blur(5px);\n    }\n    \n    .content {\n        padding: 2.5rem;\n        background-color: white;\n        border-radius: 15px;\n        margin: 2.5rem auto;\n        max-width: 850px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        position: relative;\n        z-index: 2;\n        border-top: 5px solid #DCA54A;\n    }\n    \n    .form-container {\n        width: 100%;\n        margin: 0 auto;\n        background-color: white;\n        border-radius: 10px;\n        overflow: hidden;\n    }\n    \n    iframe {\n        width: 100%;\n        border: none;\n        transition: height 0.3s ease;\n    }\n    \n    .benefits {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        margin-bottom: 2rem;\n    }\n    \n    .benefit-item {\n        flex-basis: calc(50% - 1rem);\n        margin-bottom: 1.5rem;\n        padding: 1rem;\n        background-color: #f8f9fa;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border: 1px solid #DCA54A;\n    }\n    \n    .benefit-item:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n    }\n    \n    .benefit-icon {\n        font-size: 2rem;\n        color: #DCA54A;\n        margin-left: 1rem;\n    }\n    \n    .benefit-text {\n        font-size: 1.1rem;\n    }\n    \n    .particles {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        z-index: 1;\n    }\n    \n    .particle {\n        position: absolute;\n        background-color: rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n        pointer-events: none;\n    }\n    \n    @media (max-width: 768px) {\n        .title {\n            font-size: 2rem;\n        }\n        \n        .subtitle {\n            font-size: 1.2rem;\n        }\n        \n        .content {\n            padding: 1.5rem;\n            margin: 1.5rem 1rem;\n        }\n        \n        .benefit-item {\n            flex-basis: 100%;\n        }\n    }\n<\/style>\n\n<div class=\"container\">\n    <div class=\"header\">\n        <div class=\"background\" id=\"background\"><\/div>\n        <div class=\"particles\" id=\"particles\"><\/div>\n        <h1 class=\"title\" style=\"color: #DCA54A !important;\">Join us and profit from every successful import transaction<\/h1>\n        <p class=\"subtitle\">Be a partner in success and benefit from our expertise in the import business<\/p>\n    <\/div>\n    \n    <div class=\"content\">\n        <div class=\"benefits\">\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-money-bill-wave benefit-icon\"><\/i>\n                <div class=\"benefit-text\">\u0639\u0648\u0627\u0626\u062f \u0645\u0627\u0644\u064a\u0629 \u0645\u062c\u0632\u064a\u0629<\/div>\n            <\/div>\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-headset benefit-icon\"><\/i>\n                <div class=\"benefit-text\">Comprehensive technical and consulting support<\/div>\n            <\/div>\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-chart-line benefit-icon\"><\/i>\n                <div class=\"benefit-text\">\u0641\u0631\u0635 \u0646\u0645\u0648 \u0645\u062a\u0632\u0627\u064a\u062f\u0629 \u0641\u064a \u0633\u0648\u0642<\/div>\n            <\/div>\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-handshake benefit-icon\"><\/i>\n                <div class=\"benefit-text\">\u0634\u0631\u0627\u0643\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0637\u0648\u064a\u0644\u0629<\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"form-container\" id=\"formSection\">\n            <iframe id=\"googleForm\" src=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSevr5o3nPvmvhvR152gBgXCpFErySIAcrYAgujsnoIgPp9OTg\/viewform?embedded=true\" height=\"1495\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\">Loading\u2026<\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Create lighting effect\n    const background = document.getElementById('background');\n    const numLights = 8;\n    \n    for (let i = 0; i < numLights; i++) {\n        createLight();\n    }\n    \n    function createLight() {\n        const light = document.createElement('div');\n        light.classList.add('light');\n        \n        \/\/ Random size between 150px and 350px\n        const size = Math.random() * 200 + 150;\n        light.style.width = `${size}px`;\n        light.style.height = `${size}px`;\n        \n        \/\/ Random position\n        const posX = Math.random() * 100;\n        const posY = Math.random() * 100;\n        light.style.left = `${posX}%`;\n        light.style.top = `${posY}%`;\n        \n        background.appendChild(light);\n        \n        \/\/ Animate the light\n        animateLight(light);\n    }\n    \n    function animateLight(light) {\n        \/\/ Random duration between 8 and 20 seconds\n        const duration = Math.random() * 12000 + 8000;\n        \n        \/\/ Random new position\n        const newPosX = Math.random() * 100;\n        const newPosY = Math.random() * 100;\n        \n        \/\/ Animate with CSS transitions\n        light.style.transition = `left ${duration}ms ease-in-out, top ${duration}ms ease-in-out`;\n        \n        setTimeout(() => {\n            light.style.left = `${newPosX}%`;\n            light.style.top = `${newPosY}%`;\n            \n            \/\/ Continue animation\n            setTimeout(() => {\n                animateLight(light);\n            }, duration);\n        }, 100);\n    }\n    \n    \/\/ Create particles\n    const particlesContainer = document.getElementById('particles');\n    const numParticles = 50;\n    \n    for (let i = 0; i < numParticles; i++) {\n        createParticle();\n    }\n    \n    function createParticle() {\n        const particle = document.createElement('div');\n        particle.classList.add('particle');\n        \n        \/\/ Random size between 2px and 6px\n        const size = Math.random() * 4 + 2;\n        particle.style.width = `${size}px`;\n        particle.style.height = `${size}px`;\n        \n        \/\/ Random position\n        const posX = Math.random() * 100;\n        const posY = Math.random() * 100;\n        particle.style.left = `${posX}%`;\n        particle.style.top = `${posY}%`;\n        \n        \/\/ Random opacity\n        particle.style.opacity = Math.random() * 0.5 + 0.1;\n        \n        particlesContainer.appendChild(particle);\n        \n        \/\/ Animate the particle\n        animateParticle(particle);\n    }\n    \n    function animateParticle(particle) {\n        \/\/ Random duration between 10 and 30 seconds\n        const duration = Math.random() * 20000 + 10000;\n        \n        \/\/ Random new position\n        const newPosX = Math.random() * 100;\n        const newPosY = Math.random() * 100;\n        \n        \/\/ Animate with CSS transitions\n        particle.style.transition = `left ${duration}ms linear, top ${duration}ms linear, opacity 1s ease-in-out`;\n        \n        setTimeout(() => {\n            particle.style.left = `${newPosX}%`;\n            particle.style.top = `${newPosY}%`;\n            \n            \/\/ Fade in and out\n            setInterval(() => {\n                particle.style.opacity = Math.random() * 0.5 + 0.1;\n            }, 2000);\n            \n            \/\/ Continue animation\n            setTimeout(() => {\n                animateParticle(particle);\n            }, duration);\n        }, 100);\n    }\n    \n    \/\/ Interactive effect - lights follow mouse with delay\n    document.addEventListener('mousemove', (e) => {\n        const mouseX = e.clientX;\n        const mouseY = e.clientY;\n        \n        const lights = document.querySelectorAll('.light');\n        lights.forEach((light, index) => {\n            \/\/ Only affect some lights\n            if (index % 3 === 0) {\n                const rect = background.getBoundingClientRect();\n                const relativeX = ((mouseX - rect.left) \/ rect.width) * 100;\n                const relativeY = ((mouseY - rect.top) \/ rect.height) * 100;\n                \n                \/\/ Add slight delay for more natural movement\n                setTimeout(() => {\n                    light.style.transition = 'left 3s cubic-bezier(0.25, 0.1, 0.25, 1), top 3s cubic-bezier(0.25, 0.1, 0.25, 1)';\n                    light.style.left = `${relativeX}%`;\n                    light.style.top = `${relativeY}%`;\n                }, index * 150);\n            }\n        });\n    });\n    \n    \/\/ Adjust iframe height on window resize\n    window.addEventListener('resize', function() {\n        adjustIframeHeight();\n    });\n    \n    function adjustIframeHeight() {\n        const iframe = document.getElementById('googleForm');\n        const width = iframe.offsetWidth;\n        \/\/ Adjust height based on width for better mobile experience\n        if (width < 500) {\n            iframe.height = \"1700\";\n        } else {\n            iframe.height = \"1495\";\n        }\n    }\n    \n    \/\/ Run on page load\n    adjustIframeHeight();\n    \n    \/\/ Add hover effects to benefit items\n    const benefitItems = document.querySelectorAll('.benefit-item');\n    benefitItems.forEach(item => {\n        item.addEventListener('mouseenter', function() {\n            this.style.backgroundColor = '#f0f4f8';\n        });\n        item.addEventListener('mouseleave', function() {\n            this.style.backgroundColor = '#f8f9fa';\n        });\n    });\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>\u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0648\u062d\u0642\u0642 \u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0645\u0646 \u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0646\u0627\u062c\u062d\u0629 \u0643\u0646 \u0634\u0631\u064a\u0643\u0627\u064b \u0641\u064a \u0627\u0644\u0646\u062c\u0627\u062d \u0648\u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u062e\u0628\u0631\u062a\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0639\u0648\u0627\u0626\u062f [&hellip;]<\/p>","protected":false},"author":2,"featured_media":1668,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1608","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS-.png",500,500,false],"thumbnail":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS--150x150.png",150,150,true],"medium":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS--300x300.png",300,300,true],"medium_large":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS-.png",500,500,false],"large":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS-.png",500,500,false],"1536x1536":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS-.png",500,500,false],"2048x2048":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS-.png",500,500,false],"trp-custom-language-flag":["https:\/\/khstrading.com\/wp-content\/uploads\/2025\/03\/KHS--12x12.png",12,12,true]},"uagb_author_info":{"display_name":"KHS for Global Trading","author_link":"https:\/\/khstrading.com\/en\/author\/khstrading\/"},"uagb_comment_info":0,"uagb_excerpt":"\u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0648\u062d\u0642\u0642 \u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0645\u0646 \u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0646\u0627\u062c\u062d\u0629 \u0643\u0646 \u0634\u0631\u064a\u0643\u0627\u064b \u0641\u064a \u0627\u0644\u0646\u062c\u0627\u062d \u0648\u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u062e\u0628\u0631\u062a\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0639\u0648\u0627\u0626\u062f [&hellip;]","_links":{"self":[{"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/pages\/1608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/comments?post=1608"}],"version-history":[{"count":51,"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/pages\/1608\/revisions"}],"predecessor-version":[{"id":2318,"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/pages\/1608\/revisions\/2318"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/media\/1668"}],"wp:attachment":[{"href":"https:\/\/khstrading.com\/en\/wp-json\/wp\/v2\/media?parent=1608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}