{"id":1162,"date":"2025-12-12T06:36:39","date_gmt":"2025-12-12T06:36:39","guid":{"rendered":"https:\/\/demo.zieno.com.tr\/?page_id=1162"},"modified":"2026-01-20T19:47:36","modified_gmt":"2026-01-20T19:47:36","slug":"%d8%a7%d9%84%d8%aa%d8%b5%d8%af%d9%8a%d8%b1","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/ar\/%d8%a7%d9%84%d8%aa%d8%b5%d8%af%d9%8a%d8%b1\/","title":{"rendered":"\u0627\u0644\u062a\u0635\u062f\u064a\u0631"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0627\u0644\u0639\u0627\u0644\u0645\u064a | ZIENO<\/title>\r\n\r\n<!-- Custom Fonts -->\r\n<style>\r\n@font-face {\r\n font-family: 'Black Mango';\r\n src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/black-mango-regular.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n@font-face {\r\n font-family: 'DIN Next LT Pro';\r\n src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/din-next-lt-pro-regular.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n<\/style>\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<!-- Swiper.js CSS -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n\r\n<!-- AOS - Animate On Scroll -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.css\">\r\n\r\n<style>\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nhtml.lenis, html.lenis body {\r\n height: auto;\r\n}\r\n\r\n.lenis.lenis-smooth {\r\n scroll-behavior: auto !important;\r\n}\r\n\r\n.lenis.lenis-smooth [data-lenis-prevent] {\r\n overscroll-behavior: contain;\r\n}\r\n\r\n.lenis.lenis-stopped {\r\n overflow: hidden;\r\n}\r\n\r\n.lenis.lenis-scrolling iframe {\r\n pointer-events: none;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background: #ffffff;\r\n font-family: 'DIN Next LT Pro', sans-serif !important;\r\n color: #1a1a1a;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* ========================================\r\n HERO SECTION\r\n======================================== *\/\r\n.hero {\r\n position: relative;\r\n height: 800px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n background: #0a0a0a url('https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop') center\/cover no-repeat;\r\n color: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero {\r\n height: auto;\r\n min-height: 100vh;\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n.hero::before,\r\n.hero::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n}\r\n\r\n.hero::before {\r\n background: #000;\r\n opacity: 0.4;\r\n z-index: 1;\r\n}\r\n\r\n.hero::after {\r\n background: rgba(0,0,0,0.2);\r\n z-index: 2;\r\n}\r\n\r\n.hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n}\r\n\r\n.hero-video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 0;\r\n filter: saturate(0.8) brightness(0.7) blur(8px);\r\n transform: scale(1.05);\r\n transform-origin: center center;\r\n}\r\n\r\n.hero-overlay {\r\n display: none;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 60px 0;\r\n text-align: center;\r\n color: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: 100%;\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .hero-content {\r\n padding: 60px 20px;\r\n }\r\n}\r\n\r\n.hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 22px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: #fff;\r\n margin-bottom: 24px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-badge i {\r\n font-size: 13px;\r\n color: #fff;\r\n}\r\n\r\n.hero h1 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(38px, 7vw, 76px);\r\n font-weight: 400;\r\n margin: 0 0 18px;\r\n line-height: 1.1;\r\n letter-spacing: -0.03em;\r\n color: #fff;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n}\r\n\r\n.hero h1 .line {\r\n display: block;\r\n overflow: hidden;\r\n}\r\n\r\n.hero h1 .line span {\r\n display: block;\r\n}\r\n\r\n.hero-subtitle {\r\n font-size: clamp(14px, 1.5vw, 16px);\r\n color: rgba(255,255,255,0.85);\r\n max-width: 100%;\r\n margin: 0 auto 48px;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n margin-top: 0;\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 960px) {\r\n .hero-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n }\r\n}\r\n\r\n.hero-stat {\r\n background: #fff;\r\n border: 1px solid rgba(0,0,0,0.06);\r\n border-radius: 12px;\r\n padding: 20px;\r\n text-align: left;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n}\r\n\r\n.hero-stat:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hero-stat-label {\r\n font-size: 12px;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: #666;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.hero-stat-number {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 34px;\r\n font-weight: 400;\r\n display: block;\r\n line-height: 1.1;\r\n margin-bottom: 6px;\r\n color: #1a1a1a;\r\n}\r\n\r\n.hero-stat-desc {\r\n margin: 0;\r\n color: #666;\r\n font-size: 13px;\r\n line-height: 1.2;\r\n display: block;\r\n}\r\n\r\n.scroll-indicator {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 3;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.scroll-indicator:hover {\r\n color: rgba(255,255,255,0.8);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .scroll-indicator {\r\n display: none;\r\n }\r\n}\r\n\r\n.scroll-indicator .scroll-line {\r\n width: 1px;\r\n height: 60px;\r\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.scroll-indicator .scroll-line::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 30px;\r\n background: #fff;\r\n animation: scrollLine 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollLine {\r\n 0% { transform: translateY(-100%); }\r\n 100% { transform: translateY(200%); }\r\n}\r\n\r\n\/* ========================================\r\n COMMON STYLES\r\n======================================== *\/\r\n.page-wrapper {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n}\r\n\r\n.hero .page-wrapper {\r\n max-width: 100%;\r\n padding: 0 24px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .page-wrapper {\r\n padding: 0 20px;\r\n }\r\n \r\n .hero .page-wrapper {\r\n padding: 0 20px;\r\n }\r\n}\r\n\r\n.section {\r\n padding: 120px 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section {\r\n padding: 80px 0;\r\n }\r\n}\r\n\r\n.section-header {\r\n text-align: center;\r\n max-width: 750px;\r\n margin: 0 auto 80px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-header {\r\n margin-bottom: 50px;\r\n }\r\n}\r\n\r\n.section-label {\r\n display: inline-block;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 20px;\r\n padding: 10px 24px;\r\n border-radius: 50px;\r\n}\r\n\r\n\/* Light sections *\/\r\n.section-light .section-label {\r\n background: #e8e8e6;\r\n color: #555;\r\n}\r\n\r\n.section-light .section-header h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(36px, 5vw, 60px);\r\n font-weight: 400;\r\n margin: 0 0 24px;\r\n color: #1a1a1a;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.section-light .section-header p {\r\n font-size: clamp(15px, 2vw, 18px);\r\n color: #666;\r\n line-height: 1.8;\r\n}\r\n\r\n\/* Dark sections *\/\r\n.section-dark {\r\n background: #0a0a0a;\r\n color: #fff;\r\n}\r\n\r\n.section-dark .section-label {\r\n background: rgba(255,255,255,0.1);\r\n color: rgba(255,255,255,0.7);\r\n}\r\n\r\n.section-dark .section-header h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(36px, 5vw, 60px);\r\n font-weight: 400;\r\n margin: 0 0 24px;\r\n color: #fff;\r\n letter-spacing: -0.02em;\r\n}\r\n\r\n.section-dark .section-header p {\r\n font-size: clamp(15px, 2vw, 18px);\r\n color: rgba(255,255,255,0.7);\r\n line-height: 1.8;\r\n}\r\n\r\n\/* ========================================\r\n INTRO SECTION\r\n======================================== *\/\r\n.intro-section {\r\n background: #f8f8f6;\r\n}\r\n\r\n.intro-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 100px;\r\n align-items: center;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .intro-grid {\r\n gap: 60px;\r\n }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .intro-grid {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n}\r\n\r\n.intro-content h2 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(32px, 4vw, 52px);\r\n font-weight: 400;\r\n margin: 0 0 32px;\r\n line-height: 1.15;\r\n color: #1a1a1a;\r\n}\r\n\r\n.intro-content p {\r\n font-size: clamp(15px, 1.5vw, 17px);\r\n color: #555;\r\n margin-bottom: 24px;\r\n line-height: 1.85;\r\n}\r\n\r\n.intro-highlight {\r\n background: #fff;\r\n border-left: 4px solid #1a1a1a;\r\n padding: 24px 28px;\r\n margin: 36px 0;\r\n border-radius: 0 16px 16px 0;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n}\r\n\r\n.intro-highlight p {\r\n margin: 0;\r\n font-size: clamp(15px, 1.5vw, 16px);\r\n font-style: italic;\r\n color: #444;\r\n}\r\n\r\n.intro-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-top: 40px;\r\n}\r\n\r\n@media (max-width: 500px) {\r\n .intro-features {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.intro-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 18px;\r\n background: #fff;\r\n border-radius: 14px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: default;\r\n}\r\n\r\n.intro-feature:hover {\r\n transform: translateX(8px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.intro-feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.intro-feature:hover .intro-feature-icon {\r\n transform: scale(1.1);\r\n}\r\n\r\n.intro-feature-text {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n.intro-image {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n}\r\n\r\n.intro-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n min-height: 550px;\r\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.intro-image:hover img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.intro-image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 40px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);\r\n}\r\n\r\n.intro-image-stats {\r\n display: flex;\r\n gap: 50px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .intro-image-stats {\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n.intro-image-stat-number {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(32px, 4vw, 42px);\r\n display: block;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n color: #fff;\r\n}\r\n\r\n.intro-image-stat-label {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.7);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n}\r\n\r\n\/* ========================================\r\n PROCESS SECTION\r\n======================================== *\/\r\n.process-section {\r\n background: #fff;\r\n}\r\n\r\n.process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n .process-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .process-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.process-card {\r\n text-align: center;\r\n padding: 40px 28px;\r\n background: #f8f8f6;\r\n border-radius: 20px;\r\n position: relative;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.process-card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n background: #fff;\r\n}\r\n\r\n.process-number {\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 36px;\r\n height: 36px;\r\n background: #1a1a1a;\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.process-icon {\r\n width: 72px;\r\n height: 72px;\r\n background: #fff;\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-size: 28px;\r\n color: #1a1a1a;\r\n border: 1px solid rgba(0,0,0,0.08);\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.process-card:hover .process-icon {\r\n background: #1a1a1a;\r\n color: #fff;\r\n transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.process-card h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: 22px;\r\n font-weight: 400;\r\n margin: 0 0 12px;\r\n color: #1a1a1a;\r\n}\r\n\r\n.process-card p {\r\n font-size: 14px;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ========================================\r\n REGIONS SECTION\r\n======================================== *\/\r\n.regions-section {\r\n background: #f8f8f6;\r\n}\r\n\r\n.regions-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n .regions-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .regions-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.region-card {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 48px 32px;\r\n text-align: center;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n color: #fff;\r\n min-height: 320px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.region-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.75) 100%);\r\n z-index: 1;\r\n transition: all 0.5s ease;\r\n}\r\n\r\n.region-card:hover::before {\r\n background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 100%);\r\n}\r\n\r\n.region-card::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0.5) 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 2;\r\n}\r\n\r\n.region-card:hover::after {\r\n transform: scaleX(1);\r\n}\r\n\r\n.region-card:hover {\r\n transform: translateY(-12px) scale(1.02);\r\n box-shadow: 0 40px 80px rgba(0,0,0,0.3);\r\n}\r\n\r\n.region-card > * {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.region-icon {\r\n width: 90px;\r\n height: 90px;\r\n background: rgba(255,255,255,0.15);\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 36px;\r\n margin: 0 auto 28px;\r\n transition: all 0.4s ease;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.region-card:hover .region-icon {\r\n background: rgba(255,255,255,0.25);\r\n transform: scale(1.1);\r\n}\r\n\r\n.region-card h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(24px, 3vw, 28px);\r\n font-weight: 400;\r\n margin: 0 0 14px;\r\n color: #fff;\r\n}\r\n\r\n.region-countries {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.8);\r\n margin: 0 0 24px;\r\n line-height: 1.6;\r\n}\r\n\r\n.region-stat {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.2);\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #fff;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.region-card.bg-europe {\r\n background: url('https:\/\/images.unsplash.com\/photo-1499856871958-5b9627545d1a?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n.region-card.bg-middleeast {\r\n background: url('https:\/\/images.unsplash.com\/photo-1512632578888-169bbbc64f33?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n.region-card.bg-africa {\r\n background: url('https:\/\/images.unsplash.com\/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n.region-card.bg-asia {\r\n background: url('https:\/\/images.unsplash.com\/photo-1559827260-dc66d52bef19?auto=format&fit=crop&w=1200&q=80') center\/cover;\r\n}\r\n\r\n\/* ========================================\r\n GALLERY SECTION - SWIPER\r\n======================================== *\/\r\n.gallery-section {\r\n display: none !important;\r\n}\r\n\r\n\/* ========================================\r\n EXPORT OPERATIONS MARQUEE\r\n======================================== *\/\r\n.export-marquee-section {\r\n background: #0a0a0a;\r\n padding: 60px 0;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.export-marquee-track {\r\n display: flex;\r\n width: 100%;\r\n overflow: visible;\r\n}\r\n\r\n.export-marquee-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n animation: marquee-scroll 40s linear infinite;\r\n will-change: transform;\r\n}\r\n\r\n@keyframes marquee-scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(-50%);\r\n }\r\n}\r\n\r\n.export-marquee-content:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n.export-marquee-text {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(24px, 3vw, 32px);\r\n color: #fff;\r\n white-space: nowrap;\r\n letter-spacing: -0.01em;\r\n}\r\n\r\n.export-marquee-img {\r\n width: clamp(50px, 6vw, 70px) !important;\r\n height: clamp(50px, 6vw, 70px) !important;\r\n object-fit: cover !important;\r\n border-radius: 50% !important;\r\n flex-shrink: 0;\r\n filter: grayscale(20%) brightness(0.9);\r\n transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n position: relative;\r\n border: 2px solid rgba(255,255,255,0.1);\r\n overflow: hidden !important;\r\n}\r\n\r\n.export-marquee-img:hover {\r\n filter: grayscale(0%) brightness(1) !important;\r\n transform: scale(2.5) !important;\r\n z-index: 100;\r\n border-color: rgba(255,255,255,0.3);\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\r\n border-radius: 12px !important;\r\n}\r\n\r\n\/* Tooltip *\/\r\n.export-marquee-img::after {\r\n content: attr(alt);\r\n position: absolute;\r\n bottom: calc(100% + 15px);\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n background: rgba(0,0,0,0.95);\r\n color: #fff;\r\n padding: 10px 16px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: all 0.3s ease;\r\n font-family: 'DIN Next LT Pro', sans-serif;\r\n letter-spacing: 0.02em;\r\n font-weight: 500;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n}\r\n\r\n.export-marquee-img::before {\r\n content: '';\r\n position: absolute;\r\n bottom: calc(100% + 7px);\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n border: 6px solid transparent;\r\n border-top-color: rgba(0,0,0,0.95);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.export-marquee-img:hover::after,\r\n.export-marquee-img:hover::before {\r\n opacity: 1;\r\n transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .gallery-section {\r\n padding: 100px 0;\r\n }\r\n}\r\n\r\n.gallery-section .section-header {\r\n margin-bottom: 70px;\r\n}\r\n\r\n\/* Swiper Container *\/\r\n.gallery-swiper {\r\n width: 100%;\r\n padding-bottom: 80px;\r\n}\r\n\r\n.gallery-swiper .swiper-slide {\r\n width: 70%;\r\n height: auto;\r\n opacity: 0.4;\r\n transform: scale(0.85);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .gallery-swiper .swiper-slide {\r\n width: 85%;\r\n }\r\n}\r\n\r\n.gallery-swiper .swiper-slide-active {\r\n opacity: 1;\r\n transform: scale(1);\r\n}\r\n\r\n.gallery-item {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n aspect-ratio: 16\/10;\r\n cursor: grab;\r\n}\r\n\r\n.gallery-item:active {\r\n cursor: grabbing;\r\n}\r\n\r\n.gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.swiper-slide-active .gallery-item img {\r\n transform: scale(1.05);\r\n}\r\n\r\n.gallery-item-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.9) 100%);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 50px;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .gallery-item-overlay {\r\n padding: 30px;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.swiper-slide-active .gallery-item-overlay {\r\n opacity: 1;\r\n}\r\n\r\n.gallery-item-number {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 0.2em;\r\n color: rgba(255,255,255,0.5);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.gallery-item-overlay h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(28px, 4vw, 40px);\r\n font-weight: 400;\r\n color: #fff;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.gallery-item-overlay p {\r\n font-size: clamp(14px, 1.5vw, 16px);\r\n color: rgba(255,255,255,0.7);\r\n margin: 0;\r\n max-width: 450px;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* Swiper Navigation & Pagination *\/\r\n.gallery-navigation {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px;\r\n margin-top: 50px;\r\n}\r\n\r\n.gallery-button-prev,\r\n.gallery-button-next {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.1);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n font-size: 20px;\r\n}\r\n\r\n.gallery-button-prev:hover,\r\n.gallery-button-next:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: scale(1.1);\r\n}\r\n\r\n.gallery-pagination {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.gallery-pagination .swiper-pagination-bullet {\r\n width: 12px;\r\n height: 12px;\r\n background: rgba(255,255,255,0.3);\r\n opacity: 1;\r\n transition: all 0.4s ease;\r\n border-radius: 6px;\r\n}\r\n\r\n.gallery-pagination .swiper-pagination-bullet-active {\r\n background: #fff;\r\n width: 36px;\r\n}\r\n\r\n.gallery-autoplay-progress {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 14px;\r\n}\r\n\r\n.gallery-autoplay-progress svg {\r\n width: 48px;\r\n height: 48px;\r\n transform: rotate(-90deg);\r\n}\r\n\r\n.gallery-autoplay-progress svg circle {\r\n fill: none;\r\n stroke: rgba(255,255,255,0.2);\r\n stroke-width: 2;\r\n}\r\n\r\n.gallery-autoplay-progress svg circle:last-child {\r\n stroke: #fff;\r\n stroke-dasharray: 126;\r\n stroke-dashoffset: 126;\r\n}\r\n\r\n\/* ========================================\r\n COUNTRIES MARQUEE\r\n======================================== *\/\r\n.countries-section {\r\n padding: 80px 0;\r\n background: #fff;\r\n overflow: hidden;\r\n}\r\n\r\n.countries-label {\r\n text-align: center;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n color: #888;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.marquee-wrapper {\r\n position: relative;\r\n}\r\n\r\n.marquee-wrapper::before,\r\n.marquee-wrapper::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 150px;\r\n z-index: 2;\r\n pointer-events: none;\r\n}\r\n\r\n.marquee-wrapper::before {\r\n left: 0;\r\n background: linear-gradient(to right, #fff, transparent);\r\n}\r\n\r\n.marquee-wrapper::after {\r\n right: 0;\r\n background: linear-gradient(to left, #fff, transparent);\r\n}\r\n\r\n.marquee-track {\r\n display: flex;\r\n width: max-content;\r\n animation: marquee 60s linear infinite;\r\n}\r\n\r\n.marquee-track:hover {\r\n animation-play-state: paused;\r\n}\r\n\r\n@keyframes marquee {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.marquee-content {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.country-chip {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 14px 24px;\r\n background: #f8f8f6;\r\n border-radius: 50px;\r\n margin: 0 10px;\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n}\r\n\r\n.country-chip:hover {\r\n background: #1a1a1a;\r\n transform: scale(1.05);\r\n}\r\n\r\n.country-chip:hover .country-name {\r\n color: #fff;\r\n}\r\n\r\n.country-flag {\r\n width: 32px;\r\n height: 24px;\r\n border-radius: 4px;\r\n object-fit: cover;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\r\n}\r\n\r\n.country-name {\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: #333;\r\n white-space: nowrap;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n\/* ========================================\r\n WHY US SECTION\r\n======================================== *\/\r\n.why-section {\r\n background: #fff;\r\n}\r\n\r\n.why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .why-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n.why-card {\r\n padding: 44px;\r\n background: #f8f8f6;\r\n border-radius: 24px;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.why-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #1a1a1a;\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.5s ease;\r\n}\r\n\r\n.why-card:hover::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.why-card:hover {\r\n background: #1a1a1a;\r\n transform: translateY(-8px);\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.15);\r\n}\r\n\r\n.why-card:hover .why-icon,\r\n.why-card:hover h3,\r\n.why-card:hover p {\r\n color: #fff;\r\n}\r\n\r\n.why-card:hover .why-icon {\r\n background: rgba(255,255,255,0.1);\r\n transform: scale(1.1);\r\n}\r\n\r\n.why-icon {\r\n width: 68px;\r\n height: 68px;\r\n background: #fff;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 26px;\r\n color: #1a1a1a;\r\n margin-bottom: 28px;\r\n transition: all 0.4s ease;\r\n}\r\n\r\n.why-card h3 {\r\n font-family: 'Black Mango', serif !important;\r\n font-size: clamp(22px, 2.5vw, 26px);\r\n font-weight: 400;\r\n margin: 0 0 16px;\r\n color: #1a1a1a;\r\n transition: color 0.4s ease;\r\n}\r\n\r\n.why-card p {\r\n font-size: 15px;\r\n color: #666;\r\n margin: 0;\r\n line-height: 1.75;\r\n transition: color 0.4s ease;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Custom Cursor -->\r\n<div class=\"custom-cursor\" id=\"customCursor\"><\/div>\r\n\r\n<!-- ========================================\r\n HERO SECTION\r\n======================================== -->\r\n<section class=\"hero\" id=\"hero\">\r\n <video class=\"hero-video\" autoplay muted loop playsinline poster=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop\">\r\n <source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/0_Cargo_Ship_Container_Ship_1280x720.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"page-wrapper\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fa-solid fa-globe\"><\/i>\r\n \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0627\u0644\u0639\u0627\u0644\u0645\u064a\r\n <\/div>\r\n \r\n <h1>\r\n <span class=\"line\"><span>\u0645\u0646 \u062a\u0631\u0643\u064a\u0627<\/span><\/span>\r\n <span class=\"line\"><span>\u0625\u0644\u0649 \u0627\u0644\u0639\u0627\u0644\u0645<\/span><\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\u0646\u0646\u062a\u062c \u0623\u062b\u0627\u062b\u0627\u064b \u0645\u0643\u062a\u0628\u064a\u0627\u064b \u0645\u062a\u0645\u064a\u0632\u0627\u064b \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0646\u0635\u062f\u0651\u0631 \u0625\u0644\u0649 5 \u0642\u0627\u0631\u0627\u062a. \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0645\u0639 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629.<\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">\u0627\u0644\u0628\u0644\u062f<\/div>\r\n <div class=\"hero-stat-number\">50+<\/div>\r\n <div class=\"hero-stat-desc\">\u0627\u0646\u062a\u0634\u0627\u0631 \u0639\u0627\u0644\u0645\u064a<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">\u0627\u0644\u062d\u0627\u0648\u064a\u0629\/\u0627\u0644\u0633\u0646\u0629<\/div>\r\n <div class=\"hero-stat-number\">500+<\/div>\r\n <div class=\"hero-stat-desc\">\u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">\u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n <div class=\"hero-stat-number\">15+<\/div>\r\n <div class=\"hero-stat-desc\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-label\">\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0633\u0646\u0648\u064a<\/div>\r\n <div class=\"hero-stat-number\">$5M+<\/div>\r\n <div class=\"hero-stat-desc\">\u062d\u062c\u0645 \u0627\u0644\u0635\u0627\u062f\u0631\u0627\u062a<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n INTRO SECTION\r\n======================================== -->\r\n<section class=\"intro-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"intro-grid\">\r\n <div class=\"intro-content\">\r\n <h2 data-aos=\"fade-up\">\u0646\u062d\u0646 \u0634\u0631\u064a\u0643 \u0642\u0648\u064a \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0628\u0641\u0636\u0644 \u0642\u062f\u0631\u062a\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/h2>\r\n \r\n <p data-aos=\"fade-up\" data-aos-delay=\"100\">\u0628\u0635\u0641\u062a\u0646\u0627 ZIENO\u060c \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629. \u0648\u0628\u0641\u0636\u0644 \u0645\u0633\u0627\u062d\u062a\u0646\u0627 \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u0644\u063a 4.000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0623\u0643\u062b\u0631 \u0645\u0646 50 \u0645\u0648\u0638\u0641\u064b\u0627 \u062e\u0628\u064a\u0631\u064b\u0627\u060c \u0644\u062f\u064a\u0646\u0627 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0644\u0628\u064a\u0629 \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0637\u0644\u0628\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u064a\u0646.<\/p>\r\n \r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u0646\u062d\u0646 \u0646\u062f\u064a\u0631 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0644\u062f\u064a\u0646\u0627 \u0628\u0646\u0647\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u061b \u0648\u0646\u0642\u062f\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u064a\u0646 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u060c \u0648\u0645\u0646 \u0627\u0644\u062a\u0648\u062b\u064a\u0642 \u0625\u0644\u0649 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\r\n \r\n <div class=\"intro-highlight\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <p>\"\u0646\u062d\u0646 \u0644\u0627 \u0646\u0642\u062f\u0645 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0627\u0644\u0623\u062b\u0627\u062b \u0641\u062d\u0633\u0628\u060c \u0628\u0644 \u0646\u0642\u062f\u0645 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0623\u064a\u0636\u0627\u064b \u062d\u0644\u0648\u0644\u0627\u064b \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u062a\u0635\u062f\u064a\u0631. \u0646\u062d\u0646 \u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0643\u0634\u0631\u0627\u0643\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u062e\u0627\u0635\u0629.\"<\/p>\r\n <\/div>\r\n \r\n <div class=\"intro-features\">\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-certificate\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">\u0634\u062d\u0646 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"350\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-file-invoice\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">\u0627\u0644\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0645\u0647\u0646\u064a<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">\u0641\u0631\u064a\u0642 \u0627\u0644\u062f\u0639\u0645 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0644\u063a\u0627\u062a<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"450\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-boxes-stacked\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062e\u0627\u0635\u0629<\/span>\r\n <\/div>\r\n <div class=\"intro-feature\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"intro-feature-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n <span class=\"intro-feature-text\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u062c\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"intro-image\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n <video autoplay muted loop playsinline style=\"width: 100%; height: 100%; object-fit: cover; min-height: 550px;\">\r\n <source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/tmpvw_wpbak.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"intro-image-overlay\">\r\n <div class=\"intro-image-stats\">\r\n <div class=\"intro-image-stat\">\r\n <span class=\"intro-image-stat-number\">4.000 m\u00b2<\/span>\r\n <span class=\"intro-image-stat-label\">\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u063a\u0644\u0642\u0629<\/span>\r\n <\/div>\r\n <div class=\"intro-image-stat\">\r\n <span class=\"intro-image-stat-number\">50+<\/span>\r\n <span class=\"intro-image-stat-label\">\u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n PROCESS SECTION\r\n======================================== -->\r\n<section class=\"process-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">\u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0644\u062f\u064a\u0646\u0627<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0634\u0641\u0627\u0641\u0629 \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0637\u0644\u0628\u0643 \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-grid\">\r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"process-number\">1<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-comments\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0637\u0644\u0628 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644<\/h3>\r\n <p>\u0646\u062d\u0646 \u0646\u0633\u062a\u0645\u0639 \u0625\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0648\u0646\u0642\u062f\u0645 \u0644\u0643 \u062d\u0644\u0648\u0644\u0627\u064b \u062e\u0627\u0635\u0629 \u0644\u0645\u0634\u0631\u0648\u0639\u0643<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"process-number\">2<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-pencil-ruler\"><\/i><\/div>\r\n <h3>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0639\u0631\u0636<\/h3>\r\n <p>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0627\u0644\u062a\u062e\u0635\u064a\u0635 \u0648\u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u0641\u0635\u0644\u0629<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"process-number\">3<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/h3>\r\n <p>\u0639\u0645\u0644\u064a\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u0636\u0628\u0648\u0637\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0645\u0646\u0634\u0622\u062a\u0646\u0627 \u0627\u0644\u062d\u062f\u064a\u062b\u0629<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"process-number\">4<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-box\"><\/i><\/div>\r\n <h3>\u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641<\/h3>\r\n <p>\u062a\u063a\u0644\u064a\u0641 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062a\u0635\u062f\u064a\u0631<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"process-number\">5<\/div>\r\n <div class=\"process-icon\"><i class=\"fa-solid fa-ship\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0634\u062d\u0646<\/h3>\r\n <p>\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0622\u0645\u0646 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n REGIONS SECTION\r\n======================================== -->\r\n<section class=\"regions-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">\u0627\u0644\u0645\u0646\u0627\u0637\u0642<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0648\u0635\u064a\u0644 \u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\r\n <\/div>\r\n \r\n <div class=\"regions-grid\">\r\n <div class=\"region-card bg-europe\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-landmark\"><\/i><\/div>\r\n <h3>\u0623\u0648\u0631\u0648\u0628\u0627<\/h3>\r\n <p class=\"region-countries\">\u0623\u0644\u0645\u0627\u0646\u064a\u0627\u060c \u0648\u0641\u0631\u0646\u0633\u0627\u060c \u0648\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u060c \u0648\u0647\u0648\u0644\u0646\u062f\u0627\u060c \u0648\u0628\u0644\u062c\u064a\u0643\u0627\u060c \u0648\u0625\u0633\u0628\u0627\u0646\u064a\u0627\u060c \u0648\u0625\u064a\u0637\u0627\u0644\u064a\u0627<\/p>\r\n <span class=\"region-stat\">\u0623\u0643\u062b\u0631 \u0645\u0646 15 \u062f\u0648\u0644\u0629<\/span>\r\n <\/div>\r\n \r\n <div class=\"region-card bg-middleeast\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-mosque\"><\/i><\/div>\r\n <h3>\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637<\/h3>\r\n <p class=\"region-countries\">\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u060c \u0648\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u0642\u0637\u0631\u060c \u0648\u0627\u0644\u0643\u0648\u064a\u062a\u060c \u0648\u0627\u0644\u0639\u0631\u0627\u0642\u060c \u0648\u0627\u0644\u0623\u0631\u062f\u0646\u060c \u0648\u0644\u0628\u0646\u0627\u0646<\/p>\r\n <span class=\"region-stat\">12+ \u062f\u0648\u0644\u0629<\/span>\r\n <\/div>\r\n \r\n <div class=\"region-card bg-africa\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n <h3>\u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/h3>\r\n <p class=\"region-countries\">\u0644\u064a\u0628\u064a\u0627\u060c \u0648\u0645\u0635\u0631\u060c \u0648\u0646\u064a\u062c\u064a\u0631\u064a\u0627\u060c \u0648\u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u0648\u062a\u0648\u0646\u0633\u060c \u0648\u0645\u0635\u0631\u060c \u0648\u062a\u0648\u0646\u0633\u060c \u0648\u0627\u0644\u0645\u063a\u0631\u0628\u060c \u0648\u062c\u0646\u0648\u0628 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/p>\r\n <span class=\"region-stat\">\u0623\u0643\u062b\u0631 \u0645\u0646 10 \u062f\u0648\u0644<\/span>\r\n <\/div>\r\n \r\n <div class=\"region-card bg-asia\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"region-icon\"><i class=\"fa-solid fa-mountain-sun\"><\/i><\/div>\r\n <h3>\u0622\u0633\u064a\u0627 \u0627\u0644\u0648\u0633\u0637\u0649 \u0648\u0627\u0644\u0642\u0648\u0642\u0627\u0632<\/h3>\r\n <p class=\"region-countries\">\u0643\u0627\u0632\u0627\u062e\u0633\u062a\u0627\u0646 \u0648\u0623\u0630\u0631\u0628\u064a\u062c\u0627\u0646 \u0648\u062a\u0631\u0643\u0645\u0627\u0646\u0633\u062a\u0627\u0646 \u0648\u0623\u0648\u0632\u0628\u0643\u0633\u062a\u0627\u0646 \u0648\u0623\u0648\u0632\u0628\u0643\u0633\u062a\u0627\u0646 \u0648\u062c\u0648\u0631\u062c\u064a\u0627<\/p>\r\n <span class=\"region-stat\">\u0623\u0643\u062b\u0631 \u0645\u0646 8 \u062f\u0648\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n EXPORT OPERATIONS MARQUEE\r\n======================================== -->\r\n<section class=\"export-marquee-section\">\r\n <div class=\"export-marquee-track\">\r\n <div class=\"export-marquee-content\">\r\n <span class=\"export-marquee-text\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=100&auto=format&fit=crop\" alt=\"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=100&auto=format&fit=crop\" alt=\"\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=100&auto=format&fit=crop\" alt=\"\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=100&auto=format&fit=crop\" alt=\"\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=100&auto=format&fit=crop\" alt=\"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=100&auto=format&fit=crop\" alt=\"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=100&auto=format&fit=crop\" alt=\"\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629\" class=\"export-marquee-img\">\r\n \r\n <!-- Duplicate for seamless loop -->\r\n <span class=\"export-marquee-text\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=100&auto=format&fit=crop\" alt=\"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=100&auto=format&fit=crop\" alt=\"\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=100&auto=format&fit=crop\" alt=\"\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=100&auto=format&fit=crop\" alt=\"\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=100&auto=format&fit=crop\" alt=\"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=100&auto=format&fit=crop\" alt=\"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a\" class=\"export-marquee-img\">\r\n <span class=\"export-marquee-text\">\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=100&auto=format&fit=crop\" alt=\"\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629\" class=\"export-marquee-img\">\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n GALLERY SECTION - SWIPER\r\n======================================== -->\r\n<section class=\"gallery-section section-dark\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u0625\u0637\u0627\u0631\u0627\u062a \u0645\u0646 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062f\u064a\u0646\u0627<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Swiper Gallery -->\r\n <div class=\"swiper gallery-swiper\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- Slide 1 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=2070&auto=format&fit=crop\" alt=\"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">01 \/ 07<\/span>\r\n <h3>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a<\/h3>\r\n <p>\u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u063a\u0644\u064a\u0641 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0622\u0645\u0646\u0629\u060c \u062a\u0635\u0644 \u0645\u0646\u062a\u062c\u0627\u062a\u0643 \u0625\u0644\u0649 \u0648\u062c\u0647\u062a\u0647\u0627 \u062f\u0648\u0646 \u062a\u0644\u0641.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 2 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=2070&auto=format&fit=crop\" alt=\"\u0627\u0644\u062a\u0648\u062b\u064a\u0642\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">02 \/ 07<\/span>\r\n <h3>\u0648\u062b\u0627\u0626\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/h3>\r\n <p>\u064a\u062a\u0645 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0625\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629 \u0648\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0623 \u0648\u062c\u0645\u064a\u0639 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 3 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop\" alt=\"\u0627\u0644\u0634\u062d\u0646\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">03 \/ 07<\/span>\r\n <h3>\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/h3>\r\n <p>\u062a\u0633\u0644\u064a\u0645 \u0633\u0631\u064a\u0639 \u0648\u0622\u0645\u0646 \u0645\u0636\u0645\u0648\u0646 \u0645\u0639 \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u064a\u0646 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0628\u0647\u0645 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 4 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=2070&auto=format&fit=crop\" alt=\"\u0627\u0644\u0625\u0646\u062a\u0627\u062c\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">04 \/ 07<\/span>\r\n <h3>\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/h3>\r\n <p>\u0645\u0646\u0637\u0642\u0629 \u0645\u063a\u0644\u0642\u0629 \u0628\u0645\u0633\u0627\u062d\u0629 4.000 \u0645\u062a\u0631 \u0645\u0631\u0628\u0639 \u0645\u0632\u0648\u062f\u0629 \u0628\u062e\u0637\u0648\u0637 \u0625\u0646\u062a\u0627\u062c \u062d\u062f\u064a\u062b\u0629 \u0648\u0645\u0639\u062f\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 5 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=2070&auto=format&fit=crop\" alt=\"\u0627\u0644\u062c\u0648\u062f\u0629\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">05 \/ 07<\/span>\r\n <h3>\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n <p>\u0639\u0645\u0644\u064a\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0648\u0641\u0642\u064b\u0627 \u0644\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 6 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?q=80&w=2070&auto=format&fit=crop\" alt=\"\u0627\u0644\u0641\u0631\u064a\u0642\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">06 \/ 07<\/span>\r\n <h3>\u0641\u0631\u064a\u0642 \u0627\u0644\u062e\u0628\u0631\u0627\u0621<\/h3>\r\n <p>\u0641\u0631\u064a\u0642 \u0639\u0645\u0644\u0646\u0627 \u0627\u0644\u0645\u062a\u0645\u0631\u0633 \u0641\u064a \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0630\u064a \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 50 \u0634\u062e\u0635\u064b\u0627 \u0645\u062a\u0648\u0627\u062c\u062f \u062f\u0627\u0626\u0645\u064b\u0627 \u0645\u0639\u0643.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 7 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553413077-190dd305871c?q=80&w=2070&auto=format&fit=crop\" alt=\"\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\">\r\n <div class=\"gallery-item-overlay\">\r\n <span class=\"gallery-item-number\">07 \/ 07<\/span>\r\n <h3>\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u0645\u062e\u0632\u0648\u0646<\/h3>\r\n <p>\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0645\u0639 \u0633\u0639\u0629 \u062a\u062e\u0632\u064a\u0646 \u0643\u0628\u064a\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"page-wrapper\">\r\n <div class=\"gallery-navigation\">\r\n <button class=\"gallery-button-prev\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n <div class=\"gallery-pagination\"><\/div>\r\n <button class=\"gallery-button-next\">\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n COUNTRIES MARQUEE\r\n======================================== -->\r\n<div class=\"countries-section\">\r\n <div class=\"countries-label\" data-aos=\"fade-up\">\u0628\u0639\u0636 \u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u062a\u064a \u0646\u0635\u062f\u0631 \u0625\u0644\u064a\u0647\u0627<\/div>\r\n <div class=\"marquee-wrapper\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-content\">\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/de.png\" alt=\"\u0623\u0644\u0645\u0627\u0646\u064a\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/gb.png\" alt=\"\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" alt=\"\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" alt=\"\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/qa.png\" alt=\"\u0642\u0637\u0631\" class=\"country-flag\"><span class=\"country-name\">\u0642\u0637\u0631<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/kz.png\" alt=\"\u0643\u0627\u0632\u0627\u062e\u0633\u062a\u0627\u0646\" class=\"country-flag\"><span class=\"country-name\">\u0643\u0627\u0632\u0627\u062e\u0633\u062a\u0627\u0646<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/az.png\" alt=\"\u0623\u0630\u0631\u0628\u064a\u062c\u0627\u0646\" class=\"country-flag\"><span class=\"country-name\">\u0623\u0630\u0631\u0628\u064a\u062c\u0627\u0646<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ly.png\" alt=\"\u0644\u064a\u0628\u064a\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0644\u064a\u0628\u064a\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/iq.png\" alt=\"\u0627\u0644\u0639\u0631\u0627\u0642\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0639\u0631\u0627\u0642<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/nl.png\" alt=\"\u0647\u0648\u0644\u0646\u062f\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0647\u0648\u0644\u0646\u062f\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/fr.png\" alt=\"\u0641\u0631\u0646\u0633\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0641\u0631\u0646\u0633\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/eg.png\" alt=\"\u0645\u0635\u0631\" class=\"country-flag\"><span class=\"country-name\">\u0645\u0635\u0631<\/span><\/div>\r\n <\/div>\r\n <div class=\"marquee-content\">\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/de.png\" alt=\"\u0623\u0644\u0645\u0627\u0646\u064a\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/gb.png\" alt=\"\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" alt=\"\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" alt=\"\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/qa.png\" alt=\"\u0642\u0637\u0631\" class=\"country-flag\"><span class=\"country-name\">\u0642\u0637\u0631<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/kz.png\" alt=\"\u0643\u0627\u0632\u0627\u062e\u0633\u062a\u0627\u0646\" class=\"country-flag\"><span class=\"country-name\">\u0643\u0627\u0632\u0627\u062e\u0633\u062a\u0627\u0646<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/az.png\" alt=\"\u0623\u0630\u0631\u0628\u064a\u062c\u0627\u0646\" class=\"country-flag\"><span class=\"country-name\">\u0623\u0630\u0631\u0628\u064a\u062c\u0627\u0646<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ly.png\" alt=\"\u0644\u064a\u0628\u064a\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0644\u064a\u0628\u064a\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/iq.png\" alt=\"\u0627\u0644\u0639\u0631\u0627\u0642\" class=\"country-flag\"><span class=\"country-name\">\u0627\u0644\u0639\u0631\u0627\u0642<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/nl.png\" alt=\"\u0647\u0648\u0644\u0646\u062f\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0647\u0648\u0644\u0646\u062f\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/fr.png\" alt=\"\u0641\u0631\u0646\u0633\u0627\" class=\"country-flag\"><span class=\"country-name\">\u0641\u0631\u0646\u0633\u0627<\/span><\/div>\r\n <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/eg.png\" alt=\"\u0645\u0635\u0631\" class=\"country-flag\"><span class=\"country-name\">\u0645\u0635\u0631<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- ========================================\r\n WHY US SECTION\r\n======================================== -->\r\n<section class=\"why-section section section-light\">\r\n <div class=\"page-wrapper\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\" data-aos=\"fade-up\">\u0627\u0644\u0645\u0632\u0627\u064a\u0627<\/span>\r\n <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u0644\u0645\u0627\u0630\u0627 ZIENO\u061f<\/h2>\r\n <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u0642\u064a\u0645\u062a\u0646\u0627 \u0643\u0634\u0631\u064a\u0643 \u062a\u0635\u062f\u064a\u0631 \u0639\u0627\u0644\u0645\u064a \u0644\u0643<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-grid\">\r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n <h3>\u0633\u0631\u0639\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h3>\r\n <p>\u0648\u0628\u0641\u0636\u0644 \u0642\u062f\u0631\u062a\u0646\u0627 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062d\u0633\u0651\u0646\u0629\u060c \u0646\u0642\u0648\u0645 \u0628\u062a\u0633\u0644\u064a\u0645 \u0637\u0644\u0628\u0627\u062a\u0643 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f. \u062a\u062a\u0648\u0641\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0645\u0646 \u0627\u0644\u0645\u062e\u0632\u0648\u0646.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n <h3>\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u062e\u0635\u062e\u0635\u0629<\/h3>\r\n <p>\u0646\u0642\u0648\u0645 \u0628\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629. \u064a\u0645\u0643\u0646\u0646\u0627 \u062a\u062e\u0635\u064a\u0635 \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u062b\u0644 \u0627\u0644\u0644\u0648\u0646 \u0648\u0627\u0644\u0646\u0633\u064a\u062c \u0648\u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u062d\u062c\u0645 \u0648\u0641\u0642\u064b\u0627 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n <h3>\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n <p>\u0628\u0641\u0636\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062d\u0627\u0635\u0644\u0629 \u0639\u0644\u0649 \u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u064a\u0632\u0648 \u0648\u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0627\u0631\u0645\u0629 \u0627\u0644\u062a\u064a \u0646\u062a\u0628\u0639\u0647\u0627\u060c \u0646\u0642\u062f\u0645 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n <h3>\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h3>\r\n <p>\u0643\u0634\u0631\u0643\u0629 \u0645\u0635\u0646\u0639\u0629 \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0646\u0642\u062f\u0645 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062f\u0648\u0646 \u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0633\u064a\u0637\u0629.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-earth-americas\"><\/i><\/div>\r\n <h3>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h3>\r\n <p>\u0646\u062d\u0646 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0641\u064a \u062c\u0645\u064a\u0639 \u0637\u0631\u0642 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0645\u062b\u0644 CIF \u0648 FOB \u0648 DDP \u0645\u0639 \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629.<\/p>\r\n <\/div>\r\n \r\n <div class=\"why-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n <div class=\"why-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n <h3>\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0647\u0646\u064a<\/h3>\r\n <p>\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0644\u063a\u0627\u062a \u0644\u062f\u064a\u0646\u0627 \u0645\u0639\u0643 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0642\u0628\u0644 \u0627\u0644\u0637\u0644\u0628 \u0648\u0628\u0639\u062f\u0647. \u0627\u0644\u062f\u0639\u0645 \u0628\u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================\r\n EXTERNAL LIBRARIES (CDN)\r\n======================================== -->\r\n\r\n<!-- GSAP (GreenSock Animation Platform) -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- Swiper.js -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<!-- AOS - Animate On Scroll -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n\r\n<!-- CountUp.js -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/countup.js@2.8.0\/dist\/countUp.umd.min.js\"><\/script>\r\n\r\n<!-- Lenis Smooth Scroll -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lenis@1.1.13\/dist\/lenis.min.js\"><\/script>\r\n\r\n<!-- ========================================\r\n JAVASCRIPT - INITIALIZE LIBRARIES\r\n======================================== -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n \r\n \/\/ ========================================\r\n \/\/ 1. LENIS - SMOOTH SCROLL\r\n \/\/ ========================================\r\n const lenis = new Lenis({\r\n duration: 1.2,\r\n easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\r\n direction: 'vertical',\r\n gestureDirection: 'vertical',\r\n smooth: true,\r\n smoothTouch: false,\r\n touchMultiplier: 2\r\n });\r\n\r\n function raf(time) {\r\n lenis.raf(time);\r\n requestAnimationFrame(raf);\r\n }\r\n requestAnimationFrame(raf);\r\n\r\n \/\/ Connect Lenis to GSAP ScrollTrigger\r\n lenis.on('scroll', ScrollTrigger.update);\r\n gsap.ticker.add((time) => {\r\n lenis.raf(time * 1000);\r\n });\r\n gsap.ticker.lagSmoothing(0);\r\n\r\n \/\/ Scroll indicator click\r\n\r\n \/\/ ========================================\r\n \/\/ 2. GSAP - HERO ANIMATIONS\r\n \/\/ ========================================\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ Hero entrance animation timeline\r\n const heroTl = gsap.timeline({ defaults: { ease: 'power3.out' }});\r\n\r\n heroTl\r\n .to('.hero-badge', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1,\r\n delay: 0.3\r\n })\r\n .to('.hero h1', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1.2 \r\n }, '-=0.6')\r\n .to('.hero-subtitle', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 1 \r\n }, '-=0.8')\r\n .to('.hero-stat', { \r\n opacity: 1, \r\n y: 0, \r\n duration: 0.8, \r\n stagger: 0.15 \r\n }, '-=0.5');\r\n\r\n \/\/ ========================================\r\n \/\/ 3. COUNTUP.JS - STATISTICS ANIMATION\r\n \/\/ ========================================\r\n const statNumbers = document.querySelectorAll('.hero-stat-number[data-count]');\r\n \r\n statNumbers.forEach(stat => {\r\n const target = parseInt(stat.dataset.count);\r\n const prefix = stat.dataset.prefix || '';\r\n const suffix = stat.dataset.suffix || '+';\r\n \r\n \/\/ CountUp instance variable renamed to avoid conflict with global library object\r\n let countUpInstance = null;\r\n \r\n \/\/ Check for the global library object. \r\n \/\/ The UMD script usually exposes 'countUp' (lowercase c) containing 'CountUp' (uppercase C) class.\r\n if(typeof countUp === 'object' && countUp.CountUp) {\r\n countUpInstance = new countUp.CountUp(stat, target, {\r\n duration: 2.5,\r\n prefix: prefix,\r\n suffix: suffix,\r\n enableScrollSpy: true,\r\n scrollSpyOnce: true,\r\n scrollSpyDelay: 500\r\n });\r\n } else if (typeof CountUp === 'function') {\r\n \/\/ Fallback if it exposes the class directly\r\n countUpInstance = new CountUp(stat, target, {\r\n duration: 2.5,\r\n prefix: prefix,\r\n suffix: suffix,\r\n enableScrollSpy: true,\r\n scrollSpyOnce: true,\r\n scrollSpyDelay: 500\r\n });\r\n }\r\n \r\n \/\/ Start when hero animation completes if instance exists\r\n if(countUpInstance) {\r\n setTimeout(() => {\r\n if (!countUpInstance.error) {\r\n countUpInstance.start();\r\n }\r\n }, 1500);\r\n }\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 4. AOS - SCROLL ANIMATIONS\r\n \/\/ ========================================\r\n AOS.init({\r\n duration: 800,\r\n easing: 'ease-out-cubic',\r\n once: true,\r\n offset: 50,\r\n delay: 0,\r\n anchorPlacement: 'top-bottom'\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 5. SWIPER.JS - GALLERY CAROUSEL\r\n \/\/ ========================================\r\n const gallerySwiper = new Swiper('.gallery-swiper', {\r\n slidesPerView: 'auto',\r\n centeredSlides: true,\r\n spaceBetween: 30,\r\n loop: true,\r\n speed: 800,\r\n autoplay: {\r\n delay: 5000,\r\n disableOnInteraction: false,\r\n pauseOnMouseEnter: true\r\n },\r\n pagination: {\r\n el: '.gallery-pagination',\r\n clickable: true,\r\n dynamicBullets: false\r\n },\r\n navigation: {\r\n nextEl: '.gallery-button-next',\r\n prevEl: '.gallery-button-prev',\r\n },\r\n keyboard: {\r\n enabled: true,\r\n onlyInViewport: true\r\n },\r\n mousewheel: {\r\n forceToAxis: true,\r\n sensitivity: 1\r\n },\r\n grabCursor: true,\r\n effect: 'slide',\r\n breakpoints: {\r\n 320: {\r\n spaceBetween: 15\r\n },\r\n 768: {\r\n spaceBetween: 20\r\n },\r\n 1024: {\r\n spaceBetween: 30\r\n }\r\n },\r\n on: {\r\n slideChange: function() {\r\n \/\/ Update slide numbers\r\n const slides = document.querySelectorAll('.gallery-item-number');\r\n slides.forEach((num, index) => {\r\n \/\/ Swiper loop creates duplicates, logic simplified for display\r\n \/\/ Ger\u00e7ek indexi bulmak karma\u015f\u0131k olabilir, g\u00f6rsel ama\u00e7l\u0131 basit tutuyoruz\r\n let displayIndex = (this.realIndex + 1);\r\n if(displayIndex < 10) displayIndex = '0' + displayIndex;\r\n \/\/ Not: T\u00fcm slide'lar\u0131 g\u00fcncellemek yerine aktif olan\u0131 g\u00f6stermek daha iyi olabilir\r\n \/\/ Ancak mevcut yap\u0131 t\u00fcm\u00fcn\u00fc g\u00fcncelliyor.\r\n \/\/ num.textContent = `${displayIndex} \/ 07`; \r\n });\r\n }\r\n }\r\n });\r\n\r\n \/\/ ========================================\r\n \/\/ 6. GSAP SCROLL TRIGGERS\r\n \/\/ ========================================\r\n \r\n \/\/ Parallax effect on intro image\r\n gsap.to('.intro-image img', {\r\n yPercent: 20,\r\n ease: 'none',\r\n scrollTrigger: {\r\n trigger: '.intro-section',\r\n start: 'top bottom',\r\n end: 'bottom top',\r\n scrub: true\r\n }\r\n });\r\n\r\n \/\/ NOTE: Card entrance animations removed to rely on simpler AOS and prevent conflicts\r\n\r\n \/\/ ========================================\r\n \/\/ 7. REFRESH SCROLL TRIGGERS ON RESIZE\r\n \/\/ ========================================\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n ScrollTrigger.refresh();\r\n AOS.refresh();\r\n }, 250);\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9146711 e-con-full e-flex e-con e-parent\" data-id=\"9146711\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c415d elementor-widget elementor-widget-shortcode\" data-id=\"e4c415d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div class=\"zieno-contact-section\">\r\n <div class=\"zieno-contact-container\">\r\n <!-- Sol Taraf - Bilgiler -->\r\n <div class=\"zieno-contact-info\">\r\n <h2>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h2>\r\n <p>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0623\u0648 \u0623\u0633\u0626\u0644\u062a\u0643 \u0623\u0648 \u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0639\u0627\u0648\u0646. \u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0644\u062f\u064a\u0646\u0627 \u0628\u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.<\/p>\r\n \r\n <div class=\"zieno-contact-details\">\r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4>\r\n <p><a href=\"mailto:info@zieno.com.tr\">info@zieno.com.tr<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-phone\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>\u0627\u0644\u0647\u0627\u062a\u0641<\/h4>\r\n <p>\r\n <a href=\"tel:+905358724433\">+90 535 872 44 33<\/a><br>\r\n <a href=\"tel:+905330780198\">+90 533 078 01 98<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-detail-item\">\r\n <div class=\"contact-detail-icon\">\r\n <i class=\"fa fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-detail-content\">\r\n <h4>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h4>\r\n <p>\u0627\u0633\u0637\u0646\u0628\u0648\u0644\u060c \u062a\u0631\u0643\u064a\u0627<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Sa\u011f Taraf - Glassmorphism Form -->\r\n <div class=\"zieno-glass-form\">\r\n <h3>\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644<\/h3>\r\n <form id=\"zienoContactForm\" class=\"zieno-contact-form\" method=\"post\" action=\"#\" data-trp-original-action=\"#\">\r\n <div class=\"zieno-form-grid\">\r\n <div class=\"zieno-form-group\">\r\n <label>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0644\u0642\u0628 <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"\u0627\u0633\u0645\u0643 \u0648\u0644\u0642\u0628\u0643\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" name=\"email\" placeholder=\"email@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>\u0627\u0644\u0647\u0627\u062a\u0641 <span class=\"required\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+90 +90 xxx xxx xxx xxx xxx xxx xxx xxx xxx xxx xx\" required>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group\">\r\n <label>\u0627\u0644\u0645\u0648\u0636\u0648\u0639<\/label>\r\n <select name=\"subject\">\r\n <option value=\"Genel Bilgi\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0627\u0645\u0629<\/option>\r\n <option value=\"\u00dcr\u00fcn Talebi\">\u0637\u0644\u0628 \u0627\u0644\u0645\u0646\u062a\u062c<\/option>\r\n <option value=\"Proje Teklifi\">\u0645\u0642\u062a\u0631\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/option>\r\n <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">\u062f\u0639\u0645 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/option>\r\n <option value=\"\u0130hracat\">\u0627\u0644\u062a\u0635\u062f\u064a\u0631<\/option>\r\n <option value=\"Di\u011fer\">\u0623\u062e\u0631\u0649<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"zieno-form-group full-width\">\r\n <label>\u0631\u0633\u0627\u0644\u062a\u0643 <span class=\"required\">*<\/span><\/label>\r\n <textarea name=\"message\" placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"zieno-submit-btn\">\r\n <i class=\"fa fa-paper-plane\"><\/i>\r\n <span>\u0625\u0631\u0633\u0627\u0644<\/span>\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0130hracat & Global Presence | ZIENO Global Presence T\u00fcrkiye’den D\u00fcnyaya Premium ofis mobilyalar\u0131n\u0131 uluslararas\u0131 standartlarda \u00fcretiyor, 5 k\u0131taya ihra\u00e7 ediyoruz. Y\u0131llar\u0131n deneyimiyle […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/pages\/1162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/comments?post=1162"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/pages\/1162\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/media?parent=1162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}