{"id":671,"date":"2026-01-01T08:59:15","date_gmt":"2026-01-01T05:29:15","guid":{"rendered":"https:\/\/delzhinco.com\/%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-%d8%af%d9%84%da%98%db%8c%d9%86\/"},"modified":"2026-02-23T11:00:56","modified_gmt":"2026-02-23T07:30:56","slug":"about-us","status":"publish","type":"page","link":"https:\/\/delzhinco.com\/en\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"671\" class=\"elementor elementor-671 elementor-75\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b54684e e-flex e-con-boxed e-con e-parent\" data-id=\"b54684e\" 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-a6fa3da elementor-widget elementor-widget-html\" data-id=\"a6fa3da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\r\n    #canvas-container {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100vh;\r\n        z-index: -1; \/* \u0632\u06cc\u0631 \u062a\u0645\u0627\u0645 \u0645\u062d\u062a\u0648\u0627 *\/\r\n        opacity: 0.5;\r\n        pointer-events: none; \/* \u06a9\u0644\u06cc\u06a9\u200c\u0647\u0627 \u0627\u0632 \u0622\u0646 \u0631\u062f \u0634\u0648\u0646\u062f *\/\r\n        background-color: var(--navy-dark); \/* \u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0627\u06af\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0644\u0648\u062f \u0646\u0634\u062f *\/\r\n    }\r\n<\/style>\r\n\r\n<div id=\"canvas-container\"><\/div>\r\n\r\n<script src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/three.min_.js\"><\/script>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ \u0686\u06a9 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0644\u0648\u062f \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\r\n        if (typeof THREE === 'undefined') {\r\n            console.error('\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Three.js \u0644\u0648\u062f \u0646\u0634\u062f. \u0644\u0637\u0641\u0627 \u0622\u062f\u0631\u0633 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.');\r\n            return;\r\n        }\r\n\r\n        const canvasContainer = document.getElementById('canvas-container');\r\n        \r\n        \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0635\u062d\u0646\u0647\r\n        const scene = new THREE.Scene();\r\n        \/\/ \u0631\u0646\u06af \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0628\u0627 \u062a\u0645 \u0634\u0645\u0627 \u0647\u0645\u0627\u0647\u0646\u06af \u0634\u062f (#050A14)\r\n        scene.fog = new THREE.FogExp2(0x050A14, 0.002);\r\n\r\n        const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n        camera.position.z = 15;\r\n        camera.position.y = 5;\r\n\r\n        const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\r\n        renderer.setSize(window.innerWidth, window.innerHeight);\r\n        renderer.setPixelRatio(window.devicePixelRatio);\r\n        canvasContainer.appendChild(renderer.domElement);\r\n\r\n        \/\/ \u0630\u0631\u0627\u062a (Particles)\r\n        const particlesGeometry = new THREE.BufferGeometry();\r\n        const particlesCount = 1800;\r\n        const posArray = new Float32Array(particlesCount * 3);\r\n\r\n        for(let i = 0; i < particlesCount * 3; i++) {\r\n            const phi = Math.acos(-1 + (2 * i) \/ particlesCount);\r\n            const theta = Math.sqrt(particlesCount * Math.PI) * phi;\r\n            const r = 9; \r\n            \r\n            posArray[i*3] = r * Math.cos(theta) * Math.sin(phi);\r\n            posArray[i*3+1] = r * Math.sin(theta) * Math.sin(phi);\r\n            posArray[i*3+2] = r * Math.cos(phi);\r\n        }\r\n\r\n        particlesGeometry.setAttribute('position', new THREE.BufferAttribute(posArray, 3));\r\n        \r\n        \/\/ \u0631\u0646\u06af \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0646\u062f (#C09C60)\r\n        const particlesMaterial = new THREE.PointsMaterial({ \r\n            size: 0.04, \r\n            color: 0xC09C60, \r\n            transparent: true, \r\n            opacity: 0.6 \r\n        });\r\n        \r\n        const particlesMesh = new THREE.Points(particlesGeometry, particlesMaterial);\r\n        scene.add(particlesMesh);\r\n\r\n        \/\/ \u062d\u0644\u0642\u0647\u200c\u0647\u0627\r\n        const lineMaterial = new THREE.LineBasicMaterial({ color: 0x6B7280, transparent: true, opacity: 0.1 });\r\n        for(let j=0; j<6; j++) {\r\n            const ringGeo = new THREE.TorusGeometry(9.2 + (j*0.6), 0.02, 32, 100);\r\n            const ringMesh = new THREE.Mesh(ringGeo, lineMaterial);\r\n            ringMesh.rotation.x = Math.random() * Math.PI;\r\n            ringMesh.rotation.y = Math.random() * Math.PI;\r\n            scene.add(ringMesh);\r\n        }\r\n\r\n        \/\/ \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0645\u0648\u0633\r\n        let mouseX = 0; let mouseY = 0; let targetX = 0; let targetY = 0;\r\n        const windowHalfX = window.innerWidth \/ 2;\r\n        const windowHalfY = window.innerHeight \/ 2;\r\n\r\n        document.addEventListener('mousemove', (event) => {\r\n            mouseX = (event.clientX - windowHalfX);\r\n            mouseY = (event.clientY - windowHalfY);\r\n        });\r\n\r\n        \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0644\u0648\u067e\r\n        const clock = new THREE.Clock();\r\n        function animate() {\r\n            requestAnimationFrame(animate);\r\n\r\n            targetX = mouseX * 0.0005;\r\n            targetY = mouseY * 0.0005;\r\n\r\n            particlesMesh.rotation.y += 0.001;\r\n            particlesMesh.rotation.x += 0.0002;\r\n\r\n            particlesMesh.rotation.y += 0.05 * (targetX - particlesMesh.rotation.y);\r\n            particlesMesh.rotation.x += 0.05 * (targetY - particlesMesh.rotation.x);\r\n\r\n            scene.children.forEach(child => {\r\n                if(child.type === 'Mesh') {\r\n                    child.rotation.x += 0.001;\r\n                    child.rotation.y += 0.001;\r\n                }\r\n            });\r\n\r\n            renderer.render(scene, camera);\r\n        }\r\n\r\n        animate();\r\n\r\n        \/\/ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\r\n        window.addEventListener('resize', () => {\r\n            camera.aspect = window.innerWidth \/ window.innerHeight;\r\n            camera.updateProjectionMatrix();\r\n            renderer.setSize(window.innerWidth, window.innerHeight);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ec28b5 e-con-full e-flex e-con e-parent\" data-id=\"4ec28b5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b1d719 elementor-widget elementor-widget-html\" data-id=\"0b1d719\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n    \/* Variables and Fonts *\/\r\n    :root {\r\n        --gold: #C09C60;\r\n        --gold-light: #e0cca3;\r\n    }\r\n    \r\n    .about-hero {\r\n        \/* Updated to English-friendly fonts and LTR direction *\/\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n        direction: ltr;\r\n    }\r\n\r\n    \/* Text Gradient *\/\r\n    .text-gradient-gold {\r\n        background: linear-gradient(to right, var(--gold-light), var(--gold));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    \/* Text Glow *\/\r\n    .glow-text {\r\n        text-shadow: 0 0 25px rgba(192, 156, 96, 0.4);\r\n    }\r\n    \r\n    \/* Badge Animation *\/\r\n    .hero-badge {\r\n        animation: fadeInDown 0.8s ease-out;\r\n    }\r\n    \r\n    \/* Title Animation *\/\r\n    .hero-title {\r\n        animation: fadeInUp 0.8s ease-out 0.2s backwards;\r\n    }\r\n    \r\n    \/* Description Animation *\/\r\n    .hero-desc {\r\n        animation: fadeInUp 0.8s ease-out 0.4s backwards;\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    \r\n    @keyframes fadeInDown {\r\n        from { opacity: 0; transform: translateY(-20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"about-hero pt-32 pb-20 relative bg-[#050A14]\">\r\n    \r\n    <div class=\"max-w-7xl mx-auto px-4 text-center z-10 relative\">\r\n        \r\n        <div class=\"hero-badge inline-flex items-center gap-2 mb-6 px-4 py-1.5 rounded-full border border-[rgba(192,156,96,0.3)] bg-[rgba(192,156,96,0.1)] backdrop-blur-md\">\r\n            <span class=\"w-1.5 h-1.5 rounded-full bg-[#C09C60] animate-pulse\"><\/span>\r\n            <span class=\"text-[#C09C60] text-xs font-bold tracking-wider uppercase\">Our Story, Our Commitment<\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"hero-title text-4xl md:text-6xl lg:text-7xl font-black mb-6 tracking-tight leading-tight text-white\">\r\n            Our Story, <span class=\"text-gradient-gold glow-text\">Our Commitment<\/span>\r\n        <\/h1>\r\n        \r\n        <p class=\"hero-desc max-w-2xl mx-auto text-lg text-gray-400 font-light leading-relaxed\">\r\n            Meet the team dedicated to ensuring your success. We serve as your strategic bridge to global markets.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[300px] md:w-[600px] h-[300px] md:h-[600px] bg-[#C09C60] rounded-full blur-[100px] md:blur-[150px] opacity-10 pointer-events-none z-0\"><\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08aef52 e-con-full e-flex e-con e-parent\" data-id=\"08aef52\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ad8acb elementor-widget elementor-widget-html\" data-id=\"2ad8acb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<style>\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n    }\r\n\r\n    .story-wrapper {\r\n        \/* \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a Inter \u0628\u0631\u0627\u06cc \u0638\u0627\u0647\u0631 \u0645\u062f\u0631\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc *\/\r\n        font-family: 'Inter', -apple-system, sans-serif;\r\n        direction: ltr; \/* \u062a\u063a\u06cc\u06cc\u0631 \u062c\u0647\u062a \u0628\u0647 \u0686\u067e\u200c\u0686\u06cc\u0646 *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n    }\r\n\r\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0646\u0642\u0644 \u0642\u0648\u0644 \u0627\u0635\u0644\u0627\u062d \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc LTR *\/\r\n    .quote-box {\r\n        border-left: 4px solid var(--gold); \/* \u062d\u0627\u0634\u06cc\u0647 \u0627\u0632 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e \u0645\u0646\u062a\u0642\u0644 \u0634\u062f *\/\r\n        background: rgba(192, 156, 96, 0.1);\r\n        border-radius: 0 12px 12px 0; \/* \u06af\u0648\u0634\u0647\u200c\u0647\u0627 \u0645\u0639\u06a9\u0648\u0633 \u0634\u062f\u0646\u062f *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .quote-box::before {\r\n        content: '\"';\r\n        position: absolute;\r\n        top: -20px;\r\n        right: 20px; \/* \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u0646\u0642\u0644\u200c\u0642\u0648\u0644 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\r\n        font-size: 100px;\r\n        color: var(--gold);\r\n        opacity: 0.1;\r\n        font-family: serif;\r\n    }\r\n\r\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0639\u06a9\u0633 *\/\r\n    .story-image-container {\r\n        position: relative;\r\n    }\r\n\r\n    .story-image-glow {\r\n        position: absolute;\r\n        inset: -20px;\r\n        background: var(--gold);\r\n        border-radius: 30px;\r\n        filter: blur(40px);\r\n        opacity: 0.2;\r\n        z-index: -1;\r\n        animation: pulse-glow 4s infinite alternate;\r\n    }\r\n\r\n    .story-img {\r\n        border-radius: 24px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .story-image-container:hover .story-img {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    @keyframes pulse-glow {\r\n        from { opacity: 0.1; transform: scale(0.95); }\r\n        to { opacity: 0.3; transform: scale(1.05); }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"story-wrapper py-20 bg-[#050A14]\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\r\n            \r\n            <div class=\"space-y-6\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-white\">\r\n                    The <span style=\"color: var(--gold);\">Delzhin<\/span> Story\r\n                <\/h2>\r\n                \r\n                <div class=\"text-gray-300 leading-8 text-left space-y-4 font-light\">\r\n                    <p>\r\n                        Delzhin Melal Keyhan, a proud member of the Delzhin Group, was established in 2021 with a simple yet ambitious goal: <strong class=\"text-white font-medium\">simplifying the complexities of international logistics<\/strong>. We saw how businesses struggled within the maze of customs and supply chain hurdles and decided to become the reliable bridge across those obstacles.\r\n                    <\/p>      \r\n                    \r\n                    <p>\r\n                        We started with a small but highly specialized team. Initially, the challenges were vast\u2014from currency fluctuations to evolving international regulations. However, every challenge was a lesson. Today, as one of the region's leading transport companies, we boast an extensive network of partners across Europe and Asia, allowing us to turn the impossible into reality.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"quote-box p-6 mt-8\">\r\n                    <p class=\"text-white italic text-lg relative z-10 font-medium\">\r\n                        \"At Delzhin, we don't just move cargo; we transport <span style=\"color: var(--gold);\">trust and values<\/span>. Our clients' success is our only true measure of achievement.\"\r\n                    <\/p>\r\n                    <p class=\"text-xs text-gray-400 mt-3 text-right pr-2\">- Younes Vasegh<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"story-image-container\">\r\n                <div class=\"story-image-glow\"><\/div>\r\n                <div class=\"relative overflow-hidden rounded-3xl\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/p5-copy-3-copy-scaled.jpg\" \r\n                         alt=\"Delzhin Strategic Meeting\" \r\n                         class=\"story-img w-full h-auto object-cover grayscale hover:grayscale-0 transition-all duration-700\">\r\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#050A14] via-transparent to-transparent opacity-60\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fd5446 e-flex e-con-boxed e-con e-parent\" data-id=\"7fd5446\" 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-0ca2fc7 elementor-widget elementor-widget-html\" data-id=\"0ca2fc7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       Base Settings & Reset\r\n       ========================================= *\/\r\n    *, *::before, *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n        --text-white: #ffffff;\r\n        --text-gray: #d1d5db; \/* gray-300 *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       Main Wrapper (LTR)\r\n       ========================================= *\/\r\n    .mission-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n        padding: 4rem 0; \/* py-16 *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .mission-container {\r\n        max-width: 1280px; \/* max-w-7xl *\/\r\n        margin: 0 auto;\r\n        padding: 0 1rem; \/* px-4 *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       Glass Card Styles\r\n       ========================================= *\/\r\n    .mission-card {\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: transform 0.3s ease;\r\n        border-radius: 1.5rem; \/* rounded-3xl *\/\r\n        padding: 2rem; \/* p-8 mobile *\/\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .mission-card {\r\n            padding: 3rem; \/* p-12 desktop *\/\r\n        }\r\n    }\r\n\r\n    .mission-card:hover {\r\n        border-color: rgba(192, 156, 96, 0.3);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* =========================================\r\n       Grid Layout (LTR)\r\n       ========================================= *\/\r\n    .mission-content-grid {\r\n        position: relative;\r\n        z-index: 10;\r\n        display: grid;\r\n        grid-template-columns: 1fr; \r\n        gap: 2rem; \/* gap-8 *\/\r\n        align-items: flex-start;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .mission-content-grid {\r\n            \/* First column for icon, second for text *\/\r\n            grid-template-columns: 120px 1fr; \r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       Icon Box\r\n       ========================================= *\/\r\n    .mission-icon-box {\r\n        background: var(--gold);\r\n        box-shadow: 0 0 30px rgba(192, 156, 96, 0.3);\r\n        transition: transform 0.5s ease;\r\n        \r\n        \/* Mobile size *\/\r\n        width: 5rem;  \/* w-20 *\/\r\n        height: 5rem; \/* h-20 *\/\r\n        border-radius: 1rem; \/* rounded-2xl *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--navy-dark);\r\n        \r\n        margin: 0 auto; \/* Centered on mobile *\/\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .mission-icon-box {\r\n            \/* Desktop size *\/\r\n            width: 6rem; \/* w-24 *\/\r\n            height: 6rem; \/* h-24 *\/\r\n            margin: 0; \r\n        }\r\n    }\r\n\r\n    .mission-card:hover .mission-icon-box {\r\n        transform: scale(1.1) rotate(5deg); \/* Rotated slightly for LTR feel *\/\r\n    }\r\n\r\n    \/* SVG Style *\/\r\n    .mission-icon-svg {\r\n        width: 2.5rem; \/* w-10 *\/\r\n        height: 2.5rem; \/* h-10 *\/\r\n        stroke-width: 2;\r\n        stroke: currentColor;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .mission-icon-svg {\r\n            width: 3rem; \/* w-12 *\/\r\n            height: 3rem; \/* h-12 *\/\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       Typography (LTR)\r\n       ========================================= *\/\r\n    .mission-text-wrapper {\r\n        text-align: center; \/* Centered on mobile *\/\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .mission-text-wrapper {\r\n            text-align: left; \/* Aligned left for LTR desktop *\/\r\n        }\r\n    }\r\n\r\n    .mission-title {\r\n        font-size: 1.5rem; \/* text-2xl *\/\r\n        font-weight: 700;\r\n        color: var(--text-white);\r\n        margin-bottom: 1rem;\r\n        letter-spacing: -0.025em;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .mission-title {\r\n            font-size: 1.875rem; \/* text-3xl *\/\r\n        }\r\n    }\r\n\r\n    .mission-desc {\r\n        color: var(--text-gray);\r\n        line-height: 1.8; \r\n        font-size: 1.125rem; \/* text-lg *\/\r\n        font-weight: 300; \/* font-light *\/\r\n        text-align: left; \/* Changed from justify to left for English readability *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       Background Glow (Glow Blob)\r\n       ========================================= *\/\r\n    .mission-glow {\r\n        position: absolute;\r\n        top: -50px;\r\n        left: -50px;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: var(--gold);\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        opacity: 0.15;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"mission-wrapper\">\r\n    <div class=\"mission-container\">\r\n        <div class=\"mission-card\">\r\n            <div class=\"mission-glow\"><\/div>\r\n            <div class=\"mission-content-grid\">\r\n                \r\n                <div class=\"mission-icon-box\">\r\n                    <svg class=\"mission-icon-svg\" viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                        <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n                    <\/svg>\r\n                <\/div>\r\n                \r\n                <div class=\"mission-text-wrapper\">\r\n                    <h3 class=\"mission-title\">Our Mission<\/h3>\r\n                    <p class=\"mission-desc\">\r\n                        At <strong style=\"color: white;\">Delzhin<\/strong>, our mission goes beyond simple cargo transportation. We are committed to providing <span style=\"color: var(--gold);\">smart and integrated logistics solutions<\/span> that empower businesses to grow seamlessly in global markets. Driven by transparency, speed, and security, we shorten the distance between producer and consumer, striving to redefine standards in the international transportation industry.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-779df6f e-con-full e-flex e-con e-parent\" data-id=\"779df6f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3022cd elementor-widget elementor-widget-html\" data-id=\"e3022cd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       Base Settings & Reset\r\n       ========================================= *\/\r\n    *, *::before, *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n        --text-white: #ffffff;\r\n        --text-gray: #9ca3af;\r\n    }\r\n\r\n    \/* =========================================\r\n       Main Layout (LTR)\r\n       ========================================= *\/\r\n    .team-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n        padding: 6rem 0; \/* py-24 *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .team-container {\r\n        max-width: 1280px; \/* max-w-7xl *\/\r\n        margin: 0 auto;\r\n        padding: 0 1rem; \/* px-4 *\/\r\n    }\r\n\r\n    @media (min-width: 640px) { .team-container { padding: 0 1.5rem; } }\r\n    @media (min-width: 1024px) { .team-container { padding: 0 2rem; } }\r\n\r\n    \/* Section Header *\/\r\n    .team-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem; \/* mb-16 *\/\r\n    }\r\n\r\n    .team-title {\r\n        font-size: 1.875rem; \/* text-3xl *\/\r\n        font-weight: 700;\r\n        color: var(--text-white);\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .team-title { font-size: 3rem; } \/* text-5xl *\/\r\n    }\r\n\r\n    .team-desc {\r\n        color: var(--text-gray);\r\n        font-size: 1.125rem; \/* text-lg *\/\r\n        font-weight: 300; \/* font-light *\/\r\n    }\r\n\r\n    \/* Grid Layout *\/\r\n    .team-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem; \/* gap-8 *\/\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .team-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .team-grid { grid-template-columns: repeat(4, 1fr); }\r\n    }\r\n\r\n    \/* =========================================\r\n       Team Card Styles\r\n       ========================================= *\/\r\n    .team-card {\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        transition: all 0.4s ease;\r\n        border-radius: 1rem; \/* rounded-2xl *\/\r\n        overflow: hidden;\r\n        padding: 0.75rem; \/* p-3 *\/\r\n        position: relative;\r\n    }\r\n\r\n    .team-card:hover {\r\n        border-color: rgba(192, 156, 96, 0.3);\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* Image Wrapper *\/\r\n    .img-wrapper {\r\n        position: relative;\r\n        height: 20rem; \/* h-80 *\/\r\n        border-radius: 0.75rem; \/* rounded-xl *\/\r\n        overflow: hidden;\r\n        margin-bottom: 1rem; \/* mb-4 *\/\r\n    }\r\n\r\n    .member-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: grayscale(100%);\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        display: block;\r\n    }\r\n\r\n    .team-card:hover .member-img {\r\n        filter: grayscale(0%);\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Image Overlay *\/\r\n    .img-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to top, rgba(5, 10, 20, 0.9), transparent);\r\n        opacity: 0.6;\r\n        transition: opacity 0.3s;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .team-card:hover .img-overlay {\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* Social Reveal *\/\r\n    .social-reveal {\r\n        position: absolute;\r\n        bottom: 1rem; \/* bottom-4 *\/\r\n        left: 0;\r\n        right: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 0.75rem; \/* gap-3 *\/\r\n        z-index: 10;\r\n        \r\n        \/* Reveal animation *\/\r\n        transform: translateY(20px);\r\n        opacity: 0;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .team-card:hover .social-reveal {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n    }\r\n\r\n    .team-social-btn {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        background: rgba(255,255,255,0.1);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        transition: all 0.2s;\r\n        backdrop-filter: blur(4px);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .team-social-btn:hover {\r\n        background: var(--gold);\r\n        color: black;\r\n    }\r\n\r\n    .team-social-btn svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Card Info *\/\r\n    .card-info {\r\n        text-align: center;\r\n        padding-bottom: 0.5rem; \/* pb-2 *\/\r\n    }\r\n\r\n    .member-name {\r\n        font-size: 1.25rem; \/* text-xl *\/\r\n        font-weight: 700;\r\n        color: var(--text-white);\r\n        margin-bottom: 0.25rem; \/* mb-1 *\/\r\n    }\r\n\r\n    .member-role {\r\n        font-size: 0.875rem; \/* text-sm *\/\r\n        font-weight: 500;\r\n        color: var(--gold);\r\n        margin: 0;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"team-wrapper\">\r\n    <div class=\"team-container\">\r\n        \r\n        <div class=\"team-header\">\r\n            <h2 class=\"team-title\">Management <span style=\"color: var(--gold);\">Team<\/span><\/h2>\r\n            <p class=\"team-desc\">Leaders who map the path to global success<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"team-grid\">\r\n            \r\n            <div class=\"team-card\">\r\n                <div class=\"img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/younes-vasegh.webp\" alt=\"Younes Vasegh - Chairman\" class=\"member-img\">\r\n                    <div class=\"img-overlay\"><\/div>\r\n                    <div class=\"social-reveal\">\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <h3 class=\"member-name\">Younes Vasegh<\/h3>\r\n                    <p class=\"member-role\">Founder\/Chairman of the Board of Directors<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-card\">\r\n                <div class=\"img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/amir-sadri.webp\" alt=\"Amir Sadri - CEO\" class=\"member-img\">\r\n                    <div class=\"img-overlay\"><\/div>\r\n                    <div class=\"social-reveal\">\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <h3 class=\"member-name\">Amir Sadri<\/h3>\r\n                    <p class=\"member-role\">CEO\/Board Member<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-card\">\r\n                <div class=\"img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/farshad-khodadadi.webp\" alt=\"Farshad Khodadadi - COO\" class=\"member-img\">\r\n                    <div class=\"img-overlay\"><\/div>\r\n                    <div class=\"social-reveal\">\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <h3 class=\"member-name\">Farshad Khodadadi<\/h3>\r\n                    <p class=\"member-role\">COO\/Board Member<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"team-card\">\r\n                <div class=\"img-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/hamidreza-milani.webp\" alt=\"Hamidreza Milani - CMO\" class=\"member-img\">\r\n                    <div class=\"img-overlay\"><\/div>\r\n                    <div class=\"social-reveal\">\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"team-social-btn\">\r\n                            <svg viewBox=\"0 0 24 24\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card-info\">\r\n                    <h3 class=\"member-name\">Hamidreza Milani<\/h3>\r\n                    <p class=\"member-role\">CMO\/Board Member<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fa2a7e e-con-full e-flex e-con e-parent\" data-id=\"9fa2a7e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0235e62 elementor-widget elementor-widget-html\" data-id=\"0235e62\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       EXPERTS SECTION STYLES (English - LTR)\r\n       ========================================= *\/\r\n    .experts-section {\r\n        padding: 80px 20px;\r\n        background-color: rgba(0, 0, 0, 0.2);\r\n        position: relative;\r\n        z-index: 10;\r\n        width: 100%;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        font-family: 'Inter', -apple-system, sans-serif; \/* English Font *\/\r\n    }\r\n\r\n    .experts-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Section Header - Centered *\/\r\n    .experts-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n        display: block;\r\n    }\r\n\r\n    .experts-title {\r\n        font-size: 2rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 8px;\r\n        letter-spacing: -0.025em;\r\n    }\r\n\r\n    .experts-desc {\r\n        color: #9ca3af;\r\n        font-size: 0.9rem;\r\n        font-weight: 300;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .experts-desc { font-size: 1rem; }\r\n        .experts-title { font-size: 2.5rem; }\r\n    }\r\n\r\n    \/* Horizontal Scroller Container *\/\r\n    .experts-scroller {\r\n        display: flex;\r\n        overflow-x: auto;\r\n        gap: 24px;\r\n        padding-bottom: 32px;\r\n        scroll-snap-type: x mandatory;\r\n        -ms-overflow-style: none;\r\n        scrollbar-width: none;\r\n        cursor: grab;\r\n        scroll-behavior: smooth;\r\n    }\r\n\r\n    .experts-scroller::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    .experts-scroller:active {\r\n        cursor: grabbing;\r\n    }\r\n\r\n    \/* Expert Card *\/\r\n    .expert-card {\r\n        min-width: 260px;\r\n        scroll-snap-align: start;\r\n        text-align: center;\r\n        user-select: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .expert-card { min-width: 280px; }\r\n    }\r\n\r\n    \/* Image Container *\/\r\n    .expert-img-container {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        border-radius: 32px;\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        overflow: hidden;\r\n        margin-bottom: 20px;\r\n        transition: all 0.4s ease;\r\n        position: relative;\r\n    }\r\n\r\n    .expert-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: grayscale(100%);\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* Hover Effects *\/\r\n    .expert-card:hover .expert-img {\r\n        filter: grayscale(0%);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .expert-card:hover .expert-img-container {\r\n        border-color: rgba(192, 156, 96, 0.4);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .expert-name {\r\n        font-size: 1.125rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 4px;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .expert-card:hover .expert-name {\r\n        color: #C09C60; \/* Gold *\/\r\n    }\r\n<\/style>\r\n\r\n<section class=\"experts-section\">\r\n    <div class=\"experts-container\">\r\n        \r\n        <div class=\"experts-header\">\r\n            <h2 class=\"experts-title\">Our <span style=\"color: #C09C60;\">Experts<\/span><\/h2>\r\n            <p class=\"experts-desc\">Delzhin's Powerful Executive Body<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"experts-scroller\" id=\"expertsScroller\">\r\n            \r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Masoud-Hassani.jpg\" alt=\"Masoud Hassani\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Masoud Hassani<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Melika-Karimi.jpg\" alt=\"Melika Karimi\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Melika Karimi<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Mahin-Solati.jpg\" alt=\"Mahin Solati\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Mahin Solati<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Mahnaz-Hojjati.jpg\" alt=\"Mahnaz Hojjati\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Mahnaz Hojjati<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Mina-Forouzesh.jpg\" alt=\"Mina Forouzesh\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Mina Forouzesh<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Farnaz-Arablou.jpg\" alt=\"Farnaz Arablou\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Farnaz Arablou<\/h4>\r\n            <\/div>\r\n            \r\n            <div class=\"expert-card\">\r\n                <div class=\"expert-img-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/Vahid-Eslami.jpg\" alt=\"Vahid Eslami\" class=\"expert-img\">\r\n                <\/div>\r\n                <h4 class=\"expert-name\">Vahid Eslami<\/h4>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const slider = document.getElementById('expertsScroller');\r\n\r\n    \/\/ Settings\r\n    const scrollAmount = 300; \/\/ Scroll amount per step\r\n    const delay = 2000; \/\/ Interval speed (2 seconds)\r\n\r\n    let autoScrollInterval;\r\n\r\n    function startAutoScroll() {\r\n        clearInterval(autoScrollInterval); \r\n\r\n        autoScrollInterval = setInterval(() => {\r\n            const maxScroll = slider.scrollWidth - slider.clientWidth;\r\n            const currentScroll = slider.scrollLeft;\r\n\r\n            \/\/ If reached the end of the list\r\n            if (currentScroll >= maxScroll - 10) {\r\n                \/\/ Return to start\r\n                slider.scrollTo({ left: 0, behavior: 'smooth' });\r\n            } else {\r\n                \/\/ Move to next item (Positive value for LTR)\r\n                slider.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n            }\r\n        }, delay);\r\n    }\r\n\r\n    \/\/ Stop scrolling on mouse enter\r\n    slider.addEventListener('mouseenter', () => clearInterval(autoScrollInterval));\r\n    \r\n    \/\/ Resume scrolling on mouse leave\r\n    slider.addEventListener('mouseleave', () => {\r\n        isDown = false; \r\n        slider.style.cursor = 'grab';\r\n        startAutoScroll();\r\n    });\r\n\r\n    \/\/ ============================================\r\n    \/\/ Drag to Scroll functionality (Mouse)\r\n    \/\/ ============================================\r\n    let isDown = false;\r\n    let startX;\r\n    let scrollLeft;\r\n\r\n    slider.addEventListener('mousedown', (e) => {\r\n        isDown = true;\r\n        slider.style.cursor = 'grabbing';\r\n        startX = e.pageX - slider.offsetLeft;\r\n        scrollLeft = slider.scrollLeft;\r\n        clearInterval(autoScrollInterval); \/\/ Stop auto-scroll while dragging\r\n    });\r\n\r\n    slider.addEventListener('mouseup', () => {\r\n        isDown = false;\r\n        slider.style.cursor = 'grab';\r\n        startAutoScroll(); \/\/ Resume auto-scroll\r\n    });\r\n\r\n    slider.addEventListener('mousemove', (e) => {\r\n        if (!isDown) return;\r\n        e.preventDefault();\r\n        const x = e.pageX - slider.offsetLeft;\r\n        const walk = (x - startX) * 2; \r\n        slider.scrollLeft = scrollLeft - walk;\r\n    });\r\n\r\n    \/\/ Initial Start\r\n    startAutoScroll();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21f1246 e-flex e-con-boxed e-con e-parent\" data-id=\"21f1246\" 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-7c839d3 elementor-widget elementor-widget-html\" data-id=\"7c839d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       RESET & BASE STYLES\r\n       ========================================= *\/\r\n    *, *::before, *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n        --text-white: #ffffff;\r\n        --text-gray: #9ca3af; \/* gray-400 equivalent *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       LAYOUT STYLES (English - LTR)\r\n       ========================================= *\/\r\n    .video-gallery-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: var(--text-white);\r\n        padding: 6rem 0; \/* py-24 equivalent *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .gallery-container {\r\n        max-width: 1280px; \/* max-w-7xl equivalent *\/\r\n        margin: 0 auto;\r\n        padding: 0 1rem; \/* px-4 equivalent *\/\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .gallery-header {\r\n        text-align: center;\r\n        margin-bottom: 4rem; \/* mb-16 equivalent *\/\r\n    }\r\n\r\n    .gallery-title {\r\n        font-size: 1.875rem; \/* text-3xl *\/\r\n        font-weight: 700;\r\n        color: var(--text-white);\r\n        margin-bottom: 1rem;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .gallery-desc {\r\n        color: var(--text-gray);\r\n        font-size: 1.125rem; \/* text-lg *\/\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* Responsive title sizing *\/\r\n    @media (min-width: 768px) {\r\n        .gallery-title {\r\n            font-size: 3rem; \/* text-5xl *\/\r\n        }\r\n    }\r\n\r\n    \/* Video Grid *\/\r\n    .video-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr); \/* 2 columns on mobile *\/\r\n        gap: 1.5rem; \/* gap-6 equivalent *\/\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .video-grid {\r\n            grid-template-columns: repeat(4, 1fr); \/* 4 columns on desktop *\/\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       VIDEO CARD STYLES\r\n       ========================================= *\/\r\n    .video-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n        cursor: pointer;\r\n        aspect-ratio: 9\/16;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    video.video-thumb {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: brightness(0.8);\r\n        transition: transform 0.6s ease, filter 0.4s ease;\r\n        display: block;\r\n    }\r\n\r\n    .video-item:hover video.video-thumb {\r\n        transform: scale(1.1);\r\n        filter: brightness(1);\r\n    }\r\n\r\n    \/* Play Button Overlay *\/\r\n    .play-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .play-circle {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 50%;\r\n        background: rgba(255,255,255,0.15);\r\n        backdrop-filter: blur(8px);\r\n        border: 1px solid rgba(255,255,255,0.3);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s ease;\r\n        z-index: 20;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .play-circle svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: white;\r\n        stroke: white;\r\n    }\r\n\r\n    .video-item.playing .play-circle {\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .video-item:hover .play-circle {\r\n        background: var(--gold);\r\n        transform: scale(1.15);\r\n        box-shadow: 0 0 20px rgba(192,156,96,0.5);\r\n        border-color: var(--gold);\r\n    }\r\n\r\n    \/* Video Info Footer *\/\r\n    .video-info {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        padding: 1.25rem; \/* p-5 *\/\r\n        background: linear-gradient(to top, rgba(5,10,20,0.9), transparent);\r\n        padding-top: 80px;\r\n        z-index: 20;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .video-title {\r\n        font-weight: bold;\r\n        font-size: 0.875rem; \/* text-sm *\/\r\n        color: white;\r\n        text-align: left; \/* Changed to Left *\/\r\n    }\r\n<\/style>\r\n\r\n<section class=\"video-gallery-wrapper\">\r\n    <div class=\"gallery-container\">\r\n        \r\n        <div class=\"gallery-header\">\r\n            <h2 class=\"gallery-title\">Video <span style=\"color: var(--gold);\">Gallery<\/span><\/h2>\r\n            <p class=\"gallery-desc\">A narrative of our collection's memorable moments and events<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"video-grid\">\r\n            \r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/sina-arechtype_5.mp4\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Shipping Tips<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/delzhin2.mov\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Maritime Freight<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/IMG_1170.mov\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Logistics Highlights<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"video-item\" data-video>\r\n                <video src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/sina-arechtype_5.mp4\" class=\"video-thumb\" muted playsinline preload=\"metadata\"><\/video>\r\n                <div class=\"play-overlay\">\r\n                    <div class=\"play-circle\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <p class=\"video-title\">Operational Excellence<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const items = document.querySelectorAll('[data-video]');\r\n\r\n    items.forEach(item => {\r\n        const video = item.querySelector('video');\r\n\r\n        item.addEventListener('click', () => {\r\n            \/\/ Pause other videos\r\n            items.forEach(i => {\r\n                if (i !== item) {\r\n                    const v = i.querySelector('video');\r\n                    i.classList.remove('playing');\r\n                    v.pause();\r\n                    v.currentTime = 0;\r\n                    v.muted = true;\r\n                }\r\n            });\r\n\r\n            if (video.paused) {\r\n                video.muted = false;  \r\n                video.volume = 1;\r\n                video.play();\r\n                item.classList.add('playing');\r\n            } else {\r\n                video.pause();\r\n                item.classList.remove('playing');\r\n            }\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cec69f2 e-con-full e-flex e-con e-parent\" data-id=\"cec69f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9674f31 elementor-widget elementor-widget-html\" data-id=\"9674f31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<style>\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n    }\r\n\r\n    .gallery-wrapper {\r\n        \/* Updated to English-friendly font *\/\r\n        font-family: 'Inter', -apple-system, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n    }\r\n\r\n    \/* Gallery Item *\/\r\n    .gallery-item {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 24px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* Image *\/\r\n    .gallery-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .gallery-item:hover .gallery-img {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Overlay Layer *\/\r\n    .gallery-overlay {\r\n        background: linear-gradient(to top, rgba(5, 10, 20, 0.95), rgba(5, 10, 20, 0.2), transparent);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .gallery-item:hover .gallery-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .gallery-content {\r\n        transform: translateY(20px);\r\n        transition: transform 0.4s ease;\r\n        text-align: left; \/* Aligned left for English *\/\r\n    }\r\n\r\n    .gallery-item:hover .gallery-content {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Zoom Icon *\/\r\n    .zoom-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        background: rgba(255,255,255,0.1);\r\n        backdrop-filter: blur(5px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 10px;\r\n        opacity: 0;\r\n        transform: scale(0.5);\r\n        transition: all 0.3s 0.1s;\r\n    }\r\n\r\n    .gallery-item:hover .zoom-icon {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gallery-wrapper py-24 bg-white\/5\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n        \r\n        <div class=\"flex flex-col md:flex-row justify-between items-end mb-12\">\r\n            <div>\r\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-4\">\r\n                    Photo <span style=\"color: var(--gold);\">Gallery<\/span>\r\n                <\/h2>\r\n                <p class=\"text-gray-400\">A look at Delzhin's infrastructure, fleet, and field operations<\/p>\r\n            <\/div>\r\n            <a href=\"#\" class=\"hidden md:flex items-center gap-2 text-[#C09C60] hover:text-white transition-colors mt-4 md:mt-0 font-medium text-sm\">\r\n                View Full Archive <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 auto-rows-[250px]\">\r\n            \r\n            <div class=\"gallery-item md:col-span-2 md:row-span-2 group\">\r\n                <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/DSCF4288-scaled.jpg\" alt=\"Port Operations\" class=\"gallery-img\">\r\n                <div class=\"gallery-overlay absolute inset-0 flex flex-col justify-end p-8\">\r\n                    <div class=\"gallery-content\">\r\n                        <div class=\"zoom-icon text-[#C09C60]\">\r\n                            <i data-lucide=\"maximize-2\" class=\"w-5 h-5\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-white text-2xl font-bold mb-1\">Massive Port Operations<\/h4>\r\n                        <p class=\"text-gray-300 text-sm\">Container loading at the Port of Hamburg following global standards<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item group\">\r\n                <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/hekmat.jpg\" alt=\"Warehousing\" class=\"gallery-img\">\r\n                <div class=\"gallery-overlay absolute inset-0 flex flex-col justify-end p-6\">\r\n                    <div class=\"gallery-content\">\r\n                        <h4 class=\"text-white text-lg font-bold mb-1\">Modern Warehousing<\/h4>\r\n                        <p class=\"text-[#C09C60] text-xs\">Automated Equipment<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item group\">\r\n                <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/3-delzhinnn-scaled.jpg\" alt=\"Air Freight\" class=\"gallery-img\">\r\n                <div class=\"gallery-overlay absolute inset-0 flex flex-col justify-end p-6\">\r\n                    <div class=\"gallery-content\">\r\n                        <h4 class=\"text-white text-lg font-bold mb-1\">Air Cargo<\/h4>\r\n                        <p class=\"text-[#C09C60] text-xs\">Express Delivery<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item group\">\r\n                <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/2-delzhinnn-scaled.jpg\" alt=\"Expert Team\" class=\"gallery-img\">\r\n                <div class=\"gallery-overlay absolute inset-0 flex flex-col justify-end p-6\">\r\n                    <div class=\"gallery-content\">\r\n                        <h4 class=\"text-white text-lg font-bold mb-1\">Expert Team<\/h4>\r\n                        <p class=\"text-[#C09C60] text-xs\">24\/7 Support<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item group\">\r\n                <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/1-delzhinnn-scaled.jpg\" alt=\"Road Fleet\" class=\"gallery-img\">\r\n                <div class=\"gallery-overlay absolute inset-0 flex flex-col justify-end p-6\">\r\n                    <div class=\"gallery-content\">\r\n                        <h4 class=\"text-white text-lg font-bold mb-1\">Road Fleet<\/h4>\r\n                        <p class=\"text-[#C09C60] text-xs\">European Transit<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    if (typeof lucide !== 'undefined') {\r\n        lucide.createIcons();\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bde89f2 e-con-full e-flex e-con e-parent\" data-id=\"bde89f2\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9a70ed1 e-con-full e-flex e-con e-child\" data-id=\"9a70ed1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e80d21 elementor-widget elementor-widget-html\" data-id=\"9e80d21\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       PARTNERS SECTION STYLES (English - LTR)\r\n       ========================================= *\/\r\n    .partners-section {\r\n        padding: 60px 0; \r\n        background-color: rgba(0, 0, 0, 0.2);\r\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        text-align: center;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        font-family: 'Inter', sans-serif; \/* English Font *\/\r\n        overflow: hidden; \r\n    }\r\n\r\n    .partners-container {\r\n        max-width: 100%; \r\n        margin: 0 auto;\r\n    }\r\n\r\n    .partners-title {\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 2rem;\r\n        font-weight: 600;\r\n        margin-bottom: 50px;\r\n        padding: 0 20px; \r\n    }\r\n\r\n    \/* Marquee Wrapper *\/\r\n    .marquee-wrapper {\r\n        display: flex;\r\n        overflow: hidden;\r\n        user-select: none;\r\n        gap: 0; \r\n        mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n    }\r\n\r\n    .marquee-content {\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 80px; \r\n        min-width: 100%;\r\n        animation: scroll 40s linear infinite;\r\n        padding-left: 80px; \/* Adjusted for LTR flow *\/\r\n    }\r\n\r\n    \/* Pause on hover *\/\r\n    .marquee-wrapper:hover .marquee-content {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Animation adjusted for LTR flow (Right to Left) *\/\r\n    @keyframes scroll {\r\n        from { transform: translateX(0); }\r\n        to { transform: translateX(-100%); }\r\n    }\r\n\r\n    \/* Single Partner Item *\/\r\n    .partner-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        position: relative;\r\n        width: 150px; \r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Logo Image *\/\r\n    .partner-logo {\r\n        max-height: 150px; \r\n        width: auto;\r\n        max-width: 100%;\r\n        filter: grayscale(100%) brightness(200%) contrast(0.8);\r\n        opacity: 0.8;\r\n        transition: all 0.8s ease;\r\n    }\r\n\r\n    \/* Logo Hover *\/\r\n    .partner-group:hover .partner-logo {\r\n        filter: grayscale(0%) brightness(100%) contrast(1);\r\n        opacity: 1;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Brand Name Tooltip *\/\r\n    .partner-name {\r\n        margin-top: 15px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        color: #C09C60; \r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        transition: all 0.3s ease;\r\n        position: absolute;\r\n        bottom: -25px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .partner-group:hover .partner-name {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n<\/style>\r\n\r\n<section class=\"partners-section\">\r\n    <div class=\"partners-container\">\r\n        <h3 class=\"partners-title\">Proudly Partnering with Leading Brands<\/h3>\r\n        <div class=\"marquee-wrapper\">\r\n            <div class=\"marquee-content\" id=\"partnersMarquee\">\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/\u06af\u0644\u0631\u0646\u06af.png\" alt=\"Golrang Industrial Group\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Golrang Industrial Group<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/Mapna-Group-Logo.png\" alt=\"MAPNA Group\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">MAPNA Group<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/bijan.png\" alt=\"Bijan Food Industry\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Bijan Food Industry<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/PGPIC-1030x1030-1.png\" alt=\"PGPIC Holding\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">PGPIC Holding<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2025\/12\/nody-\u0647\u0648\u0627\u067e\u06cc\u0645\u0627\u06cc\u06cc-\u0645\u0627\u0647\u0627\u0646-\u0622\u0646\u0648\u062f\u0627\u06cc\u0632\u06cc\u0646\u06af-\u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645-\u0622\u0631\u06cc\u0627-1734358757.png\" alt=\"Mahan Air\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Mahan Air<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/202logo.png\" alt=\"202 Food Industry\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">202 Food Industry<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/02\/Siemens-Logo.wine_-scaled.png\" alt=\"Siemens\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Siemens<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/abb-logo.png\" alt=\"ABB\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">ABB<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/samick.png\" alt=\"Samic\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Samic<\/span>\r\n                <\/div>\r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/givaudan-sa-logo-png_seeklogo-61002.png\" alt=\"Givaudan\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Givaudan<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const marquee = document.querySelector('.marquee-content');\r\n        const wrapper = document.querySelector('.marquee-wrapper');\r\n        \r\n        \/\/ Clone content to create infinite loop\r\n        if (marquee && wrapper) {\r\n            const clone = marquee.cloneNode(true);\r\n            wrapper.appendChild(clone);\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-669a32c elementor-widget elementor-widget-html\" data-id=\"669a32c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       BASE SETTINGS & RESET\r\n       ========================================= *\/\r\n    *, *::before, *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n        --text-white: #ffffff;\r\n        --text-gray: #d1d5db;\r\n    }\r\n\r\n    \/* =========================================\r\n       MAIN LAYOUT (LTR)\r\n       ========================================= *\/\r\n    .cta-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n        padding: 6rem 0; \/* py-24 *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .cta-container {\r\n        max-width: 1024px; \/* max-w-5xl *\/\r\n        margin: 0 auto;\r\n        padding: 0 1rem; \/* px-4 *\/\r\n    }\r\n\r\n    @media (min-width: 640px) { .cta-container { padding: 0 1.5rem; } }\r\n    @media (min-width: 1024px) { .cta-container { padding: 0 2rem; } }\r\n\r\n    \/* =========================================\r\n       CTA CARD STYLES\r\n       ========================================= *\/\r\n    .cta-card {\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border: 1px solid rgba(192, 156, 96, 0.3); \/* Subtle gold border *\/\r\n        box-shadow: 0 0 50px rgba(0,0,0,0.5); \/* Deep shadow *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: transform 0.3s ease;\r\n        border-radius: 2.5rem; \/* rounded-[2.5rem] *\/\r\n        padding: 2.5rem; \/* p-10 mobile *\/\r\n        text-align: center;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .cta-card { padding: 4rem; } \/* p-16 desktop *\/\r\n    }\r\n\r\n    \/* Hover Effect *\/\r\n    .cta-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: rgba(192, 156, 96, 0.5);\r\n    }\r\n\r\n    \/* Background Gold Tint *\/\r\n    .cta-tint {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: var(--gold);\r\n        opacity: 0.03;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* =========================================\r\n       DECORATIVE ELEMENTS (Glow Blobs)\r\n       ========================================= *\/\r\n    .glow-spot {\r\n        position: absolute;\r\n        width: 200px;\r\n        height: 200px;\r\n        background: var(--gold);\r\n        filter: blur(80px);\r\n        opacity: 0.15;\r\n        border-radius: 50%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Glow Positions *\/\r\n    .glow-top-right {\r\n        top: 0;\r\n        right: 0;\r\n        transform: translate(50%, -50%);\r\n    }\r\n\r\n    .glow-bottom-left {\r\n        bottom: 0;\r\n        left: 0;\r\n        transform: translate(-50%, 50%);\r\n    }\r\n\r\n    \/* =========================================\r\n       CARD CONTENT\r\n       ========================================= *\/\r\n    .cta-content {\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .cta-title {\r\n        font-size: 1.875rem; \/* text-3xl *\/\r\n        font-weight: 700;\r\n        color: var(--text-white);\r\n        margin-bottom: 1.5rem; \/* mb-6 *\/\r\n        line-height: 1.2; \r\n        letter-spacing: -0.025em;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .cta-title { font-size: 3rem; } \/* text-5xl *\/\r\n    }\r\n\r\n    .cta-desc {\r\n        color: var(--text-gray);\r\n        margin-bottom: 2.5rem; \/* mb-10 *\/\r\n        max-width: 42rem; \/* max-w-2xl *\/\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        font-size: 1.125rem; \/* text-lg *\/\r\n        font-weight: 300; \/* font-light *\/\r\n        line-height: 1.625;\r\n    }\r\n\r\n    \/* =========================================\r\n       BUTTONS\r\n       ========================================= *\/\r\n    .cta-buttons {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 1.25rem; \/* gap-5 *\/\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n        .cta-buttons { flex-direction: row; }\r\n    }\r\n\r\n    .btn-gold {\r\n        background-color: var(--gold);\r\n        color: #050A14;\r\n        font-weight: 700;\r\n        font-size: 1.125rem; \/* text-lg *\/\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 0 20px rgba(192, 156, 96, 0.2);\r\n        padding: 1rem 2.5rem; \/* px-10 py-4 *\/\r\n        border-radius: 0.75rem; \/* rounded-xl *\/\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.5rem;\r\n        text-decoration: none;\r\n        border: none;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .btn-gold:hover {\r\n        background-color: #b08d55;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 30px rgba(192, 156, 96, 0.4);\r\n    }\r\n\r\n    \/* Arrow Icon SVG (Points Right for LTR) *\/\r\n    .btn-icon-svg {\r\n        width: 1.25rem; \/* w-5 *\/\r\n        height: 1.25rem; \/* h-5 *\/\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"cta-wrapper\">\r\n    <div class=\"cta-container\">\r\n        <div class=\"cta-card\">\r\n            <div class=\"cta-tint\"><\/div>\r\n            <div class=\"glow-spot glow-top-right\"><\/div>\r\n            <div class=\"glow-spot glow-bottom-left\"><\/div>\r\n            \r\n            <div class=\"cta-content\">\r\n                <h2 class=\"cta-title\">Ready to Start a <span style=\"color: var(--gold);\">Profitable<\/span> Partnership?<\/h2>\r\n                <p class=\"cta-desc\">\r\n                    Our team of experts is ready to provide free consultation and design the optimal transport route for your cargo. Get your quote today.\r\n                <\/p>\r\n                <div class=\"cta-buttons\">\r\n                    <a href=\"tel:+982132867000\" class=\"btn-gold\">\r\n                        Get a Consultation\r\n                        <svg class=\"btn-icon-svg\" viewBox=\"0 0 24 24\">\r\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Story, Our Commitment Our Story, Our Commitment Meet the team dedicated to ensuring your success. We serve as your strategic bridge to global markets. The Delzhin Story Delzhin Melal Keyhan, a proud member of the Delzhin Group, was established in 2021 with a simple yet ambitious goal: simplifying the complexities of international logistics. We [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/comments?post=671"}],"version-history":[{"count":5,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/671\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/671\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/media?parent=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}