{"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":"%d1%8d%d0%ba%d1%81%d0%bf%d0%be%d1%80%d1%82","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/ru\/%d1%8d%d0%ba%d1%81%d0%bf%d0%be%d1%80%d1%82\/","title":{"rendered":"\u042d\u043a\u0441\u043f\u043e\u0440\u0442"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1162\" class=\"elementor elementor-1162\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a49d91d e-con-full e-flex e-con e-parent\" data-id=\"a49d91d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae3ea17 elementor-widget elementor-widget-html\" data-id=\"ae3ea17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u042d\u043a\u0441\u043f\u043e\u0440\u0442 \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 | 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                \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435\r\n            <\/div>\r\n            \r\n            <h1>\r\n                <span class=\"line\"><span>\u0418\u0437 \u0422\u0443\u0440\u0446\u0438\u0438<\/span><\/span>\r\n                <span class=\"line\"><span>\u0417\u0430 \u043c\u0438\u0440<\/span><\/span>\r\n            <\/h1>\r\n            \r\n            <p class=\"hero-subtitle\">\u041c\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c \u043e\u0444\u0438\u0441\u043d\u0443\u044e \u043c\u0435\u0431\u0435\u043b\u044c \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u043e \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0435\u0435 \u043d\u0430 5 \u043a\u043e\u043d\u0442\u0438\u043d\u0435\u043d\u0442\u043e\u0432. \u0412\u0430\u0448 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440 \u043d\u0430 \u043c\u0438\u0440\u043e\u0432\u044b\u0445 \u0440\u044b\u043d\u043a\u0430\u0445 \u0441 \u043c\u043d\u043e\u0433\u043e\u043b\u0435\u0442\u043d\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c.<\/p>\r\n            \r\n            <div class=\"hero-stats\">\r\n                <div class=\"hero-stat\">\r\n                    <div class=\"hero-stat-label\">\u0421\u0442\u0440\u0430\u043d\u0430<\/div>\r\n                    <div class=\"hero-stat-number\">50+<\/div>\r\n                    <div class=\"hero-stat-desc\">\u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0445\u0432\u0430\u0442<\/div>\r\n                <\/div>\r\n                <div class=\"hero-stat\">\r\n                    <div class=\"hero-stat-label\">\u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \/ \u0433\u043e\u0434<\/div>\r\n                    <div class=\"hero-stat-number\">500+<\/div>\r\n                    <div class=\"hero-stat-desc\">\u0433\u043e\u0434\u043e\u0432\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/div>\r\n                <\/div>\r\n                <div class=\"hero-stat\">\r\n                    <div class=\"hero-stat-label\">\u041e\u043f\u044b\u0442<\/div>\r\n                    <div class=\"hero-stat-number\">15+<\/div>\r\n                    <div class=\"hero-stat-desc\">\u0433\u043e\u0434\u044b \u043e\u043f\u044b\u0442\u0430<\/div>\r\n                <\/div>\r\n                <div class=\"hero-stat\">\r\n                    <div class=\"hero-stat-label\">\u0413\u043e\u0434\u043e\u0432\u043e\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442<\/div>\r\n                    <div class=\"hero-stat-number\">$5M+<\/div>\r\n                    <div class=\"hero-stat-desc\">\u043e\u0431\u044a\u0451\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430<\/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\">\u041c\u044b \u044f\u0432\u043b\u044f\u0435\u043c\u0441\u044f \u0441\u0438\u043b\u044c\u043d\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u043c \u043d\u0430 \u043c\u0438\u0440\u043e\u0432\u044b\u0445 \u0440\u044b\u043d\u043a\u0430\u0445 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0430\u0448\u0435\u043c\u0443 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u043e\u043c\u0443 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u0443<\/h2>\r\n                \r\n                <p data-aos=\"fade-up\" data-aos-delay=\"100\">\u0412 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 ZIENO \u043c\u044b \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u043c \u043c\u043d\u043e\u0433\u043e\u043b\u0435\u0442\u043d\u0438\u0439 \u043e\u043f\u044b\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0441 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0437\u0430\u043a\u0440\u044b\u0442\u043e\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u043f\u043b\u043e\u0449\u0430\u0434\u044c\u044e 4.000 \u043c\u00b2, \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u044f\u043c \u0438 \u0431\u043e\u043b\u0435\u0435 \u0447\u0435\u043c 50 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0430\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u044c \u043b\u044e\u0431\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430\u0448\u0438\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443.<\/p>\r\n                \r\n                <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u041c\u044b \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c\u0438, \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044f \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0443\u044e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043d\u0430\u0448\u0438\u043c \u0434\u0435\u043b\u043e\u0432\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u043c \u043d\u0430 \u0432\u0441\u0435\u0445 \u044d\u0442\u0430\u043f\u0430\u0445 - \u043e\u0442 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0438 \u0434\u043e \u0442\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f, \u043e\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0434\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430.<\/p>\r\n                \r\n                <div class=\"intro-highlight\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <p>\"\u041c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u043d\u0430\u0448\u0438\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0431\u0435\u043b\u044c, \u043d\u043e \u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f. \u041c\u044b \u043e\u0442\u043d\u043e\u0441\u0438\u043c\u0441\u044f \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043a\u0430\u043a \u043a \u043e\u0441\u043e\u0431\u043e\u043c\u0443 \u0434\u0435\u043b\u043e\u0432\u043e\u043c\u0443 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0443\".\"<\/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\">\u041c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0435 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/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\">\u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430<\/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\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/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\">\u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/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\">OEM \u0438 Private Label<\/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\">\u0414\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u044b\u0435 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/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\">\u0417\u0430\u043a\u0440\u044b\u0442\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0437\u043e\u043d\u0430<\/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\">\u042d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u044b\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b<\/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\">\u041f\u0440\u043e\u0446\u0435\u0441\u0441<\/span>\r\n            <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u041d\u0430\u0448 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430<\/h2>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c \u043e\u0442 \u0432\u0430\u0448\u0435\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0434\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/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>\u0421\u043f\u0440\u043e\u0441 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437<\/h3>\r\n                <p>\u041c\u044b \u043f\u0440\u0438\u0441\u043b\u0443\u0448\u0438\u0432\u0430\u0435\u043c\u0441\u044f \u043a \u0432\u0430\u0448\u0438\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044f\u043c \u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/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>\u0414\u0438\u0437\u0430\u0439\u043d \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h3>\r\n                <p>\u0412\u044b\u0431\u043e\u0440 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u0441\u0447\u0435\u0442-\u043f\u0440\u043e\u0444\u043e\u0440\u043c\u0430<\/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>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/h3>\r\n                <p>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043d\u0430 \u043d\u0430\u0448\u0435\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0438<\/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>\u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430<\/h3>\r\n                <p>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0430, \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0430\u044f \u0434\u043b\u044f \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430<\/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>\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430<\/h3>\r\n                <p>\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u043e\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443<\/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\">\u0420\u0435\u0433\u0438\u043e\u043d\u044b<\/span>\r\n            <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u0420\u0435\u0433\u0438\u043e\u043d\u044b \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430<\/h2>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u0420\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443<\/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>\u0415\u0432\u0440\u043e\u043f\u0430<\/h3>\r\n                <p class=\"region-countries\">\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f, \u0424\u0440\u0430\u043d\u0446\u0438\u044f, \u0412\u0435\u043b\u0438\u043a\u043e\u0431\u0440\u0438\u0442\u0430\u043d\u0438\u044f, \u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u044b, \u0411\u0435\u043b\u044c\u0433\u0438\u044f, \u0418\u0441\u043f\u0430\u043d\u0438\u044f, \u0418\u0442\u0430\u043b\u0438\u044f<\/p>\r\n                <span class=\"region-stat\">15+ \u0421\u0442\u0440\u0430\u043d\u0430<\/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>\u0411\u043b\u0438\u0436\u043d\u0438\u0439 \u0412\u043e\u0441\u0442\u043e\u043a<\/h3>\r\n                <p class=\"region-countries\">\u041e\u0410\u042d, \u0421\u0430\u0443\u0434\u043e\u0432\u0441\u043a\u0430\u044f \u0410\u0440\u0430\u0432\u0438\u044f, \u041a\u0430\u0442\u0430\u0440, \u041a\u0443\u0432\u0435\u0439\u0442, \u0418\u0440\u0430\u043a, \u0418\u043e\u0440\u0434\u0430\u043d\u0438\u044f, \u041b\u0438\u0432\u0430\u043d<\/p>\r\n                <span class=\"region-stat\">12+ \u0421\u0442\u0440\u0430\u043d\u0430<\/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>\u0410\u0444\u0440\u0438\u043a\u0430<\/h3>\r\n                <p class=\"region-countries\">\u041b\u0438\u0432\u0438\u044f, \u0415\u0433\u0438\u043f\u0435\u0442, \u041d\u0438\u0433\u0435\u0440\u0438\u044f, \u0410\u043b\u0436\u0438\u0440, \u0422\u0443\u043d\u0438\u0441, \u041c\u0430\u0440\u043e\u043a\u043a\u043e, \u042e\u0436\u043d\u0430\u044f \u0410\u0444\u0440\u0438\u043a\u0430<\/p>\r\n                <span class=\"region-stat\">10+ \u0441\u0442\u0440\u0430\u043d<\/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>\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u0430\u044f \u0410\u0437\u0438\u044f \u0438 \u041a\u0430\u0432\u043a\u0430\u0437<\/h3>\r\n                <p class=\"region-countries\">\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u0410\u0437\u0435\u0440\u0431\u0430\u0439\u0434\u0436\u0430\u043d, \u0422\u0443\u0440\u043a\u043c\u0435\u043d\u0438\u0441\u0442\u0430\u043d, \u0423\u0437\u0431\u0435\u043a\u0438\u0441\u0442\u0430\u043d, \u0413\u0440\u0443\u0437\u0438\u044f<\/p>\r\n                <span class=\"region-stat\">8+ \u0421\u0442\u0440\u0430\u043d\u0430<\/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\">\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=100&auto=format&fit=crop\" alt=\"\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=100&auto=format&fit=crop\" alt=\"\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0430<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=100&auto=format&fit=crop\" alt=\"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0430\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=100&auto=format&fit=crop\" alt=\"\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=100&auto=format&fit=crop\" alt=\"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u043e\u0439<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=100&auto=format&fit=crop\" alt=\"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u043e\u0439\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=100&auto=format&fit=crop\" alt=\"\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438\" class=\"export-marquee-img\">\r\n            \r\n            <!-- Duplicate for seamless loop -->\r\n            <span class=\"export-marquee-text\">\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?q=80&w=100&auto=format&fit=crop\" alt=\"\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=100&auto=format&fit=crop\" alt=\"\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0430<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?q=80&w=100&auto=format&fit=crop\" alt=\"\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0430\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1568793096722-045e8593cee4?q=80&w=100&auto=format&fit=crop\" alt=\"\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?q=80&w=100&auto=format&fit=crop\" alt=\"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u043e\u0439<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=100&auto=format&fit=crop\" alt=\"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u043e\u0439\" class=\"export-marquee-img\">\r\n            <span class=\"export-marquee-text\">\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?q=80&w=100&auto=format&fit=crop\" alt=\"\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438\" 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\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/span>\r\n            <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438<\/h2>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u041a\u0430\u0434\u0440\u044b \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/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=\"\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">01 \/ 07<\/span>\r\n                        <h3>\u041f\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432<\/h3>\r\n                        <p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0430\u0448\u0435\u0439 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u043c \u043f\u043e\u0433\u0440\u0443\u0437\u043e\u0447\u043d\u044b\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u043c \u0432\u0430\u0448\u0438 \u0442\u043e\u0432\u0430\u0440\u044b \u0434\u043e\u0431\u0435\u0440\u0443\u0442\u0441\u044f \u0434\u043e \u043c\u0435\u0441\u0442\u0430 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u043f\u043e\u0432\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439.<\/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=\"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">02 \/ 07<\/span>\r\n                        <h3>\u042d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/h3>\r\n                        <p>\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438, \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0438 \u0432\u0441\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u043f\u043e\u043b\u043d\u043e\u043c \u043e\u0431\u044a\u0435\u043c\u0435.<\/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=\"\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">03 \/ 07<\/span>\r\n                        <h3>\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0430<\/h3>\r\n                        <p>\u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u043d\u0430\u0448\u0438\u043c\u0438 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u043c\u0438 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u043c\u0438 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443.<\/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=\"\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">04 \/ 07<\/span>\r\n                        <h3>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438<\/h3>\r\n                        <p>\u0417\u0430\u043a\u0440\u044b\u0442\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u044c\u044e 4.000 \u043c\u00b2 \u0441 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u043b\u0438\u043d\u0438\u044f\u043c\u0438 \u0438 \u043f\u0435\u0440\u0435\u0434\u043e\u0432\u044b\u043c \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c.<\/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=\"\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">05 \/ 07<\/span>\r\n                        <h3>\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\r\n                        <p>\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438.<\/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=\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">06 \/ 07<\/span>\r\n                        <h3>\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043e\u0432<\/h3>\r\n                        <p>\u041d\u0430\u0448 \u043e\u043f\u044b\u0442\u043d\u044b\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0439 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b \u0438\u0437 \u0431\u043e\u043b\u0435\u0435 \u0447\u0435\u043c 50 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0432\u0441\u0435\u0433\u0434\u0430 \u0441 \u0432\u0430\u043c\u0438.<\/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=\"\u0421\u043a\u043b\u0430\u0434\">\r\n                    <div class=\"gallery-item-overlay\">\r\n                        <span class=\"gallery-item-number\">07 \/ 07<\/span>\r\n                        <h3>\u0425\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438 \u0438\u043d\u0432\u0435\u043d\u0442\u0430\u0440\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\r\n                        <p>\u0421\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u0437\u0430\u043a\u0430\u0437\u044b \u043f\u0440\u0438 \u0431\u043e\u043b\u044c\u0448\u043e\u043c \u043e\u0431\u044a\u0435\u043c\u0435 \u0441\u043a\u043b\u0430\u0434\u0441\u043a\u0438\u0445 \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0439.<\/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\">\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u0441\u0442\u0440\u0430\u043d, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c<\/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=\"\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/gb.png\" alt=\"\u0412\u0415\u041b\u0418\u041a\u041e\u0411\u0420\u0418\u0422\u0410\u041d\u0418\u042f\" class=\"country-flag\"><span class=\"country-name\">\u0412\u0435\u043b\u0438\u043a\u043e\u0431\u0440\u0438\u0442\u0430\u043d\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" alt=\"\u041e\u0410\u042d\" class=\"country-flag\"><span class=\"country-name\">\u041e\u0410\u042d<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" alt=\"\u0421\u0430\u0443\u0434\u043e\u0432\u0441\u043a\u0430\u044f \u0410\u0440\u0430\u0432\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u0421\u0430\u0443\u0434\u043e\u0432\u0441\u043a\u0430\u044f \u0410\u0440\u0430\u0432\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/qa.png\" alt=\"\u041a\u0430\u0442\u0430\u0440\" class=\"country-flag\"><span class=\"country-name\">\u041a\u0430\u0442\u0430\u0440<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/kz.png\" alt=\"\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\" class=\"country-flag\"><span class=\"country-name\">\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/az.png\" alt=\"\u0410\u0437\u0435\u0440\u0431\u0430\u0439\u0434\u0436\u0430\u043d\" class=\"country-flag\"><span class=\"country-name\">\u0410\u0437\u0435\u0440\u0431\u0430\u0439\u0434\u0436\u0430\u043d<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ly.png\" alt=\"\u041b\u0438\u0432\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u041b\u0438\u0432\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/iq.png\" alt=\"\u0418\u0440\u0430\u043a\" class=\"country-flag\"><span class=\"country-name\">\u0418\u0440\u0430\u043a<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/nl.png\" alt=\"\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u044b\" class=\"country-flag\"><span class=\"country-name\">\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u044b<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/fr.png\" alt=\"\u0424\u0440\u0430\u043d\u0446\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u0424\u0440\u0430\u043d\u0446\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/eg.png\" alt=\"\u0415\u0433\u0438\u043f\u0435\u0442\" class=\"country-flag\"><span class=\"country-name\">\u0415\u0433\u0438\u043f\u0435\u0442<\/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=\"\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u0413\u0435\u0440\u043c\u0430\u043d\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/gb.png\" alt=\"\u0412\u0415\u041b\u0418\u041a\u041e\u0411\u0420\u0418\u0422\u0410\u041d\u0418\u042f\" class=\"country-flag\"><span class=\"country-name\">\u0412\u0435\u043b\u0438\u043a\u043e\u0431\u0440\u0438\u0442\u0430\u043d\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ae.png\" alt=\"\u041e\u0410\u042d\" class=\"country-flag\"><span class=\"country-name\">\u041e\u0410\u042d<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/sa.png\" alt=\"\u0421\u0430\u0443\u0434\u043e\u0432\u0441\u043a\u0430\u044f \u0410\u0440\u0430\u0432\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u0421\u0430\u0443\u0434\u043e\u0432\u0441\u043a\u0430\u044f \u0410\u0440\u0430\u0432\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/qa.png\" alt=\"\u041a\u0430\u0442\u0430\u0440\" class=\"country-flag\"><span class=\"country-name\">\u041a\u0430\u0442\u0430\u0440<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/kz.png\" alt=\"\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\" class=\"country-flag\"><span class=\"country-name\">\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/az.png\" alt=\"\u0410\u0437\u0435\u0440\u0431\u0430\u0439\u0434\u0436\u0430\u043d\" class=\"country-flag\"><span class=\"country-name\">\u0410\u0437\u0435\u0440\u0431\u0430\u0439\u0434\u0436\u0430\u043d<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/ly.png\" alt=\"\u041b\u0438\u0432\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u041b\u0438\u0432\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/iq.png\" alt=\"\u0418\u0440\u0430\u043a\" class=\"country-flag\"><span class=\"country-name\">\u0418\u0440\u0430\u043a<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/nl.png\" alt=\"\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u044b\" class=\"country-flag\"><span class=\"country-name\">\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u044b<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/fr.png\" alt=\"\u0424\u0440\u0430\u043d\u0446\u0438\u044f\" class=\"country-flag\"><span class=\"country-name\">\u0424\u0440\u0430\u043d\u0446\u0438\u044f<\/span><\/div>\r\n                <div class=\"country-chip\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w40\/eg.png\" alt=\"\u0415\u0433\u0438\u043f\u0435\u0442\" class=\"country-flag\"><span class=\"country-name\">\u0415\u0433\u0438\u043f\u0435\u0442<\/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\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/span>\r\n            <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">\u041f\u043e\u0447\u0435\u043c\u0443 ZIENO?<\/h2>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"150\">\u041d\u0430\u0448\u0430 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043a\u0430\u043a \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430 \u043f\u043e \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u043c\u0443 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0443<\/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>\u0411\u044b\u0441\u0442\u0440\u043e\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/h3>\r\n                <p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u044f\u043c \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c \u043c\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0432\u0430\u0448\u0438 \u0437\u0430\u043a\u0430\u0437\u044b \u0442\u043e\u0447\u043d\u043e \u0432 \u0441\u0440\u043e\u043a. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u043e\u0442\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u043e \u0441\u043a\u043b\u0430\u0434\u0430.<\/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>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438\u0432\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438<\/h3>\r\n                <p>\u041c\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e OEM \u0438 Private Label. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0441\u0435 \u0434\u0435\u0442\u0430\u043b\u0438, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a \u0446\u0432\u0435\u0442, \u0442\u043a\u0430\u043d\u044c, \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0440\u0430\u0437\u043c\u0435\u0440 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0432\u0430\u0448\u0438\u043c\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438.<\/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>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\r\n                <p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u043e ISO \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u043c \u0438 \u0441\u0442\u0440\u043e\u0433\u043e\u043c\u0443 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c.<\/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>\u041a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h3>\r\n                <p>\u042f\u0432\u043b\u044f\u044f\u0441\u044c \u043f\u0440\u044f\u043c\u044b\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c, \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e \u043f\u043e \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u044b\u043c \u0446\u0435\u043d\u0430\u043c \u0431\u0435\u0437 \u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0437\u0430\u0442\u0440\u0430\u0442.<\/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>\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430<\/h3>\r\n                <p>\u041c\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0443\u0441\u043b\u0443\u0433\u0438 \u043f\u043e \u0432\u0441\u0435\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438, \u0442\u0430\u043a\u0438\u043c \u043a\u0430\u043a CIF, FOB, DDP, \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u043e\u043f\u044b\u0442\u043d\u044b\u043c\u0438 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u043c\u0438.<\/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>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h3>\r\n                <p>\u041d\u0430\u0448\u0430 \u043c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441 \u0432\u0430\u043c\u0438 \u0432\u043e \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u0445 \u0434\u043e \u0438 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043a\u0430\u0437\u0430. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c, \u0430\u0440\u0430\u0431\u0441\u043a\u043e\u043c \u0438 \u0442\u0443\u0440\u0435\u0446\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0430\u0445.<\/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>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438<\/h2>\r\n                    <p>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445, \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u0445 \u0438\u043b\u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0435. \u041d\u0430\u0448\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043e\u0432 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u043a\u0440\u0430\u0442\u0447\u0430\u0439\u0448\u0438\u0435 \u0441\u0440\u043e\u043a\u0438.<\/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>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430<\/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>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/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>\u0410\u0434\u0440\u0435\u0441<\/h4>\r\n                                <p>\u0421\u0442\u0430\u043c\u0431\u0443\u043b, \u0422\u0443\u0440\u0446\u0438\u044f<\/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>\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430<\/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>\u0418\u043c\u044f \u0424\u0430\u043c\u0438\u043b\u0438\u044f <span class=\"required\">*<\/span><\/label>\r\n                                <input type=\"text\" name=\"name\" placeholder=\"\u0412\u0430\u0448\u0435 \u0438\u043c\u044f \u0438 \u0444\u0430\u043c\u0438\u043b\u0438\u044f\" required>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group\">\r\n                                <label>\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430 <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>\u0422\u0435\u043b\u0435\u0444\u043e\u043d <span class=\"required\">*<\/span><\/label>\r\n                                <input type=\"tel\" name=\"phone\" placeholder=\"+90 XXX XXX XXX XX XX\" required>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group\">\r\n                                <label>\u0422\u0435\u043c\u0430<\/label>\r\n                                <select name=\"subject\">\r\n                                    <option value=\"Genel Bilgi\">\u041e\u0431\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/option>\r\n                                    <option value=\"\u00dcr\u00fcn Talebi\">\u0417\u0430\u043f\u0440\u043e\u0441 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430<\/option>\r\n                                    <option value=\"Proje Teklifi\">\u041f\u0440\u043e\u0435\u043a\u0442\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/option>\r\n                                    <option value=\"Sat\u0131\u015f Sonras\u0131 Destek\">\u041f\u043e\u0441\u043b\u0435\u043f\u0440\u043e\u0434\u0430\u0436\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/option>\r\n                                    <option value=\"\u0130hracat\">\u042d\u043a\u0441\u043f\u043e\u0440\u0442<\/option>\r\n                                    <option value=\"Di\u011fer\">\u0414\u0440\u0443\u0433\u0438\u0435<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"zieno-form-group full-width\">\r\n                                <label>\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 <span class=\"required\">*<\/span><\/label>\r\n                                <textarea name=\"message\" placeholder=\"\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c...\" 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>\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/span>\r\n                        <\/button>\r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/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 &#038; Global Presence | ZIENO Global Presence T\u00fcrkiye&#8217;den D\u00fcnyaya Premium ofis mobilyalar\u0131n\u0131 uluslararas\u0131 standartlarda \u00fcretiyor, 5 k\u0131taya ihra\u00e7 ediyoruz. Y\u0131llar\u0131n deneyimiyle [&hellip;]<\/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\/ru\/wp-json\/wp\/v2\/pages\/1162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/ru\/wp-json\/wp\/v2\/comments?post=1162"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/ru\/wp-json\/wp\/v2\/pages\/1162\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/ru\/wp-json\/wp\/v2\/media?parent=1162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}