{"id":637,"date":"2026-01-02T12:45:01","date_gmt":"2026-01-02T09:15:01","guid":{"rendered":"https:\/\/delzhinco.com\/%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c-%d8%af%d8%a7%d8%b1%da%a9\/"},"modified":"2026-02-23T11:01:43","modified_gmt":"2026-02-23T07:31:43","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c-%d8%af%d8%a7%d8%b1%da%a9","status":"publish","type":"page","link":"https:\/\/delzhinco.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"637\" class=\"elementor elementor-637 elementor-148\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3550075 e-flex e-con-boxed e-con e-parent\" data-id=\"3550075\" 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-dd45aef elementor-widget elementor-widget-html\" data-id=\"dd45aef\" 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-e41f562 e-con-full e-flex e-con e-parent\" data-id=\"e41f562\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f6a7cf elementor-widget elementor-widget-html\" data-id=\"0f6a7cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .hero-section {\r\n        position: relative;\r\n        width: 100%;\r\n        padding: 80px 20px 120px; \/* Top and bottom padding *\/\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n        direction: ltr; \/* Changed to Left-to-Right *\/\r\n        font-family: 'Inter', 'Segoe UI', sans-serif; \/* Changed to standard English fonts *\/\r\n        color: white;\r\n    }\r\n\r\n    .hero-content {\r\n        max-width: 1100px;\r\n        z-index: 2;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Hero Badge *\/\r\n    .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 24px;\r\n        padding: 8px 20px;\r\n        border-radius: 50px;\r\n        background-color: rgba(192, 156, 96, 0.1); \/* Gold 10% *\/\r\n        border: 1px solid rgba(192, 156, 96, 0.3);\r\n        backdrop-filter: blur(8px);\r\n        animation: heroFadeInUp 0.8s ease-out;\r\n    }\r\n\r\n    .hero-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: #C09C60; \/* Gold *\/\r\n        box-shadow: 0 0 0 0 rgba(192, 156, 96, 0.7);\r\n        animation: pulse-gold 2s infinite;\r\n    }\r\n\r\n    .hero-badge-text {\r\n        color: #C09C60;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Main Title *\/\r\n    .hero-title {\r\n        font-size: 3rem; \/* Mobile *\/\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 24px;\r\n        color: white;\r\n        animation: heroFadeInUp 0.8s ease-out 0.2s backwards;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .hero-title { font-size: 4.5rem; }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .hero-title { font-size: 5.5rem; }\r\n    }\r\n\r\n    .text-gradient {\r\n        background: linear-gradient(to right, #e0cca3, #C09C60);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        text-shadow: 0 0 30px rgba(192, 156, 96, 0.3);\r\n    }\r\n\r\n    \/* Description *\/\r\n    .hero-desc {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: #9ca3af; \/* Gray *\/\r\n        max-width: 800px;\r\n        margin: 0 auto 40px;\r\n        font-weight: 300;\r\n        animation: heroFadeInUp 0.8s ease-out 0.4s backwards;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .hero-actions {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-top: 30px;\r\n        animation: heroFadeInUp 0.8s ease-out 0.6s backwards;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n        .hero-actions { flex-direction: row; }\r\n    }\r\n\r\n    .btn-hero {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        padding: 16px 36px;\r\n        border-radius: 14px;\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .btn-gold {\r\n        background-color: #C09C60;\r\n        color: #050A14;\r\n        box-shadow: 0 0 30px rgba(192, 156, 96, 0.2);\r\n        border: none;\r\n    }\r\n\r\n    .btn-gold:hover {\r\n        background-color: #b08d55;\r\n        box-shadow: 0 0 50px rgba(192, 156, 96, 0.4);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .btn-glass {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: white;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .btn-glass:hover {\r\n        background: #C09C60;\r\n        border-color: white;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Partners \/ Badges *\/\r\n    .hero-partners {\r\n        margin-top: 80px;\r\n        padding-top: 30px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 30px;\r\n        opacity: 0.6;\r\n        animation: heroFadeInUp 0.8s ease-out 0.8s backwards;\r\n        transition: opacity 0.5s;\r\n    }\r\n\r\n    .hero-partners:hover { opacity: 1; }\r\n\r\n    .partner-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        transition: color 0.3s;\r\n        font-size: 0.9rem;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .partner-item:hover { color: white; }\r\n\r\n    \/* Animations *\/\r\n    @keyframes heroFadeInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pulse-gold {\r\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(192, 156, 96, 0.7); }\r\n        70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(192, 156, 96, 0); }\r\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(192, 156, 96, 0); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hero-section\">\r\n    <div class=\"hero-content\">\r\n        <div class=\"hero-badge\">\r\n            <span class=\"hero-badge-dot\"><\/span>\r\n            <span class=\"hero-badge-text\">Your Reliable Partner in International Trade<\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"hero-title\">Delzhin Holding<br\/><span class=\"text-gradient\">Welcome To The Next Level<\/span><\/h1>\r\n        \r\n        <p class=\"hero-desc\">\r\n            Providing innovative and integrated supply chain solutions. Relying on experience and expertise, we bridge the gap between origin and destination with speed and security.\r\n        <\/p>\r\n        \r\n        <div class=\"hero-actions\">\r\n            <a href=\"https:\/\/delzhinco.com\/en\/contact\/\" class=\"btn-hero btn-gold\">\r\n                Request Transport\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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            <a href=\"https:\/\/delzhinco.com\/en\/services\/\" class=\"btn-hero btn-glass\">\r\n                View Services\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"hero-partners\">\r\n            <div class=\"partner-item\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\r\n                <span>Trade Association Member<\/span>\r\n            <\/div>\r\n            <div class=\"partner-item\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\r\n                <span>Iran Chamber of Commerce<\/span>\r\n            <\/div>\r\n            <div class=\"partner-item\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><path d=\"M2 12h20\"><\/path><\/svg>\r\n                <span>IRU Member<\/span>\r\n            <\/div>\r\n            <div class=\"partner-item\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"><\/line><path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"><\/path><\/svg>\r\n                <span>FIATA<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\njQuery(window).on('elementor\/frontend\/init', function () {\r\n    const transportBtn = document.getElementById('open-transport-popup');\r\n\r\n    if (transportBtn) {\r\n        transportBtn.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n\r\n            if (elementorFrontend.modules.popup) {\r\n                elementorFrontend.modules.popup.showPopup({\r\n                    id: 251\r\n                });\r\n            } else {\r\n                console.error('Popup module not found');\r\n            }\r\n        });\r\n    }\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-6c7c382 e-con-full e-flex e-con e-parent\" data-id=\"6c7c382\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5d01e5 elementor-widget elementor-widget-html\" data-id=\"f5d01e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       SERVICES SECTION STYLES (No Tailwind)\r\n       ========================================= *\/\r\n    .services-section {\r\n        padding: 100px 20px;\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', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n    }\r\n\r\n    .services-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Services Header *\/\r\n    .services-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        align-items: flex-start; \/* Changed from flex-end *\/\r\n        margin-bottom: 50px;\r\n        gap: 20px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .services-header {\r\n            flex-direction: row;\r\n            align-items: flex-end;\r\n        }\r\n    }\r\n\r\n    .services-title-wrapper {\r\n        text-align: left; \/* Changed from right *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .services-title {\r\n        font-size: 2rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .services-title { font-size: 3rem; }\r\n    }\r\n\r\n    .services-subtitle {\r\n        color: #9ca3af;\r\n        font-size: 1.1rem;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .services-link {\r\n        display: none;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: #C09C60; \/* Gold *\/\r\n        text-decoration: none;\r\n        transition: color 0.3s;\r\n        font-weight: bold;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .services-link { display: flex; }\r\n    }\r\n\r\n    .services-link:hover { color: #e0cca3; }\r\n\r\n    \/* Grid Layout *\/\r\n    .services-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .services-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .services-grid { grid-template-columns: repeat(4, 1fr); }\r\n    }\r\n\r\n    \/* Single Card *\/\r\n    .service-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        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 20px;\r\n        padding: 30px;\r\n        transition: all 0.4s ease;\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .service-card:hover {\r\n        transform: translateY(-8px);\r\n        background: linear-gradient(135deg, rgba(192, 156, 96, 0.08) 0%, rgba(5, 10, 20, 0.6) 100%);\r\n        border-color: rgba(192, 156, 96, 0.3);\r\n        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* Card Icon *\/\r\n    .card-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 24px;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .service-card:hover .card-icon {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Icon Colors *\/\r\n    .icon-green { background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2); color: #4ade80; }\r\n    .icon-blue { background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); color: #60a5fa; }\r\n    .icon-cyan { background: rgba(6, 182, 212, 0.1); border: 1px solid rgba(6, 182, 212, 0.2); color: #22d3ee; }\r\n    .icon-purple { background: rgba(168, 85, 247, 0.1); border: 1px solid rgba(168, 85, 247, 0.2); color: #c084fc; }\r\n\r\n    .service-card:hover .title-green { color: #4ade80; }\r\n    .service-card:hover .title-blue { color: #60a5fa; }\r\n    .service-card:hover .title-cyan { color: #22d3ee; }\r\n    .service-card:hover .title-purple { color: #c084fc; }\r\n\r\n    \/* Card Content *\/\r\n    .card-title {\r\n        font-size: 1.25rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 12px;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .card-desc {\r\n        color: #9ca3af;\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 24px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .card-divider {\r\n        width: 100%;\r\n        height: 1px;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .card-footer {\r\n        font-size: 0.8rem;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .service-card:hover .card-footer { color: white; }\r\n\r\n<\/style>\r\n\r\n<div class=\"services-section\">\r\n    <div class=\"services-container\">\r\n        \r\n        <div class=\"services-header\">\r\n            <div class=\"services-title-wrapper\">\r\n                <h2 class=\"services-title\">Our <span style=\"color: #C09C60;\">Comprehensive<\/span> Services<\/h2>\r\n                <p class=\"services-subtitle\">Complete coverage of international transport services with the highest standards (Import & Export)<\/p>\r\n            <\/div>\r\n            \r\n            <a href=\"https:\/\/delzhinco.com\/en\/services\/\" class=\"services-link\">\r\n                View All Services\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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        \r\n        <div class=\"services-grid\">\r\n            \r\n            <a href=\"https:\/\/delzhinco.com\/en\/services\/\" class=\"service-card\">\r\n                <div class=\"card-icon icon-green\">\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect>\r\n                        <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon>\r\n                        <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                        <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"card-title title-green\">Road Freight<\/h3>\r\n                <p class=\"card-desc\">FTL and LTL road transport services to all neighboring countries, CIS, and Europe with the best rates and precise scheduling.<\/p>\r\n                <div class=\"card-divider\"><\/div>\r\n                <div class=\"card-footer\">\r\n                    <span>CIS & Europe Experts<\/span>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/delzhinco.com\/en\/services\/\" class=\"service-card\">\r\n                <div class=\"card-icon icon-blue\">\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle>\r\n                        <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"><\/line>\r\n                        <path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"card-title title-blue\">Sea Freight<\/h3>\r\n                <p class=\"card-desc\">Container and bulk shipping services to all ports worldwide with reputable shipping lines. Cost-effective for bulky cargo.<\/p>\r\n                <div class=\"card-divider\"><\/div>\r\n                <div class=\"card-footer\">\r\n                    <span>FCL & LCL Services<\/span>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/delzhinco.com\/en\/services\/\" class=\"service-card\">\r\n                <div class=\"card-icon icon-cyan\">\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M22 2L11 13\"><\/path>\r\n                        <path d=\"M22 2l-7 20-4-9-9-4 20-7z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"card-title title-cyan\">Air Freight<\/h3>\r\n                <p class=\"card-desc\">The fastest and most reliable way to ship sensitive cargo using reputable global airlines.<\/p>\r\n                <div class=\"card-divider\"><\/div>\r\n                <div class=\"card-footer\">\r\n                    <span>Express Delivery<\/span>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/delzhinco.com\/en\/services\/\" class=\"service-card\">\r\n                <div class=\"card-icon icon-purple\">\r\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\r\n                        <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"card-title title-purple\">Door-to-Door<\/h3>\r\n                <p class=\"card-desc\">Cargo delivery from the seller's warehouse to the buyer's warehouse, handling all customs clearance and transport.<\/p>\r\n                <div class=\"card-divider\"><\/div>\r\n                <div class=\"card-footer\">\r\n                    <span>Worry-free Service<\/span>\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f655417 e-con-full e-flex e-con e-parent\" data-id=\"f655417\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddac926 elementor-widget elementor-widget-html\" data-id=\"ddac926\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       WHY US SECTION STYLES (No Tailwind)\r\n       ========================================= *\/\r\n    .why-us-section {\r\n        padding: 100px 20px;\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', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n    }\r\n\r\n    .why-us-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .why-us-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 60px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .why-us-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n\r\n    \/* Text Column *\/\r\n    .why-us-text-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        order: 2;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .why-us-text-col { order: 1; }\r\n    }\r\n\r\n    .why-us-title {\r\n        font-size: 2.5rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 24px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .why-us-title { font-size: 3rem; }\r\n    }\r\n\r\n    .why-us-desc {\r\n        color: #9ca3af;\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        text-align: left; \/* Changed from justify for better English typography *\/\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* Feature Boxes *\/\r\n    .features-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .feature-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n        transition: all 0.3s ease;\r\n        cursor: default;\r\n    }\r\n\r\n    .feature-icon-box {\r\n        width: 56px;\r\n        height: 56px;\r\n        border-radius: 12px;\r\n        background-color: rgba(192, 156, 96, 0.1);\r\n        border: 1px solid rgba(192, 156, 96, 0.3);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n        color: #C09C60;\r\n    }\r\n\r\n    .feature-item:hover .feature-icon-box {\r\n        background-color: #C09C60;\r\n        transform: scale(1.1) rotate(3deg);\r\n        border-color: #C09C60;\r\n        box-shadow: 0 0 20px rgba(192, 156, 96, 0.4);\r\n        color: #000;\r\n    }\r\n\r\n    .feature-text h3 {\r\n        font-size: 1.25rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .feature-text p {\r\n        color: #9ca3af;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    \/* Video Column *\/\r\n    .why-us-video-col {\r\n        order: 1;\r\n        min-height: 400px;\r\n        position: relative;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .why-us-video-col {\r\n            order: 2;\r\n            min-height: 600px;\r\n        }\r\n    }\r\n\r\n    .video-glow {\r\n        position: absolute;\r\n        inset: -16px;\r\n        background: #C09C60;\r\n        border-radius: 24px;\r\n        filter: blur(40px);\r\n        opacity: 0.2;\r\n        z-index: 0;\r\n    }\r\n\r\n    .video-card {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 24px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n        position: relative;\r\n        overflow: hidden;\r\n        background: #000;\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        z-index: 1;\r\n    }\r\n\r\n    .video-card:hover {\r\n        border-color: #C09C60;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    #promo-video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    #video-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to top, rgba(5, 10, 20, 0.9), rgba(5, 10, 20, 0.2));\r\n        transition: opacity 0.5s ease;\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* Play Button *\/\r\n    .play-btn {\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        background-color: rgba(192, 156, 96, 0.9);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding-left: 4px; \/* Still needed to center the triangle icon *\/\r\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n        animation: pulse-gold 2s infinite;\r\n        transition: transform 0.3s ease;\r\n        color: black;\r\n    }\r\n\r\n    #video-overlay:hover .play-btn {\r\n        transform: scale(1.15);\r\n        background-color: #fff;\r\n        color: #C09C60;\r\n    }\r\n\r\n    .video-text-content {\r\n        position: absolute;\r\n        bottom: 32px;\r\n        left: 32px; \/* Changed from right *\/\r\n        text-align: left; \/* Changed from right *\/\r\n        color: white;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    #video-overlay:hover .video-text-content {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .video-title {\r\n        font-weight: bold;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .video-subtitle {\r\n        font-size: 1rem;\r\n        color: #d1d5db;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .pulse-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background-color: #ef4444; \/* Red *\/\r\n        animation: pulse-red 2s infinite;\r\n    }\r\n\r\n    @keyframes pulse-gold {\r\n        0% { box-shadow: 0 0 0 0 rgba(192, 156, 96, 0.7); }\r\n        70% { box-shadow: 0 0 0 20px rgba(192, 156, 96, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(192, 156, 96, 0); }\r\n    }\r\n\r\n    @keyframes pulse-red {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.5; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"why-us-section\">\r\n    <div class=\"why-us-container\">\r\n        <div class=\"why-us-grid\">\r\n            \r\n            <div class=\"why-us-text-col\">\r\n                <h2 class=\"why-us-title\">\r\n                    Why Choose <span style=\"color: #C09C60;\">Delzhin<\/span>?\r\n                <\/h2>\r\n                <p class=\"why-us-desc\">\r\n                    Relying on experience and expertise, and utilizing a vast network of agents worldwide, we ensure your cargo reaches its destination safely and in the shortest possible time. Transparency, commitment, and speed are our core principles.\r\n                <\/p>\r\n                \r\n                <div class=\"features-list\">\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"feature-icon-box\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <rect x=\"16\" y=\"16\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\r\n                                <rect x=\"2\" y=\"16\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\r\n                                <rect x=\"9\" y=\"2\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\r\n                                <path d=\"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3\"><\/path>\r\n                                <path d=\"M12 12V8\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"feature-text\">\r\n                            <h3>Extensive Rail & Road Network<\/h3>\r\n                            <p>Access to all key transit routes across Europe and Asia.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"feature-icon-box\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path>\r\n                                <path d=\"M3 8C1.3 8 0 9.3 0 11v7c0 1.7 1.3 3 3 3h3c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3\"><\/path>\r\n                                <path d=\"M21 8c1.7 0 3 1.3 3 3v7c0 1.7-1.3 3-3 3h-3c-1.7 0-3-1.3-3-3v-7c0-1.7 1.3-3 3-3\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"feature-text\">\r\n                            <h3>24\/7 Support & Tracking<\/h3>\r\n                            <p>Real-time updates on your cargo status at any time of the day.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"feature-icon-box\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                                <path d=\"m9 12 2 2 4-4\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"feature-text\">\r\n                            <h3>Cargo Safety & All-Risk Insurance<\/h3>\r\n                            <p>Peace of mind with comprehensive international insurance coverage.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"why-us-video-col\">\r\n                <div class=\"video-glow\"><\/div>\r\n                \r\n                <div class=\"video-card\">\r\n                    <video id=\"promo-video\" poster=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/p5-copy-3-copy-scaled.jpg\" playsinline=\"\">\r\n                        <source src=\"https:\/\/web.delzhinco.com\/videos\/promo-video.mp4\" type=\"video\/mp4\">\r\n                        Your browser does not support the video tag.\r\n                    <\/video>\r\n                    \r\n                    <div id=\"video-overlay\" onclick=\"playPromoVideo()\">\r\n                        <div class=\"play-btn\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"video-text-content\">\r\n                            <p class=\"video-title\">Introduction to Delzhin Holding<\/p>\r\n                            <p class=\"video-subtitle\">\r\n                                <span class=\"pulse-dot\"><\/span>\r\n                                Watch our 1-minute overview\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function playPromoVideo() {\r\n        var video = document.getElementById(\"promo-video\");\r\n        var overlay = document.getElementById(\"video-overlay\");\r\n\r\n        if (video.paused) {\r\n            video.play();\r\n            video.controls = true;\r\n            overlay.style.opacity = \"0\";\r\n            overlay.style.pointerEvents = \"none\";\r\n        }\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-63c3333 e-con-full e-flex e-con e-parent\" data-id=\"63c3333\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3edc35 elementor-widget elementor-widget-html\" data-id=\"c3edc35\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       PROCESS SECTION STYLES (No Tailwind)\r\n       ========================================= *\/\r\n    .process-section {\r\n        padding: 100px 20px;\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', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n        background-color: rgba(0, 0, 0, 0.2); \/* Slightly darker background *\/\r\n    }\r\n\r\n    .process-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .process-header {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .process-subtitle {\r\n        color: #C09C60;\r\n        font-size: 0.9rem;\r\n        font-weight: bold;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        animation: pulse-gold 2s infinite;\r\n    }\r\n\r\n    .process-title {\r\n        font-size: 2rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .process-title { font-size: 2.5rem; }\r\n    }\r\n\r\n    .process-desc {\r\n        color: #9ca3af;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    \/* Process Grid *\/\r\n    .process-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .process-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .process-grid { grid-template-columns: repeat(4, 1fr); }\r\n    }\r\n\r\n    \/* Process Item *\/\r\n    .process-item {\r\n        text-align: center;\r\n        position: relative;\r\n        cursor: default;\r\n    }\r\n\r\n    \/* Step Circle *\/\r\n    .step-circle {\r\n        width: 80px;\r\n        height: 80px;\r\n        margin: 0 auto 24px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        backdrop-filter: blur(10px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n        z-index: 2; \/* Keep above connector *\/\r\n        color: #d1d5db; \/* Gray-300 *\/\r\n    }\r\n\r\n    .process-item:hover .step-circle {\r\n        border-color: #C09C60;\r\n        background: rgba(192, 156, 96, 0.15);\r\n        transform: scale(1.05);\r\n        box-shadow: 0 0 20px rgba(192, 156, 96, 0.3);\r\n        color: #C09C60;\r\n    }\r\n\r\n    \/* Step Badge *\/\r\n    .step-badge {\r\n        position: absolute;\r\n        top: -5px;\r\n        right: -5px;\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 50%;\r\n        background-color: #374151; \/* Dark Gray *\/\r\n        color: white;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .process-item:hover .step-badge {\r\n        background-color: #C09C60;\r\n        color: black;\r\n        border-color: #C09C60;\r\n    }\r\n\r\n    \/* Texts *\/\r\n    .step-title {\r\n        font-size: 1.25rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .step-desc {\r\n        font-size: 0.9rem;\r\n        color: #9ca3af;\r\n        line-height: 1.6;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* Connector (Desktop Only) *\/\r\n    @media (min-width: 1024px) {\r\n        .process-item::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px; \/* Center of the 80px circle *\/\r\n            left: 50%; \/* Changed from right to left for LTR flow *\/\r\n            width: 100%; \/* Connects to the middle of the next item *\/\r\n            height: 2px;\r\n            background: linear-gradient(to right, rgba(192, 156, 96, 0), rgba(192, 156, 96, 0.5), rgba(192, 156, 96, 0)); \/* Changed gradient direction *\/\r\n            z-index: 0; \/* Below circle *\/\r\n            opacity: 0.4;\r\n        }\r\n\r\n        \/* Remove connector for the last item *\/\r\n        .process-item:last-child::after {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @keyframes pulse-gold {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.5; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"process-section\">\r\n    <div class=\"process-container\">\r\n        \r\n        <div class=\"process-header\">\r\n            <span class=\"process-subtitle\">Our Process<\/span>\r\n            <h2 class=\"process-title\">Delzhin <span style=\"color: #C09C60;\">Service<\/span> Cycle<\/h2>\r\n            <p class=\"process-desc\">The smart path for your cargo, from consultation to final delivery<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"process-grid\">\r\n            \r\n            <div class=\"process-item\">\r\n                <div class=\"step-circle\">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: #C09C60;\">\r\n                        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n                    <\/svg>\r\n                    <div class=\"step-badge\">1<\/div>\r\n                <\/div>\r\n                <h3 class=\"step-title\">Free Consultation<\/h3> \r\n                <p class=\"step-desc\">Contact our professional team to choose the best route and transport method.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"process-item\">\r\n                <div class=\"step-circle\">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M20 19.5v.5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8.5L20 7.5V11.5\"><\/path>\r\n                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n                        <path d=\"M18.42 9.61a2.1 2.1 0 1 1 2.97 2.97L16.8 17.18a2.66 2.66 0 0 1-1.02.73l-3.23.96 1.06-3.05a2.67 2.67 0 0 1 .74-1.02l4.07-5.19z\"><\/path>\r\n                    <\/svg>\r\n                    <div class=\"step-badge\">2<\/div>\r\n                <\/div>\r\n                <h3 class=\"step-title\">Signing Contract<\/h3>\r\n                <p class=\"step-desc\">Drafting the official agreement and issuing the international bill of lading.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"process-item\">\r\n                <div class=\"step-circle\">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M5 22h14\"><\/path>\r\n                        <path d=\"M19.27 13.73A2.665 2.665 0 0 0 17.5 8.5c-1.7 0-3 1.3-3 3v8.38c0 .38.7.38.7 0V11.5a2 2 0 0 0-2-2c-1.1 0-2 .9-2 2v7.88c0 .38.7.38.7 0v-8.38a2 2 0 0 0-2-2c-1.1 0-2 .9-2 2v8.38c0 .38.7.38.7 0V17.5a2 2 0 0 0-2-2c-1.1 0-2 .9-2 2v3\"><\/path>\r\n                        <path d=\"M7 22V11a5 5 0 0 1 10 0v11\"><\/path>\r\n                    <\/svg>\r\n                    <div class=\"step-badge\">3<\/div>\r\n                <\/div>\r\n                <h3 class=\"step-title\">Customs Clearance<\/h3>\r\n                <p class=\"step-desc\">Handling all customs formalities at the origin and loading the cargo.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"process-item\">\r\n                <div class=\"step-circle\">\r\n                    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"m16 16 2 2 4-4\"><\/path>\r\n                        <path d=\"M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14\"><\/path>\r\n                        <path d=\"m7.5 4.21 4.5 2.6 4.5-2.6\"><\/path>\r\n                        <polyline points=\"7.5 19.79 7.5 14.6 3 12\"><\/polyline>\r\n                        <polyline points=\"21 12 16.5 14.6 16.5 19.79\"><\/polyline>\r\n                        <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\r\n                    <\/svg>\r\n                    <div class=\"step-badge\">4<\/div>\r\n                <\/div>\r\n                <h3 class=\"step-title\">Destination Delivery<\/h3>\r\n                <p class=\"step-desc\">Clearing goods at destination customs and final delivery to the consignee.<\/p>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23aee89 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"23aee89\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f27f3fe e-con-full glass-form-container e-flex e-con e-child\" data-id=\"f27f3fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be2d236 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"be2d236\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;\\u0628\\u0639\\u062f\\u06cc&quot;,&quot;step_previous_label&quot;:&quot;\\u0642\\u0628\\u0644\\u06cc&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u0641\u0631\u0645 \u062c\u062f\u06cc\u062f\" aria-label=\"\u0641\u0631\u0645 \u062c\u062f\u06cc\u062f\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"637\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"be2d236\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"637\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_e7ed59a elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_e7ed59a\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_e7ed59a]\" id=\"form-field-field_e7ed59a\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"...0912\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_2d17a95 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_2d17a95\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0645\u0628\u062f\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_2d17a95]\" id=\"form-field-field_2d17a95\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"\u06a9\u0634\u0648\u0631 \/ \u0634\u0647\u0631\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_bfcf30e elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_bfcf30e\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0645\u0642\u0635\u062f \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_bfcf30e]\" id=\"form-field-field_bfcf30e\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"\u06a9\u0634\u0648\u0631 \/ \u0634\u0647\u0631\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_93a2f40 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_93a2f40\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0631\u0648\u0634 \u062d\u0645\u0644 \u0648 \u0646\u0642\u0644\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_93a2f40]\" id=\"form-field-field_93a2f40\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"\u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u062f\u0631\u06cc\u0627\u06cc\u06cc \">\u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u062f\u0631\u06cc\u0627\u06cc\u06cc <\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"\u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u0632\u0645\u06cc\u0646\u06cc\">\u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u0632\u0645\u06cc\u0646\u06cc<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"\u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u0647\u0648\u0627\u06cc\u06cc\">\u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u0647\u0648\u0627\u06cc\u06cc<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u062a\u0648\u0636\u06cc\u062d\u0627\u062a\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-paper-plane\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0631\u0627\u06cc\u06af\u0627\u0646<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eee1b05 e-con-full e-flex e-con e-parent\" data-id=\"eee1b05\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1923a46 elementor-widget elementor-widget-html\" data-id=\"1923a46\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       PARTNERS SECTION STYLES (No Tailwind)\r\n       ========================================= *\/\r\n    .partners-section {\r\n        padding: 60px 0; \/* No left\/right padding for full scroll *\/\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', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n        overflow: hidden; \/* Hide extra scroll *\/\r\n    }\r\n\r\n    .partners-container {\r\n        max-width: 100%; \/* Full width *\/\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; \/* Padding only for title *\/\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; \/* Space between logos *\/\r\n        min-width: 100%;\r\n        animation: scroll 40s linear infinite;\r\n        padding-right: 80px; \/* Gap before the cloned item starts *\/\r\n    }\r\n\r\n    \/* Pause animation on hover *\/\r\n    .marquee-wrapper:hover .marquee-content {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Changed translation direction for LTR (moves to the left) *\/\r\n    @keyframes scroll {\r\n        from { transform: translateX(0); }\r\n        to { transform: translateX(-100%); } \r\n    }\r\n\r\n    \/* Single 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; \/* Fixed width for consistency *\/\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Logo Image *\/\r\n    .partner-logo {\r\n        max-height: 150px; \/* Slightly smaller for scrolling *\/\r\n        width: auto;\r\n        max-width: 100%;\r\n        filter: grayscale(100%) brightness(200%) contrast(0.8);\r\n        opacity: 2;\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 *\/\r\n    .partner-name {\r\n        margin-top: 15px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        color: #C09C60; \/* Gold *\/\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\">Proud to Partner with Leading Brands<\/h3>\r\n        \r\n        <div class=\"marquee-wrapper\">\r\n            <div class=\"marquee-content\" id=\"partnersMarquee\">\r\n                \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 Group<\/span>\r\n                <\/div>\r\n                \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                \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                \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=\"Persian Gulf Petrochemical Industries Co.\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">PGPIC<\/span>\r\n                <\/div>\r\n                \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                \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                \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                \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                \r\n                <div class=\"partner-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/samick.png\" alt=\"Samick\" class=\"partner-logo\">\r\n                    <span class=\"partner-name\">Samick<\/span>\r\n                <\/div>\r\n                \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                \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        \/\/ Cloning the content to fill empty space and create an 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<div class=\"elementor-element elementor-element-6d6ab45 news-card e-flex e-con-boxed e-con e-parent\" data-id=\"6d6ab45\" 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-86ef9a5 elementor-widget elementor-widget-html\" data-id=\"86ef9a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    :root {\r\n        --brand-gold: rgb(192, 156, 96);\r\n        --brand-gold-low: rgba(192, 156, 96, 0.1);\r\n        --brand-gold-mid: rgba(192, 156, 96, 0.3);\r\n        --text-gray: #9ca3af;\r\n        --glass-bg: rgba(255, 255, 255, 0.03);\r\n        --glass-border: rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .delzhin-articles-section {\r\n        padding: 50px 20px;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        font-family: 'Inter', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .sub-title {\r\n        color: var(--brand-gold);\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .main-title {\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        font-weight: 900;\r\n        color: white;\r\n        margin: 0;\r\n    }\r\n\r\n    .title-accent {\r\n        color: var(--brand-gold);\r\n    }\r\n\r\n    .title-divider {\r\n        width: 100px;\r\n        height: 3px;\r\n        background: linear-gradient(to right, transparent, var(--brand-gold), transparent); \/* Changed gradient direction *\/\r\n        margin: 20px auto;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .section-desc {\r\n        color: var(--text-gray);\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* Elementor Grid Container *\/\r\n    .delzhin-articles .elementor-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n        gap: 30px !important;\r\n    }\r\n\r\n    \/* Article Card Styles *\/\r\n    .delzhin-articles article.elementor-post {\r\n        background: var(--glass-bg) !important;\r\n        backdrop-filter: blur(12px) !important;\r\n        -webkit-backdrop-filter: blur(12px) !important;\r\n        border: 1px solid var(--glass-border) !important;\r\n        border-radius: 24px !important;\r\n        overflow: hidden !important;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n    }\r\n\r\n    .delzhin-articles article.elementor-post:hover {\r\n        transform: translateY(-10px) !important;\r\n        border-color: var(--brand-gold-mid) !important;\r\n        background: linear-gradient(135deg, rgba(192, 156, 96, 0.08) 0%, rgba(5, 10, 20, 0.6) 100%) !important;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;\r\n    }\r\n\r\n    \/* Thumbnail *\/\r\n    .delzhin-articles .elementor-post__thumbnail {\r\n        overflow: hidden !important;\r\n        border-bottom: 1px solid var(--glass-border) !important;\r\n    }\r\n\r\n    .delzhin-articles .elementor-post__thumbnail img {\r\n        transition: transform 0.6s ease !important;\r\n        width: 100% !important;\r\n        height: auto !important;\r\n    }\r\n\r\n    .delzhin-articles article.elementor-post:hover .elementor-post__thumbnail img {\r\n        transform: scale(1.1) rotate(1deg) !important;\r\n    }\r\n\r\n    \/* Content *\/\r\n    .delzhin-articles .elementor-post__text {\r\n        padding: 25px !important;\r\n        text-align: left !important; \/* Changed to left *\/\r\n    }\r\n\r\n    .delzhin-articles .elementor-post__title {\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    .delzhin-articles .elementor-post__title a {\r\n        color: white !important;\r\n        font-size: 1.25rem !important;\r\n        font-weight: 700 !important;\r\n        text-decoration: none !important;\r\n        transition: color 0.3s !important;\r\n    }\r\n\r\n    .delzhin-articles article.elementor-post:hover .elementor-post__title a {\r\n        color: var(--brand-gold) !important;\r\n    }\r\n\r\n    .delzhin-articles .elementor-post__excerpt p {\r\n        color: var(--text-gray) !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.8 !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    \/* Read More Link *\/\r\n    .delzhin-articles .elementor-post__read-more {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        color: var(--brand-gold) !important;\r\n        font-weight: 700 !important;\r\n        font-size: 14px !important;\r\n        text-decoration: none !important;\r\n        transition: all 0.3s !important;\r\n    }\r\n\r\n    .delzhin-articles .elementor-post__read-more::after {\r\n        content: '\u2192'; \/* Changed arrow direction *\/\r\n        margin-left: 8px; \/* Changed margin from right to left *\/\r\n        transition: transform 0.3s !important;\r\n    }\r\n\r\n    .delzhin-articles article.elementor-post:hover .elementor-post__read-more::after {\r\n        transform: translateX(5px) !important; \/* Changed hover translation to move right *\/\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .delzhin-articles-section { padding: 60px 15px; }\r\n        .main-title { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"delzhin-articles-section\">\r\n    <div class=\"section-header\">\r\n        <span class=\"sub-title\">Delzhin Logistics Insights<\/span>\r\n        <h2 class=\"main-title\">News & <span class=\"title-accent\">Events<\/span><\/h2>\r\n        <div class=\"title-divider\"><\/div>\r\n        <p class=\"section-desc\">Follow specialized international transport analysis and the latest news from Delzhin Holding in this section.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"delzhin-articles\">\r\n        <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Re-initialize icons if used in the widget\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f53fd4 e-con-full e-flex e-con e-parent\" data-id=\"5f53fd4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c683b4 elementor-widget elementor-widget-html\" data-id=\"4c683b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       AGENTS SECTION STYLES (No Tailwind)\r\n       ========================================= *\/\r\n    .agents-section {\r\n        padding: 100px 20px;\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', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n        background-color: transparent;\r\n    }\r\n\r\n    .agents-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Main Flex *\/\r\n    .agents-flex {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 60px;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .agents-flex {\r\n            flex-direction: row;\r\n            align-items: stretch; \/* Keeps columns same height *\/\r\n        }\r\n    }\r\n\r\n    \/* Agents List Column (Left in LTR) *\/\r\n    .agents-list-col {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    .agents-title {\r\n        font-size: 2.5rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 24px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .agents-title { font-size: 3rem; }\r\n    }\r\n\r\n    .agents-desc {\r\n        color: #9ca3af;\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* Card List *\/\r\n    .agents-items {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n    }\r\n\r\n    .agent-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        backdrop-filter: blur(10px);\r\n        border-radius: 16px;\r\n        padding: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        cursor: pointer;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n        .agent-card {\r\n            flex-direction: row;\r\n            align-items: center;\r\n        }\r\n    }\r\n\r\n    .agent-card:hover {\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border-color: rgba(192, 156, 96, 0.4);\r\n        transform: translateX(8px); \/* Changed direction for LTR *\/\r\n        box-shadow: 10px 10px 30px rgba(0,0,0,0.2); \/* Adjusted shadow *\/\r\n    }\r\n\r\n    \/* Circular Icon *\/\r\n    .agent-icon {\r\n        width: 56px;\r\n        height: 56px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #9ca3af;\r\n        flex-shrink: 0;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .agent-card:hover .agent-icon {\r\n        background: rgba(192, 156, 96, 0.15);\r\n        border-color: #C09C60;\r\n        color: #C09C60;\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n\r\n    \/* Card Content *\/\r\n    .agent-content {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .agent-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .agent-name {\r\n        font-size: 1.1rem;\r\n        font-weight: bold;\r\n        color: white;\r\n    }\r\n\r\n    .agent-arrow {\r\n        color: #6b7280;\r\n        opacity: 0;\r\n        transform: translateX(10px); \/* Changed direction *\/\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .agent-card:hover .agent-arrow {\r\n        color: #C09C60;\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .agent-role {\r\n        font-size: 0.8rem;\r\n        color: #9ca3af;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .agent-phone {\r\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding-top: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 0.9rem;\r\n        color: #d1d5db;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .agent-card:hover .agent-phone { color: white; }\r\n\r\n    \/* Map Column (Right in LTR) *\/\r\n    .agents-map-col {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .agents-map-col {\r\n            padding-top: 180px; \r\n        }\r\n    }\r\n\r\n    .map-box {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 400px;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n        background-image: url('https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/photo-1451187580459-43490279c0fa-2.jpg');\r\n        background-size: cover;\r\n        background-position: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .map-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to bottom right, rgba(5, 10, 20, 0.8), rgba(5, 10, 20, 0.5));\r\n        z-index: 1;\r\n    }\r\n\r\n    .map-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        padding: 24px;\r\n    }\r\n\r\n    .map-globe {\r\n        width: 96px;\r\n        height: 96px;\r\n        margin: 0 auto 16px;\r\n        background: rgba(192, 156, 96, 0.1);\r\n        border: 1px solid rgba(192, 156, 96, 0.5);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        backdrop-filter: blur(4px);\r\n        color: #C09C60;\r\n        animation: pulse-map 2s infinite;\r\n    }\r\n\r\n    .map-title {\r\n        font-size: 1.5rem;\r\n        font-weight: bold;\r\n        color: white;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .map-subtitle {\r\n        color: #9ca3af;\r\n        font-size: 1rem;\r\n        font-weight: 300;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .map-phones {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n\r\n    .map-phone-item {\r\n        font-family: monospace;\r\n        font-weight: bold;\r\n        font-size: 1.25rem;\r\n        letter-spacing: 1px;\r\n        color: white;\r\n        direction: ltr;\r\n    }\r\n\r\n    \/* Decorative Glow *\/\r\n    .glow-blob {\r\n        position: absolute;\r\n        top: -80px;\r\n        left: -80px; \/* Changed from right to left *\/\r\n        width: 250px;\r\n        height: 250px;\r\n        background-color: #C09C60;\r\n        filter: blur(100px);\r\n        border-radius: 50%;\r\n        opacity: 0.2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @keyframes pulse-map {\r\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(192, 156, 96, 0.7); }\r\n        70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(192, 156, 96, 0); }\r\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(192, 156, 96, 0); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"agents-section\">\r\n    <div class=\"agents-container\">\r\n        <div class=\"agents-flex\">\r\n            \r\n            <div class=\"agents-list-col\">\r\n                <div class=\"glow-blob\"><\/div>\r\n                <div style=\"position: relative; z-index: 10;\">\r\n                    \r\n                    <h2 class=\"agents-title\">Extensive <span style=\"color: #C09C60;\">Network<\/span> of Agents<\/h2>\r\n                    <p class=\"agents-desc\">\r\n                        We are present in key global trade hubs to monitor your cargo from the closest distance. Our worldwide offices are ready to serve you.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"agents-items\">\r\n                        \r\n                        <div class=\"agent-card\">\r\n                            <div class=\"agent-icon\">\r\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                                    <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"agent-content\">\r\n                                <div class=\"agent-header\">\r\n                                    <h4 class=\"agent-name\">China Office (Guangzhou)<\/h4>\r\n                                    <svg class=\"agent-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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                                <\/div>\r\n                                <p class=\"agent-role\">Exclusive Agency & Commercial Affairs<\/p>\r\n                                <div class=\"agent-phone\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C09C60\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                        <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>\r\n                                    <\/svg>\r\n                                    <span dir=\"ltr\" style=\"font-family: monospace; letter-spacing: 1px;\">+862012345678<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"agent-card\">\r\n                            <div class=\"agent-icon\">\r\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <circle cx=\"12\" cy=\"5\" r=\"3\"><\/circle>\r\n                                    <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"8\"><\/line>\r\n                                    <path d=\"M5 12H2a10 10 0 0 0 20 0h-3\"><\/path>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"agent-content\">\r\n                                <div class=\"agent-header\">\r\n                                    <h4 class=\"agent-name\">Bandar Abbas Office<\/h4>\r\n                                    <svg class=\"agent-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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                                <\/div>\r\n                                <p class=\"agent-role\">Sea Logistics & Customs Clearance<\/p>\r\n                                <div class=\"agent-phone\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C09C60\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                        <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>\r\n                                    <\/svg>\r\n                                    <span dir=\"ltr\" style=\"font-family: monospace; letter-spacing: 1px;\">076-33445566<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"agent-card\">\r\n                            <div class=\"agent-icon\">\r\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect>\r\n                                    <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon>\r\n                                    <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                                    <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"agent-content\">\r\n                                <div class=\"agent-header\">\r\n                                    <h4 class=\"agent-name\">Turkey Office (Istanbul)<\/h4>\r\n                                    <svg class=\"agent-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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                                <\/div>\r\n                                <p class=\"agent-role\">Road Transit Hub & Cargo<\/p>\r\n                                <div class=\"agent-phone\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C09C60\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                        <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>\r\n                                    <\/svg>\r\n                                    <span dir=\"ltr\" style=\"font-family: monospace; letter-spacing: 1px;\">+902129876543<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"agents-map-col\">\r\n                <div class=\"map-box\">\r\n                    <div class=\"map-content\">\r\n                        <div class=\"map-globe\">\r\n                            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"map-title\">Headquarters: Tehran<\/h3>\r\n                        <p class=\"map-subtitle\">Integrated Operations Management<\/p>\r\n                        <div class=\"map-phones\">\r\n                            <span class=\"map-phone-item\">021 - 32867000<\/span>\r\n                            <span class=\"map-phone-item\">9000 8040<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-898585b e-flex e-con-boxed e-con e-parent\" data-id=\"898585b\" 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-88a3c17 elementor-widget elementor-widget-html\" data-id=\"88a3c17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       CLOSING STATEMENT SECTION STYLES\r\n       ========================================= *\/\r\n    .closing-section {\r\n        padding: 80px 20px 100px;\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', 'Segoe UI', sans-serif; \/* Changed Font *\/\r\n    }\r\n\r\n    .closing-container {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Main Text Card *\/\r\n    .statement-card {\r\n        position: relative;\r\n        padding: 60px 40px;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(192, 156, 96, 0.2); \/* Light gold border *\/\r\n        border-radius: 30px;\r\n        text-align: center;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Quote Icon *\/\r\n    .bg-quote-icon {\r\n        position: absolute;\r\n        top: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 120px;\r\n        height: 120px;\r\n        opacity: 0.05;\r\n        color: #C09C60;\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* Text Content *\/\r\n    .statement-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Primary Paragraph *\/\r\n    .statement-text-primary {\r\n        font-size: 1.25rem; \/* Mobile: smaller *\/\r\n        line-height: 2;\r\n        color: white;\r\n        margin-bottom: 30px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .statement-text-primary { font-size: 1.5rem; }\r\n    }\r\n\r\n    \/* Parentheses Highlight Intro *\/\r\n    .highlight-intro {\r\n        color: #C09C60;\r\n        font-weight: bold;\r\n        font-size: 0.9em;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Secondary Paragraph *\/\r\n    .statement-text-secondary {\r\n        font-size: 1rem;\r\n        line-height: 2;\r\n        color: #9ca3af; \/* Gray *\/\r\n        font-weight: normal;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Small Divider *\/\r\n    .statement-divider {\r\n        width: 60px;\r\n        height: 3px;\r\n        background-color: #C09C60;\r\n        margin: 0 auto 30px;\r\n        border-radius: 2px;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    \/* Signature \/ Brand Name (If you decide to add text later) *\/\r\n    .signature {\r\n        margin-top: 40px;\r\n        font-family: 'Playfair Display', serif; \/* Classic font for signature *\/\r\n        font-size: 2rem;\r\n        color: rgba(255,255,255,0.1);\r\n        font-weight: bold;\r\n        letter-spacing: 2px;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* Decorative Glows *\/\r\n    .glow-spot {\r\n        position: absolute;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: #C09C60;\r\n        filter: blur(120px);\r\n        border-radius: 50%;\r\n        opacity: 0.1;\r\n        pointer-events: none;\r\n    }\r\n    .glow-left { top: -100px; left: -100px; }\r\n    .glow-right { bottom: -100px; right: -100px; }\r\n\r\n<\/style>\r\n\r\n<div class=\"closing-section\">\r\n    <div class=\"closing-container\">\r\n        <div class=\"statement-card\">\r\n            <div class=\"glow-spot glow-left\"><\/div>\r\n            <div class=\"glow-spot glow-right\"><\/div>\r\n            \r\n            <svg class=\"bg-quote-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                <path d=\"M14.017 21L14.017 18C14.017 16.8954 14.9124 16 16.017 16H19.017C19.5693 16 20.017 15.5523 20.017 15V9C20.017 8.44772 19.5693 8 19.017 8H15.017C14.4647 8 14.017 8.44772 14.017 9V11C14.017 11.5523 13.5693 12 13.017 12H12.017V5H22.017V15C22.017 18.3137 19.3307 21 16.017 21H14.017ZM5.0166 21L5.0166 18C5.0166 16.8954 5.91203 16 7.0166 16H10.0166C10.5689 16 11.0166 15.5523 11.0166 15V9C11.0166 8.44772 10.5689 8 10.0166 8H6.0166C5.46432 8 5.0166 8.44772 5.0166 9V11C5.0166 11.5523 4.56889 12 4.0166 12H3.0166V5H13.0166V15C13.0166 18.3137 10.3303 21 7.0166 21H5.0166Z\"><\/path>\r\n            <\/svg>\r\n            \r\n            <div class=\"statement-content\">\r\n                <p class=\"statement-text-primary\">\r\n                    <span class=\"highlight-intro\">( We founded Delzhin to )<\/span>\r\n                    Combine youthful passion, accumulated experience, and deep knowledge, making commerce, honesty, and goodwill the core of our business. With the dedication of our professional and committed team, we strive to secure a well-deserved share of global trade.\r\n                <\/p>\r\n                <div class=\"statement-divider\"><\/div>\r\n                <p class=\"statement-text-secondary\">\r\n                    We hope that alongside our valued partners\u2014including colleagues, cargo owners, and esteemed suppliers\u2014Delzhin\u2019s future steps will be taken with the same unwavering stability, yet reaching greater heights than ever before.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Reliable Partner in International Trade Delzhin HoldingWelcome To The Next Level Providing innovative and integrated supply chain solutions. Relying on experience and expertise, we bridge the gap between origin and destination with speed and security. Request Transport View Services Trade Association Member Iran Chamber of Commerce IRU Member FIATA Our Comprehensive Services Complete coverage [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/637","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=637"}],"version-history":[{"count":6,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/637\/revisions"}],"predecessor-version":[{"id":723,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/637\/revisions\/723"}],"wp:attachment":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/media?parent=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}