{"id":686,"date":"2026-01-01T10:06:47","date_gmt":"2026-01-01T06:36:47","guid":{"rendered":"https:\/\/delzhinco.com\/%d8%b3%d8%b1%d9%88%db%8c%d8%b3-%d9%87%d8%a7\/"},"modified":"2026-02-23T11:01:30","modified_gmt":"2026-02-23T07:31:30","slug":"services","status":"publish","type":"page","link":"https:\/\/delzhinco.com\/en\/services\/","title":{"rendered":"services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"686\" class=\"elementor elementor-686 elementor-135\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8f3c2a e-flex e-con-boxed e-con e-parent\" data-id=\"c8f3c2a\" 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-3617aea elementor-widget elementor-widget-html\" data-id=\"3617aea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\n    #canvas-container {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100vh;\n        z-index: -1; \/* \u0632\u06cc\u0631 \u062a\u0645\u0627\u0645 \u0645\u062d\u062a\u0648\u0627 *\/\n        opacity: 0.5;\n        pointer-events: none; \/* \u06a9\u0644\u06cc\u06a9\u200c\u0647\u0627 \u0627\u0632 \u0622\u0646 \u0631\u062f \u0634\u0648\u0646\u062f *\/\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 *\/\n    }\n<\/style>\n\n<div id=\"canvas-container\"><\/div>\n\n<script src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/01\/three.min_.js\"><\/script>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\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\n        if (typeof THREE === 'undefined') {\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.');\n            return;\n        }\n\n        const canvasContainer = document.getElementById('canvas-container');\n        \n        \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0635\u062d\u0646\u0647\n        const scene = new THREE.Scene();\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)\n        scene.fog = new THREE.FogExp2(0x050A14, 0.002);\n\n        const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n        camera.position.z = 15;\n        camera.position.y = 5;\n\n        const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n        renderer.setSize(window.innerWidth, window.innerHeight);\n        renderer.setPixelRatio(window.devicePixelRatio);\n        canvasContainer.appendChild(renderer.domElement);\n\n        \/\/ \u0630\u0631\u0627\u062a (Particles)\n        const particlesGeometry = new THREE.BufferGeometry();\n        const particlesCount = 1800;\n        const posArray = new Float32Array(particlesCount * 3);\n\n        for(let i = 0; i < particlesCount * 3; i++) {\n            const phi = Math.acos(-1 + (2 * i) \/ particlesCount);\n            const theta = Math.sqrt(particlesCount * Math.PI) * phi;\n            const r = 9; \n            \n            posArray[i*3] = r * Math.cos(theta) * Math.sin(phi);\n            posArray[i*3+1] = r * Math.sin(theta) * Math.sin(phi);\n            posArray[i*3+2] = r * Math.cos(phi);\n        }\n\n        particlesGeometry.setAttribute('position', new THREE.BufferAttribute(posArray, 3));\n        \n        \/\/ \u0631\u0646\u06af \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0646\u062f (#C09C60)\n        const particlesMaterial = new THREE.PointsMaterial({ \n            size: 0.04, \n            color: 0xC09C60, \n            transparent: true, \n            opacity: 0.6 \n        });\n        \n        const particlesMesh = new THREE.Points(particlesGeometry, particlesMaterial);\n        scene.add(particlesMesh);\n\n        \/\/ \u062d\u0644\u0642\u0647\u200c\u0647\u0627\n        const lineMaterial = new THREE.LineBasicMaterial({ color: 0x6B7280, transparent: true, opacity: 0.1 });\n        for(let j=0; j<6; j++) {\n            const ringGeo = new THREE.TorusGeometry(9.2 + (j*0.6), 0.02, 32, 100);\n            const ringMesh = new THREE.Mesh(ringGeo, lineMaterial);\n            ringMesh.rotation.x = Math.random() * Math.PI;\n            ringMesh.rotation.y = Math.random() * Math.PI;\n            scene.add(ringMesh);\n        }\n\n        \/\/ \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0645\u0648\u0633\n        let mouseX = 0; let mouseY = 0; let targetX = 0; let targetY = 0;\n        const windowHalfX = window.innerWidth \/ 2;\n        const windowHalfY = window.innerHeight \/ 2;\n\n        document.addEventListener('mousemove', (event) => {\n            mouseX = (event.clientX - windowHalfX);\n            mouseY = (event.clientY - windowHalfY);\n        });\n\n        \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0644\u0648\u067e\n        const clock = new THREE.Clock();\n        function animate() {\n            requestAnimationFrame(animate);\n\n            targetX = mouseX * 0.0005;\n            targetY = mouseY * 0.0005;\n\n            particlesMesh.rotation.y += 0.001;\n            particlesMesh.rotation.x += 0.0002;\n\n            particlesMesh.rotation.y += 0.05 * (targetX - particlesMesh.rotation.y);\n            particlesMesh.rotation.x += 0.05 * (targetY - particlesMesh.rotation.x);\n\n            scene.children.forEach(child => {\n                if(child.type === 'Mesh') {\n                    child.rotation.x += 0.001;\n                    child.rotation.y += 0.001;\n                }\n            });\n\n            renderer.render(scene, camera);\n        }\n\n        animate();\n\n        \/\/ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\n        window.addEventListener('resize', () => {\n            camera.aspect = window.innerWidth \/ window.innerHeight;\n            camera.updateProjectionMatrix();\n            renderer.setSize(window.innerWidth, window.innerHeight);\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8dee1f4 e-con-full e-flex e-con e-parent\" data-id=\"8dee1f4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56f5bf6 elementor-widget elementor-widget-html\" data-id=\"56f5bf6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       SERVICES HERO STYLES (English - LTR)\r\n       ========================================= *\/\r\n    :root {\r\n        --gold: #C09C60;\r\n        --gold-light: #e0cca3;\r\n    }\r\n\r\n    .services-hero-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to Left-to-Right *\/\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: 100px 20px 80px;\r\n        background-color: #050A14;\r\n        text-align: center;\r\n    }\r\n\r\n    .hero-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* Badge Style *\/\r\n    .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        padding: 6px 16px;\r\n        background: rgba(192, 156, 96, 0.1);\r\n        border: 1px solid rgba(192, 156, 96, 0.3);\r\n        border-radius: 99px;\r\n        margin-bottom: 24px;\r\n        backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .hero-badge span {\r\n        color: var(--gold);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Title & Typography *\/\r\n    .hero-title {\r\n        color: white;\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        line-height: 1.2;\r\n        margin-bottom: 20px;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .hero-title { font-size: 4.5rem; }\r\n    }\r\n\r\n    .text-gradient-gold {\r\n        background: linear-gradient(to right, var(--gold-light), var(--gold));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .glow-text {\r\n        text-shadow: 0 0 30px rgba(192, 156, 96, 0.4);\r\n    }\r\n\r\n    .hero-description {\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        color: #9ca3af;\r\n        font-size: 1.125rem;\r\n        line-height: 1.6;\r\n        font-weight: 300;\r\n    }\r\n\r\n    \/* Decorative Background *\/\r\n    .hero-bg-glow {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(192, 156, 96, 0.15) 0%, transparent 70%);\r\n        filter: blur(60px);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Animations *\/\r\n    .fade-in-down { animation: fadeInDown 0.8s ease-out; }\r\n    .fade-in-up { animation: fadeInUp 0.8s ease-out 0.2s backwards; }\r\n\r\n    @keyframes fadeInDown {\r\n        from { opacity: 0; transform: translateY(-20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes fadeInUp {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"services-hero-wrapper\">\r\n    <div class=\"hero-container\">\r\n        \r\n        <div class=\"hero-badge fade-in-down\">\r\n            <span>End-to-End Logistics<\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"hero-title fade-in-up\">\r\n            Comprehensive <span class=\"text-gradient-gold glow-text\">Logistics & Trade<\/span> Solutions\r\n        <\/h1>\r\n        \r\n        <p class=\"hero-description fade-in-up\">\r\n            From international freight forwarding to commercial consulting; we are with you every step of the way.\r\n        <\/p>\r\n        \r\n    <\/div>\r\n\r\n    <div class=\"hero-bg-glow\"><\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4813ec e-con-full e-flex e-con e-parent\" data-id=\"c4813ec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f8bd4 elementor-widget elementor-widget-html\" data-id=\"d4f8bd4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Main Container & Font Settings *\/\r\n    .dz-trade-wrapper {\r\n        font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        padding: 5rem 1rem;\r\n        box-sizing: border-box;\r\n        color: white;\r\n    }\r\n\r\n    \/* Color Variables *\/\r\n    .dz-trade-wrapper {\r\n        --dz-gold: #C09C60;\r\n        --dz-gold-hover: #b08d55;\r\n        --dz-text-white: #ffffff;\r\n        --dz-text-gray: #d1d5db;\r\n        --dz-glass-bg: rgba(255, 255, 255, 0.02);\r\n        --dz-border: rgba(192, 156, 96, 0.3);\r\n    }\r\n\r\n    \/* Main Glass Card Body *\/\r\n    .dz-glass-card {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        padding: 2rem;\r\n        background: var(--dz-glass-bg);\r\n        border: 1px solid var(--dz-border);\r\n        border-radius: 24px;\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .dz-glass-card { padding: 3rem; }\r\n    }\r\n\r\n    \/* Main Grid Layout *\/\r\n    .dz-main-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n        align-items: center;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .dz-main-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n\r\n    \/* Column Ordering for LTR (Text left, Media right) *\/\r\n    .dz-content-col { order: 1; }\r\n    .dz-media-col { order: 2; }\r\n\r\n    \/* Title & Description *\/\r\n    .dz-title {\r\n        font-size: 1.875rem;\r\n        font-weight: 700;\r\n        color: var(--dz-text-white);\r\n        margin-bottom: 1.5rem;\r\n        line-height: 1.2;\r\n    }\r\n    @media (min-width: 768px) { .dz-title { font-size: 2.25rem; } }\r\n\r\n    .dz-desc {\r\n        color: var(--dz-text-gray);\r\n        line-height: 1.8;\r\n        margin-bottom: 2rem;\r\n        text-align: left; \/* Changed from justify\/right to left *\/\r\n    }\r\n\r\n    \/* Features Grid *\/\r\n    .dz-features-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n    @media (min-width: 640px) {\r\n        .dz-features-grid { grid-template-columns: 1fr 1fr; }\r\n    }\r\n\r\n    \/* Individual Feature Box *\/\r\n    .dz-feature-box {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 12px;\r\n        padding: 1rem;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .dz-feature-box:hover {\r\n        background: rgba(192, 156, 96, 0.1);\r\n        border-color: var(--dz-gold);\r\n    }\r\n    .dz-feature-title {\r\n        color: var(--dz-gold);\r\n        font-weight: 700;\r\n        font-size: 0.875rem;\r\n        margin-bottom: 0.25rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n    }\r\n    .dz-feature-desc {\r\n        font-size: 0.75rem;\r\n        color: #9ca3af;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Button *\/\r\n    .dz-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.75rem 1.5rem;\r\n        background-color: var(--gold);\r\n        color: #050A14;\r\n        font-weight: 700;\r\n        border-radius: 0.75rem;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 0 20px rgba(192, 156, 96, 0.3);\r\n    }\r\n    .dz-btn:hover {\r\n        background-color: var(--dz-gold-hover);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Media Section *\/\r\n    .media-card {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 20px;\r\n        height: 100%;\r\n        min-height: 300px;\r\n    }\r\n\r\n    .media-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.7s ease;\r\n    }\r\n    .media-card:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .play-btn-small {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: rgba(192, 156, 96, 0.9);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s;\r\n    }\r\n    .media-card:hover .play-btn-small {\r\n        transform: scale(1.1);\r\n        background-color: white;\r\n    }\r\n\r\n    \/* SVG Icon Alignment *\/\r\n    .dz-icon { width: 1.25rem; height: 1.25rem; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; }\r\n<\/style>\r\n\r\n<div class=\"dz-trade-wrapper\">\r\n    <div class=\"dz-glass-card\">\r\n        <div class=\"dz-main-grid\">\r\n            \r\n            <div class=\"dz-content-col\">\r\n                <h2 class=\"dz-title\">Commercial Services & Customs Clearance<\/h2>\r\n                <p class=\"dz-desc\">\r\n                    Delzhin is more than just a transport company; we are your strategic business partner. Our commercial team, with deep expertise in international and customs regulations, manages every stage of import and export for you.\r\n                <\/p>\r\n                \r\n                <div class=\"dz-features-grid\">\r\n                    <div class=\"dz-feature-box\">\r\n                        <h4 class=\"dz-feature-title\">\r\n                            <svg class=\"dz-icon\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\r\n                            Global Sourcing\r\n                        <\/h4>\r\n                        <p class=\"dz-feature-desc\">Identifying and verifying the most reliable global suppliers.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"dz-feature-box\">\r\n                        <h4 class=\"dz-feature-title\">\r\n                            <svg class=\"dz-icon\" viewBox=\"0 0 24 24\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"\/><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"\/><path d=\"m9 15 2 2 4-4\"\/><\/svg>\r\n                            Customs Affairs\r\n                        <\/h4>\r\n                        <p class=\"dz-feature-desc\">Handling customs formalities and obtaining necessary permits.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"dz-feature-box\">\r\n                        <h4 class=\"dz-feature-title\">\r\n                            <svg class=\"dz-icon\" viewBox=\"0 0 24 24\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"\/><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/><\/svg>\r\n                            Currency Remittances\r\n                        <\/h4>\r\n                        <p class=\"dz-feature-desc\">Facilitating secure international payment solutions.<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"dz-feature-box\">\r\n                        <h4 class=\"dz-feature-title\">\r\n                            <svg class=\"dz-icon\" viewBox=\"0 0 24 24\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                            Expert Consulting\r\n                        <\/h4>\r\n                        <p class=\"dz-feature-desc\">Professional guidance for drafting commercial contracts.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"tel:+982132867000\" class=\"dz-btn\">\r\n                    Request Commercial Consulting\r\n                    <svg class=\"dz-icon\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"dz-media-col\">\r\n                <div class=\"media-card group cursor-pointer\">\r\n                    <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/02\/photo-1454165804606-c3d57bc86b40.jpg\" class=\"filter brightness-75\" alt=\"Commercial Services\">\r\n                    <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                        <div class=\"play-btn-small\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\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-dbc6635 e-con-full e-flex e-con e-parent\" data-id=\"dbc6635\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b270a2 elementor-widget elementor-widget-html\" data-id=\"2b270a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<style>\r\n    :root { --gold: #C09C60; }\r\n\r\n    .services-list-section { \r\n        font-family: 'Inter', -apple-system, sans-serif; \r\n        direction: ltr; \/* Changed to LTR *\/\r\n        color: white; \r\n        background-color: #0f172a; \r\n    }\r\n    .py-16 { padding-top: 4rem; padding-bottom: 4rem; }\r\n    .bg-white\\\/5 { background-color: rgba(255, 255, 255, 0.05); }\r\n    .border-y { border-top-width: 1px; border-bottom-width: 1px; }\r\n    .border-white\\\/5 { border-color: rgba(255, 255, 255, 0.05); }\r\n    .max-w-7xl { max-width: 80rem; }\r\n    .mx-auto { margin-left: auto; margin-right: auto; }\r\n    .px-4 { padding-left: 1rem; padding-right: 1rem; }\r\n    .grid { display: grid; }\r\n    .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\r\n    .gap-12 { gap: 3rem; }\r\n    .gap-4 { gap: 1rem; }\r\n    .items-center { align-items: center; }\r\n    .h-\\[350px\\] { height: 350px; }\r\n    .relative { position: relative; }\r\n    .absolute { position: absolute; }\r\n    .inset-0 { inset: 0; }\r\n    .flex { display: flex; }\r\n    .justify-center { justify-content: center; }\r\n    .rounded-xl { border-radius: 0.75rem; }\r\n    .mb-6 { margin-bottom: 1.5rem; }\r\n    .mb-4 { margin-bottom: 1rem; }\r\n    .mb-8 { margin-bottom: 2rem; }\r\n    .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\r\n    .font-bold { font-weight: 700; }\r\n    .text-gray-400 { color: #9ca3af; }\r\n    .leading-relaxed { line-height: 1.625; }\r\n    .text-left { text-align: left; }\r\n    .w-12 { width: 3rem; }\r\n    .h-12 { height: 3rem; }\r\n    .w-6 { width: 1.5rem; }\r\n    .h-6 { height: 1.5rem; }\r\n    .text-white { color: #fff; }\r\n    .text-sm { font-size: 0.875rem; }\r\n    .bottom-4 { bottom: 1rem; }\r\n    .left-4 { left: 1rem; } \/* Changed from right to left *\/\r\n\r\n    \/* Media Card Styles *\/\r\n    .media-card { position: relative; overflow: hidden; border-radius: 0.75rem; height: 100%; }\r\n    .media-card img { width: 100%; height: 100%; object-fit: cover; }\r\n    .bg-gradient-to-t { background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); }\r\n    .filter.brightness-75 { filter: brightness(0.75); }\r\n    .play-btn-small { width: 3rem; height: 3rem; background: var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; }\r\n\r\n    @media (min-width: 640px) { .sm\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } }\r\n    @media (min-width: 768px) { .md\\:col-span-1 { grid-column: span 1 \/ span 1; } }\r\n    @media (min-width: 1024px) { \r\n        .lg\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n        .lg\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\r\n    }\r\n\r\n    \/* List Item Styles *\/\r\n    .service-list-item { display: flex; align-items: center; gap: 10px; color: #d1d5db; margin-bottom: 10px; }\r\n    .service-dot { width: 8px; height: 8px; background-color: var(--gold); border-radius: 50%; box-shadow: 0 0 10px rgba(192, 156, 96, 0.5); flex-shrink: 0; }\r\n<\/style>\r\n\r\n<div class=\"services-list-section\">\r\n    <section class=\"py-16 bg-white\/5 border-y border-white\/5\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div class=\"grid grid-cols-2 gap-4 h-[350px]\">\r\n                    <div class=\"col-span-2 md:col-span-1 media-card group cursor-pointer\">\r\n                        <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/02\/photo-1559297434-fae8a1916a79.jpg\" class=\"filter brightness-75\" alt=\"Air Freight\">\r\n                        <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                            <div class=\"play-btn-small\"><i data-lucide=\"play\" class=\"w-6 h-6 text-white\" style=\"fill:white\"><\/i><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center mb-6\" style=\"background:rgba(192,156,96,0.1); border:1px solid rgba(192,156,96,0.3); color:#C09C60;\">\r\n                        <i data-lucide=\"plane\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl font-bold text-white mb-4\">Air Freight<\/h2>\r\n                    <p class=\"text-gray-400 leading-relaxed mb-6 text-left\">Delzhin's air freight service is the fastest solution for time-sensitive shipments. In collaboration with major international airlines, we provide cargo shipping to over 200 global destinations.<\/p>\r\n                    <ul class=\"mb-8\" style=\"list-style:none; padding:0;\">\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Express Delivery (Door to Door)<\/li>\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Perishable Goods Transport (Cold Chain)<\/li>\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Full Charter and Groupage Services<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div class=\"order-2 lg:order-1\">\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center mb-6\" style=\"background:rgba(192,156,96,0.1); border:1px solid rgba(192,156,96,0.3); color:#C09C60;\">\r\n                        <i data-lucide=\"anchor\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl font-bold text-white mb-4\">Sea Freight<\/h2>\r\n                    <p class=\"text-gray-400 leading-relaxed mb-6 text-left\">Our cost-effective solution for heavy and bulky cargo. We provide Full Container Load (FCL) and Less than Container Load (LCL) services from all major global ports to Iran and vice versa.<\/p>\r\n                    <ul class=\"mb-8\" style=\"list-style:none; padding:0;\">\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Reefer and Open Top Containers<\/li>\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Cross-stuffing Services in Jebel Ali<\/li>\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Worldwide Switch Bill of Lading Issuance<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"order-1 lg:order-2 grid grid-cols-2 gap-4 h-[350px]\">\r\n                    <div class=\"col-span-2 md:col-span-1 media-card group cursor-pointer\">\r\n                        <img decoding=\"async\" src=\"https:\/\/delzhinco.com\/wp-content\/uploads\/2026\/02\/photo-1541457523724-95f54f7740cc.jpg\" class=\"filter brightness-75\" alt=\"Sea Freight\">\r\n                        <div class=\"absolute inset-0 flex items-center justify-center\">\r\n                            <div class=\"play-btn-small\"><i data-lucide=\"play\" class=\"w-6 h-6 text-white\" style=\"fill:white\"><\/i><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"py-16 bg-white\/5 border-y border-white\/5\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n                <div class=\"grid grid-cols-2 gap-4 h-[350px]\">\r\n                    <div class=\"col-span-2 md:col-span-1 media-card group\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519003722824-194d4455a60c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Road Fleet\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t\"><\/div>\r\n                        <div class=\"absolute bottom-4 left-4 text-white text-sm font-bold\">Road Fleet<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <div class=\"w-12 h-12 rounded-xl flex items-center justify-center mb-6\" style=\"background:rgba(192,156,96,0.1); border:1px solid rgba(192,156,96,0.3); color:#C09C60;\">\r\n                        <i data-lucide=\"truck\" class=\"w-6 h-6\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl font-bold text-white mb-4\">Road Freight<\/h2>\r\n                    <p class=\"text-gray-400 leading-relaxed mb-6 text-left\">Delzhin's modern road transport fleet is a reliable bridge between Iran, Europe, and CIS countries. Utilizing standard tent and refrigerated trucks (CMR), we manage your shipments across borders with precision.<\/p>\r\n                    <ul class=\"mb-8\" style=\"list-style:none; padding:0;\">\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Domestic and International Transit<\/li>\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Project Cargo and Oversized Transport<\/li>\r\n                        <li class=\"service-list-item\"><span class=\"service-dot\"><\/span> Direct and Transshipment Services<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    if (typeof lucide !== 'undefined') {\r\n        lucide.createIcons();\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54a0d22 e-con-full e-flex e-con e-parent\" data-id=\"54a0d22\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9602ded elementor-widget elementor-widget-html\" data-id=\"9602ded\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n<style>\r\n    :root {\r\n        --gold: #C09C60;\r\n        --navy-dark: #050A14;\r\n    }\r\n\r\n    \/* English Layout - LTR *\/\r\n    .cta-wrapper {\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n        direction: ltr; \/* Changed to LTR *\/\r\n        position: relative;\r\n        z-index: 10;\r\n        color: white;\r\n        padding-top: 6rem;\r\n        padding-bottom: 6rem;\r\n    }\r\n\r\n    .max-w-5xl { max-width: 64rem; }\r\n    .mx-auto { margin-left: auto; margin-right: auto; }\r\n    .px-4 { padding-left: 1rem; padding-right: 1rem; }\r\n    .relative { position: relative; }\r\n    .z-10 { z-index: 10; }\r\n    .text-center { text-align: center; }\r\n    .mb-6 { margin-bottom: 1.5rem; }\r\n    .mb-10 { margin-bottom: 2.5rem; }\r\n    .max-w-2xl { max-width: 42rem; }\r\n    .text-lg { font-size: 1.125rem; }\r\n    .font-light { font-weight: 300; }\r\n    .leading-relaxed { line-height: 1.625; }\r\n    .leading-tight { line-height: 1.25; }\r\n    .flex { display: flex; }\r\n    .flex-col { flex-direction: column; }\r\n    .justify-center { justify-content: center; }\r\n    .gap-5 { gap: 1.25rem; }\r\n    .gap-2 { gap: 0.5rem; }\r\n    .items-center { align-items: center; }\r\n    .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }\r\n    .py-4 { padding-top: 1rem; padding-bottom: 1rem; }\r\n    .rounded-xl { border-radius: 0.75rem; }\r\n    .w-5 { width: 1.25rem; }\r\n    .h-5 { height: 1.25rem; }\r\n    .text-gray-300 { color: #d1d5db; }\r\n    .font-bold { font-weight: 700; }\r\n    .text-3xl { font-size: 1.875rem; }\r\n\r\n    \/* CTA Card Styles *\/\r\n    .cta-card {\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border: 1px solid rgba(192, 156, 96, 0.3);\r\n        box-shadow: 0 0 50px rgba(0,0,0,0.5);\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: transform 0.3s ease;\r\n        border-radius: 2.5rem;\r\n        padding: 2.5rem;\r\n    }\r\n\r\n    .cta-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: rgba(192, 156, 96, 0.5);\r\n    }\r\n\r\n    .cta-tint {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: var(--gold);\r\n        opacity: 0.03;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .glow-spot {\r\n        position: absolute;\r\n        width: 200px;\r\n        height: 200px;\r\n        background: var(--gold);\r\n        filter: blur(80px);\r\n        opacity: 0.15;\r\n        border-radius: 50%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Positioned for LTR balance *\/\r\n    .top-0 { top: 0; }\r\n    .right-0 { right: 0; }\r\n    .bottom-0 { bottom: 0; }\r\n    .left-0 { left: 0; }\r\n    \r\n    .cta-card .top-left-glow { top: 0; left: 0; transform: translate(-50%, -50%); }\r\n    .cta-card .bottom-right-glow { bottom: 0; right: 0; transform: translate(50%, 50%); }\r\n\r\n    .btn-gold {\r\n        background-color: var(--gold);\r\n        color: #050A14;\r\n        font-weight: bold;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 0 20px rgba(192, 156, 96, 0.2);\r\n    }\r\n    \r\n    .btn-gold:hover {\r\n        background-color: #b08d55;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 30px rgba(192, 156, 96, 0.4);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (min-width: 640px) {\r\n        .sm\\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }\r\n        .sm\\:flex-row { flex-direction: row; }\r\n    }\r\n    @media (min-width: 768px) {\r\n        .md\\:p-16 { padding: 4rem; }\r\n        .md\\:text-5xl { font-size: 3rem; }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        .lg\\:px-8 { padding-left: 2rem; padding-right: 2rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"cta-wrapper\">\r\n    <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"cta-card text-center relative group\">\r\n            <div class=\"cta-tint\"><\/div>\r\n            \r\n            <div class=\"glow-spot top-left-glow\"><\/div>\r\n            <div class=\"glow-spot bottom-right-glow\"><\/div>\r\n\r\n            <div class=\"relative z-10\">\r\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 leading-tight\">\r\n                    Ready to Start a <span style=\"color: var(--gold);\">Profitable<\/span> Partnership?\r\n                <\/h2>\r\n                \r\n                <p class=\"text-gray-300 mb-10 max-w-2xl mx-auto text-lg font-light leading-relaxed\">\r\n                    Our team of experts is ready to provide free consultation and design the optimal transport route for your cargo. Get your quote today.\r\n                <\/p>\r\n                \r\n                <div class=\"flex flex-col sm:flex-row justify-center gap-5\">\r\n                    <a href=\"tel:+982132867000\" class=\"btn-gold px-10 py-4 rounded-xl flex items-center justify-center gap-2 text-lg\">\r\n                        Get a Consultation \r\n                        <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    if (typeof lucide !== 'undefined') {\r\n        lucide.createIcons();\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>End-to-End Logistics Comprehensive Logistics &#038; Trade Solutions From international freight forwarding to commercial consulting; we are with you every step of the way. Commercial Services &#038; Customs Clearance Delzhin is more than just a transport company; we are your strategic business partner. Our commercial team, with deep expertise in international and customs regulations, manages every [&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-686","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/686","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=686"}],"version-history":[{"count":5,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/686\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/pages\/686\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/delzhinco.com\/en\/wp-json\/wp\/v2\/media?parent=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}