{"id":8,"date":"2025-12-25T06:29:39","date_gmt":"2025-12-25T06:29:39","guid":{"rendered":"https:\/\/koffeecherry.com\/?page_id=8"},"modified":"2026-01-22T11:58:29","modified_gmt":"2026-01-22T11:58:29","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/koffeecherry.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0218c1 e-con-full e-flex e-con e-parent\" data-id=\"b0218c1\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e492b1f elementor-widget elementor-widget-html\" data-id=\"e492b1f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --full-bg-cherry: #B92B4F;\r\n            --full-bg-cream: #FDFBF0;\r\n            --full-bg-gold: #F7DEB9;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        .full-bg-hero-wrapper {\r\n            font-family: 'Almarai', sans-serif;\r\n            position: relative;\r\n            min-height: 100vh;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            \/* \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 *\/\r\n            background: linear-gradient(to left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.7) 100%), \r\n                        url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2026\/01\/4-1-1-scaled.webp') center\/cover no-repeat;\r\n            overflow: hidden;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .full-bg-hero-container {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 90%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: flex-start; \/* \u0644\u0636\u0645\u0627\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 \u0641\u064a \u0646\u0638\u0627\u0645 \u0627\u0644\u0640 RTL *\/\r\n        }\r\n\r\n        .full-bg-text-content {\r\n            max-width: 650px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fullBgReveal 1.2s forwards ease-out;\r\n        }\r\n\r\n        @keyframes fullBgReveal {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .full-bg-tagline {\r\n            color: var(--full-bg-gold);\r\n            font-weight: 800;\r\n            font-size: clamp(0.8rem, 2vw, 1rem);\r\n            letter-spacing: 3px;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n            text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .full-bg-main-title {\r\n            font-size: clamp(2.5rem, 6vw, 4rem);\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            margin-bottom: 30px;\r\n            color: #ffffff;\r\n            text-shadow: 2px 4px 10px rgba(0,0,0,0.6);\r\n        }\r\n\r\n        .full-bg-main-title span {\r\n            color: var(--full-bg-cherry);\r\n        }\r\n\r\n        .full-bg-desc-para {\r\n            font-size: clamp(1rem, 2vw, 1.2rem);\r\n            line-height: 1.8;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 45px;\r\n            border-right: 4px solid var(--full-bg-cherry);\r\n            padding-right: 20px;\r\n            text-shadow: 1px 1px 5px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .full-bg-actions {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 25px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .full-bg-btn-primary {\r\n            display: inline-flex;\r\n            padding: 18px 40px;\r\n            background: linear-gradient(45deg, var(--full-bg-cherry), #8e1d3a);\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            border-radius: 50px;\r\n            transition: 0.4s;\r\n            box-shadow: 0 10px 25px rgba(185, 43, 79, 0.4);\r\n        }\r\n\r\n        .full-bg-btn-primary:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 30px rgba(185, 43, 79, 0.5);\r\n            color: #ffffff;\r\n        }\r\n\r\n        .full-bg-btn-outline {\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            border-bottom: 2px solid var(--full-bg-gold);\r\n            padding-bottom: 5px;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .full-bg-btn-outline:hover {\r\n            color: var(--full-bg-gold);\r\n            border-color: #ffffff;\r\n        }\r\n\r\n        .full-bg-scroll-arrow {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 20;\r\n            animation: fullBgBounce 2s infinite;\r\n        }\r\n\r\n        @keyframes fullBgBounce {\r\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\r\n            40% { transform: translateY(-12px) translateX(-50%); }\r\n            60% { transform: translateY(-6px) translateX(-50%); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .full-bg-hero-wrapper {\r\n                background-position: 70% center; \/* \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0635\u0648\u0631\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n                text-align: center;\r\n                padding-top: 150px;\r\n            }\r\n            .full-bg-hero-container {\r\n                justify-content: center;\r\n            }\r\n            .full-bg-desc-para {\r\n                border-right: none;\r\n                border-bottom: 2px solid var(--full-bg-cherry);\r\n                padding: 0 0 15px 0;\r\n            }\r\n            .full-bg-actions {\r\n                justify-content: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"full-bg-hero-wrapper\">\r\n        <div class=\"full-bg-hero-container\">\r\n            <div class=\"full-bg-text-content\">\r\n                <span class=\"full-bg-tagline\">From farm to roaster<\/span>\r\n                <h1 class=\"full-bg-main-title translation-block\">Importing selected coffee from <span>reliable sources<\/span><br> around the world<\/h1>\r\n                <p class=\"full-bg-desc-para\">\r\n                    \u0643\u0640\u0631\u0632\u0629 \u0627\u0644\u0642\u0647\u0648\u0629 \u0634\u0631\u0643\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0648\u0631\u064a\u062f \u0645\u0648\u062b\u0648\u0642\u0640\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0642\u0647\u0648\u0629. \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0635\u062f\u0631\u060c \u0648\u0636\u0648\u062d \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0641\u064a \u062c\u0645\u064a\u0640\u0639 \u0645\u0631\u0627\u062d\u0644\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0631\u064a\u062f \u0623\u062c\u0648\u062f \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0628\u0646 \u0627\u0644\u0623\u062e\u0636\u0631.\r\n                <\/p>\r\n                <div class=\"full-bg-actions\">\r\n                    <a href=\"https:\/\/koffeecherry.com\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"full-bg-btn-primary\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0640\u0644\u062a\u0643 \u0627\u0644\u0622\u0646<\/a>\r\n                    <a href=\"https:\/\/koffeecherry.com\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"full-bg-btn-outline\">Explore more<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"#next-section\" class=\"full-bg-scroll-arrow\">\r\n            <svg width=\"35\" height=\"35\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\"\/>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c64034a elementor-widget elementor-widget-html\" data-id=\"c64034a\" data-element_type=\"widget\" id=\"go\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mega-stats\">\r\n    <div class=\"stats-bg-layer\"><\/div>\r\n    \r\n    <div class=\"stats-fluid-container\">\r\n        <div class=\"stats-side-title reveal\">\r\n            <span>2020<\/span>\r\n            <div class=\"v-line\"><\/div>\r\n            <span>2025<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"stats-main-row\">\r\n            \r\n            <div class=\"stat-item reveal\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"big-num\">06<\/span>\r\n                    <span class=\"symbol\">+<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label-wrapper\">\r\n                    <p>Importing country<\/p>\r\n                    <span class=\"sub-label\">Major around the world<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-item reveal\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"big-num\">450<\/span>\r\n                    <span class=\"symbol\">+<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label-wrapper\">\r\n                    <p>Ton of coffee<\/p>\r\n                    <span class=\"sub-label\">Annual net import<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-item reveal\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"big-num\">60<\/span>\r\n                    <span class=\"symbol\">+<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label-wrapper\">\r\n                    <p>Business client<\/p>\r\n                    <span class=\"sub-label\">Strategic partnerships<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-divider\"><\/div>\r\n\r\n            <div class=\"stat-item reveal\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"big-num\">100<\/span>\r\n                    <span class=\"symbol\">%<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label-wrapper\">\r\n                    <p>Quality standards<\/p>\r\n                    <span class=\"sub-label\">Absolute professional commitment<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u062f\u064a\u062f: Horizontal Luxury Strip *\/\r\n.mega-stats {\r\n    padding: 100px 0;\r\n    background-color: #f7f3e9; \/* \u0628\u064a\u062c \u0645\u0644\u0643\u064a \u0641\u0627\u062a\u062d \u062c\u062f\u0627\u064b *\/\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-top: 1px solid rgba(185, 43, 79, 0.05);\r\n    border-bottom: 1px solid rgba(185, 43, 79, 0.05);\r\n}\r\n\r\n.stats-fluid-container {\r\n    max-width: 1400px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0627\u0644\u0631\u0641\u064a\u0639 *\/\r\n.stats-side-title {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 15px;\r\n    color: var(--cherry);\r\n    font-weight: 900;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 3px;\r\n    opacity: 0.4;\r\n}\r\n\r\n.v-line {\r\n    width: 1px;\r\n    height: 100px;\r\n    background: linear-gradient(to bottom, transparent, var(--cherry), transparent);\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.stats-main-row {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.stat-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.stat-number-wrapper {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 2px;\r\n}\r\n\r\n.big-num {\r\n    font-size: clamp(3rem, 6vw, 5.5rem);\r\n    font-weight: 900;\r\n    color: #1A2E26; \/* \u0623\u062e\u0636\u0631 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u063a\u0627\u0645\u0642 \u062c\u062f\u0627\u064b *\/\r\n    line-height: 0.9;\r\n    letter-spacing: -3px;\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.symbol {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    color: var(--cherry);\r\n}\r\n\r\n.stat-label-wrapper p {\r\n    font-size: 1.2rem;\r\n    font-weight: 800;\r\n    color: #2A1B15;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.sub-label {\r\n    font-size: 0.8rem;\r\n    color: #888;\r\n    font-weight: 400;\r\n    display: block;\r\n}\r\n\r\n\/* \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n.stat-divider {\r\n    width: 1px;\r\n    height: 60px;\r\n    background-color: rgba(185, 43, 79, 0.15);\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0627\u0644\u0645\u0631\u0648\u0631 *\/\r\n.stat-item:hover .big-num {\r\n    color: var(--cherry);\r\n    transform: translateY(-5px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n    .stats-main-row {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 50px;\r\n    }\r\n    .stat-divider { display: none; }\r\n    .stats-side-title { display: none; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .mega-stats { padding: 60px 0; }\r\n    .stat-item { align-items: center; text-align: center; width: 45%; }\r\n    .big-num { font-size: 3.5rem; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-639dc03 e-con-full e-flex e-con e-parent\" data-id=\"639dc03\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b16145 elementor-widget elementor-widget-html\" data-id=\"3b16145\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cherry-luxury-split\">\r\n    <div class=\"unified-bg-layer\"><\/div>\r\n\r\n    <div class=\"split-side-brand\">\r\n        <div class=\"dark-overlay\"><\/div>\r\n        <div class=\"brand-content-wrap\">\r\n            <span class=\"top-label\">From the farms of the world to you<\/span>\r\n            <h2 class=\"main-heading\">\u0646\u062d\u0646 \u0627\u0644\u0642\u0635\u0629 \u0627\u0644\u0643\u0627\u0645\u0646\u0629<br><span>\u062e\u0644\u0641 \u0643\u0644 \u062d\u0628\u0629 \u0628\u0646<\/span><\/h2>\r\n            <div class=\"text-divider\"><\/div>\r\n            <p class=\"brand-paragraph\">\r\n                \u0641\u064a <strong>\u0643\u0631\u0632\u0629 \u0627\u0644\u0642\u0647\u0648\u0629<\/strong> \u0644\u0627 \u0646\u0633\u062a\u0648\u0631\u062f \u0627\u0644\u0645\u062d\u0627\u0635\u064a\u0644 \u0641\u062d\u0633\u0628 \r\n                \u0628\u0644 \u0646\u0646\u0642\u0644 \u0634\u063a\u0641 \u0627\u0644\u0645\u0632\u0627\u0631\u0639\u064a\u0646 \u0645\u0646 \u0623\u0642\u0627\u0635\u064a \u0627\u0644\u0623\u0631\u0636 \u0625\u0644\u0649 \u0645\u062d\u0627\u0645\u0635\u0643\u0645 .. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0646\u062a\u0642\u0627\u0621 \u0633\u0644\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0647\u0648\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0629 \u0648\u0641\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0646\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u0630\u0648\u0642 \u062a\u0639\u0643\u0633 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0635\u062f\u0631 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \r\n            <\/p>\r\n            <div class=\"brand-features\">\r\n                <div class=\"feat-item\"><span class=\"check\">\u2713<\/span> Accuracy in selection<\/div>\r\n                <div class=\"feat-item\"><span class=\"check\">\u2713<\/span> International standards<\/div>\r\n            <\/div>\r\n            <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/\" class=\"btn-discovery\">Discover our crops<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"split-side-services\">\r\n        <div class=\"deep-overlay\"><\/div>\r\n        <div class=\"services-grid-wrap\">\r\n            <div class=\"luxury-card\">\r\n                <div class=\"card-head\">\r\n                    <span class=\"count\">01<\/span>\r\n                    <div class=\"icon-svg icon-beans\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>Quality <\/h3>\r\n                <p>Careful manual sorting of the finest Arabica strains from original sources.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"luxury-card\">\r\n                <div class=\"card-head\">\r\n                    <span class=\"count\">02<\/span>\r\n                    <div class=\"icon-svg icon-truck\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>Supply <\/h3>\r\n                <p>An organized supply chain ensures that coffee arrives with consistent quality and record time<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"luxury-card\">\r\n                <div class=\"card-head\">\r\n                    <span class=\"count\">03<\/span>\r\n                    <div class=\"icon-svg icon-global\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h3>Sustainability <\/h3>\r\n                <p>Fair partnerships with farmers are based on transparency and support long-term sustainability<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a - \u062c\u0639\u0644 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062a\u0644\u0642\u0627\u0626\u064a \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n.cherry-luxury-split {\r\n    display: flex;\r\n    min-height: 100vh;\r\n    width: 100%;\r\n    \/* \u062a\u0645 \u0625\u0632\u0627\u0644\u0629 direction: rtl \u0644\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u0628 (HTML) *\/\r\n    background: #000;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 *\/\r\n.unified-bg-layer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/Whisk_b8c4789b2e23588862e4e2a0ece194b6dr.webp') center\/cover no-repeat;\r\n    z-index: 0;\r\n}\r\n\r\n.dark-overlay, .deep-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    z-index: 1;\r\n}\r\n.dark-overlay { background: rgba(0, 0, 0, 0.75); }\r\n.deep-overlay { background: rgba(0, 0, 0, 0.8); }\r\n\r\n.split-side-brand, .split-side-services {\r\n    flex: 1;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 80px 6%;\r\n    z-index: 2;\r\n}\r\n\r\n.brand-content-wrap, .services-grid-wrap {\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n\/* \u0646\u0635\u0648\u0635 \u0627\u0644\u0628\u0631\u0627\u0646\u062f *\/\r\n.top-label { color: #F7DDBA; font-size: 0.85rem; letter-spacing: 2px; margin-bottom: 10px; display: block; font-weight: 700; }\r\n.main-heading { color: #fff; font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 800; line-height: 1.2; }\r\n.main-heading span { color: #F7DDBA; font-weight: 300; }\r\n.text-divider { width: 60px; height: 3px; background: #B92B4F; margin: 25px 0; }\r\n.brand-paragraph { color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px; }\r\n\r\n\/* \u0627\u0644\u0641\u064a\u062a\u0634\u0631\u0627\u062a - \u0627\u0633\u062a\u062e\u062f\u0627\u0645 gap \u0628\u062f\u0644 margin \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0641\u064a \u0627\u0644\u0635\u0648\u0628\u064a\u0646 *\/\r\n.feat-item { color: #F7DDBA; margin-bottom: 10px; font-weight: 600; display: flex; align-items: center; gap: 10px; }\r\n.feat-item .check { color: #B92B4F; font-weight: 900; }\r\n\r\n\/* \u0627\u0644\u0632\u0631 *\/\r\n.btn-discovery {\r\n    display: inline-block;\r\n    padding: 14px 40px;\r\n    border: 1px solid #F7DDBA;\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.btn-discovery:hover {\r\n    color: #000;\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.btn-discovery::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; \r\n    left: -100%; \/* \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n    width: 100%; height: 100%;\r\n    background: #F7DDBA;\r\n    transition: all 0.4s ease;\r\n    z-index: -1;\r\n}\r\n\r\n.btn-discovery:hover::before { left: 0; }\r\n\r\n\/* \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.services-grid-wrap { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 440px; }\r\n\r\n.luxury-card {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 30px;\r\n    border-radius: 20px;\r\n    backdrop-filter: blur(8px);\r\n    transition: 0.5s ease;\r\n}\r\n\r\n.luxury-card:hover {\r\n    background: rgba(185, 43, 79, 0.15);\r\n    border-color: #B92B4F;\r\n    box-shadow: 20px 20px 40px rgba(0,0,0,0.5);\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u062d\u0631\u0643 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631: \u064a\u062a\u063a\u064a\u0631 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n[dir=\"rtl\"] .luxury-card:hover { transform: translateX(-10px); }\r\n[dir=\"ltr\"] .luxury-card:hover { transform: translateX(10px); }\r\n\r\n.card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }\r\n.count { font-size: 1.2rem; font-weight: 800; color: rgba(255, 255, 255, 0.2); }\r\n.luxury-card:hover .count { color: #B92B4F; }\r\n\r\n.icon-svg { color: #F7DDBA; transition: 0.4s ease; }\r\n.icon-svg svg { width: 38px; height: 38px; }\r\n\r\n.luxury-card h3 { color: #fff; font-size: 1.3rem; margin-bottom: 8px; font-weight: 700; }\r\n.luxury-card p { color: rgba(255, 255, 255, 0.6); font-size: 0.95rem; line-height: 1.6; }\r\n\r\n\/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n@media (max-width: 1024px) {\r\n    .cherry-luxury-split { flex-direction: column; }\r\n    .split-side-brand, .split-side-services { padding: 60px 8%; text-align: center; justify-content: center; }\r\n    .text-divider { margin: 25px auto; }\r\n    .feat-item { justify-content: center; }\r\n    .luxury-card:hover { transform: translateY(-10px) !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cbc04d elementor-widget elementor-widget-html\" data-id=\"5cbc04d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"premium-story-path\">\r\n    <div class=\"story-bg-layer\"><\/div>\r\n\r\n    <div class=\"bg-elements\">\r\n        <div class=\"floating-grain g1\"><\/div>\r\n        <div class=\"floating-grain g2\"><\/div>\r\n        <div class=\"abstract-shape\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"story-container\">\r\n        <div class=\"story-header reveal\">\r\n            <div class=\"title-wrapper\">\r\n                <span class=\"top-label\">From the beginning<\/span>\r\n                <h2 class=\"main-story-title\">\u0631\u062d\u0644\u0629 <span>\u0643\u0631\u0632\u0629 \u0627\u0644\u0642\u0647\u0648\u0629<\/span><\/h2>\r\n                <p class=\"story-subtitle\">A passion story that starts from the farmer and reaches your roaster \r\n<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-wrapper\">\r\n            <div class=\"gold-connector\"><\/div>\r\n\r\n            <div class=\"timeline-grid\">\r\n                \r\n                <div class=\"timeline-node reveal\">\r\n                    <div class=\"node-visual\">\r\n                        <div class=\"icon-box\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                                <path d=\"M12 21a9 9 0 100-18 9 9 0 000 18z\" stroke-dasharray=\"2 2\"\/>\r\n                                <path d=\"M12 8v8M8 12h8\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"node-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0633\u0631-\u0627\u0644\u0643\u0631\u0632\u0629.webp\" alt=\"Passion\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"node-text\">\r\n                        <h3>The beginning of curiosity<\/h3>\r\n                        <p>Our trade was not just imports\nRather, it is a journey to understand the world of coffee and learn the story and flavor of each coffee\nCoffee bean   <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-node reveal\" style=\"animation-delay: 0.2s;\">\r\n                    <div class=\"node-visual\">\r\n                        <div class=\"icon-box highlight\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"node-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u062a\u062c\u0641\u064a\u0641-\u0627\u0644\u0642\u0647\u0648\u0629.webp\" alt=\"Discovery\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"node-text\">\r\n                        <h3>Secret of cherry<\/h3>\r\n                        <p>Among hundreds of types, we have chosen what bears the quality of the coffee cherry\nThe specialists take great care to deliver it to your roasters <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"timeline-node reveal\" style=\"animation-delay: 0.4s;\">\r\n                    <div class=\"node-visual\">\r\n                        <div class=\"icon-box\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"node-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-25-114605.png\" alt=\"Quality\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"node-text\">\r\n                        <h3>A message that differentiates<\/h3>\r\n                        <p>We bring coffee that quenches the thirst for excellence, and lets every flavor in your cup tell the story of its farmer.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u0639 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0641\u0642\u0637 *\/\r\n.premium-story-path {\r\n    padding: 120px 0;\r\n    background: #F9F7F2; \/* \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.story-bg-layer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u062e\u0644\u0641\u064a\u0629-\u0631\u062d\u0644\u0629-\u0643\u0631\u0632\u0629.webp') no-repeat center center;\r\n    background-size: cover;\r\n    opacity: 0.15; \/* \u062c\u0639\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0647\u0627\u062f\u0626\u0629 \u062c\u062f\u0627\u064b \u0644\u0643\u064a \u0644\u0627 \u062a\u062e\u0631\u0628 \u0627\u0644\u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n    z-index: 1;\r\n}\r\n\r\n.bg-elements .floating-grain {\r\n    position: absolute;\r\n    width: 150px;\r\n    height: 150px;\r\n    background: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/coffe.png') no-repeat center\/contain;\r\n    opacity: 0.03;\r\n    z-index: 2;\r\n}\r\n.g1 { top: 10%; left: 5%; transform: rotate(15deg); }\r\n.g2 { bottom: 10%; right: 5%; transform: rotate(-20deg); }\r\n\r\n.abstract-shape {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 80%;\r\n    height: 80%;\r\n    background: radial-gradient(circle, rgba(185, 43, 79, 0.02) 0%, transparent 70%);\r\n    transform: translate(-50%, -50%);\r\n    z-index: 2;\r\n}\r\n\r\n.story-container {\r\n    max-width: 1300px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.story-header {\r\n    text-align: center;\r\n    margin-bottom: 90px;\r\n}\r\n\r\n.top-label {\r\n    display: block;\r\n    color: #B92B4F; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0645\u0627\u0631\u0648\u0646\u064a \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n    font-weight: 800;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 4px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.main-story-title {\r\n    font-size: clamp(2rem, 4vw, 3rem);\r\n    color: #1A2E26;\r\n    font-weight: 900;\r\n}\r\n\r\n.main-story-title span { color: #B92B4F; }\r\n\r\n.story-subtitle {\r\n    color: #888;\r\n    margin-top: 10px;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.timeline-wrapper {\r\n    position: relative;\r\n    padding: 40px 0;\r\n}\r\n\r\n.gold-connector {\r\n    position: absolute;\r\n    top: 150px;\r\n    left: 10%;\r\n    right: 10%;\r\n    height: 1px;\r\n    background: linear-gradient(to right, transparent, #D4AF37, transparent);\r\n    z-index: 1;\r\n}\r\n\r\n.timeline-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.timeline-node {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n}\r\n\r\n.node-visual {\r\n    position: relative;\r\n    width: 200px;\r\n    height: 200px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.node-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n    overflow: hidden;\r\n    border: 5px solid #fff;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n    transition: 0.5s;\r\n}\r\n\r\n.node-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.icon-box {\r\n    position: absolute;\r\n    top: -15px;\r\n    right: -15px;\r\n    width: 50px;\r\n    height: 50px;\r\n    background: #fff;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #B92B4F;\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    z-index: 10;\r\n}\r\n\r\n.icon-box.highlight { background: #B92B4F; color: #fff; }\r\n\r\n.icon-box svg { width: 24px; height: 24px; }\r\n\r\n.node-text h3 {\r\n    font-size: 1.4rem;\r\n    color: #1A2E26;\r\n    margin-bottom: 15px;\r\n    font-weight: 800;\r\n}\r\n\r\n.node-text p {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    line-height: 1.7;\r\n    max-width: 280px;\r\n}\r\n\r\n.timeline-node:hover .node-img {\r\n    border-radius: 50%;\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 30px 50px rgba(185, 43, 79, 0.1);\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .timeline-grid { grid-template-columns: 1fr; gap: 80px; }\r\n    .gold-connector { display: none; }\r\n    .node-visual { width: 250px; height: 250px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee5cf2a elementor-widget elementor-widget-html\" data-id=\"ee5cf2a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"modern-vision-section\">\r\n    <div class=\"floating-icons-container\">\r\n        <div class=\"f-icon icon-1\">\u2615<\/div>\r\n        <div class=\"f-icon icon-2\">\ud83c\udf3f<\/div>\r\n        <div class=\"f-icon icon-3\">\u2728<\/div>\r\n        <div class=\"f-icon icon-4\">\ud83c\udf52<\/div>\r\n        <div class=\"f-icon icon-5\">\u2615<\/div>\r\n        <div class=\"f-icon icon-6\">\ud83c\udf31<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"vision-wrapper\">\r\n        <div class=\"vision-text-content reveal\">\r\n            <div class=\"badge-v\">\r\n                <span class=\"badge-line\"><\/span>\r\n                Limitless ambition\r\n            <\/div>\r\n            <h2 class=\"vision-main-title\">\u0631\u0624\u064a\u0629 <span>\u0643\u0631\u0632\u0629 \u0627\u0644\u0642\u0647\u0648\u0629<\/span><\/h2>\r\n            \r\n            <div class=\"vision-desc-card\">\r\n                <p class=\"p-lead\">\r\n                    \u0646\u0637\u0645\u062d \u0641\u064a \u0643\u0631\u0632\u064e\u0629 \u0627\u0644\u0642\u0647\u0648\u0629 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0639\u0627\u0644\u0645\u064a \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0642\u0647\u0648\u0629 \r\n\u0639\u0628\u0631 \u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0628\u0645\u0627 \u064a\u0646\u0633\u062c\u0645 \u0645\u0639 \u0645\u0633\u062a\u0647\u062f\u0641\u0627\u062a <span class=\"v-2030\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030<\/span>.\r\n                <\/p>\r\n                <div class=\"v-checks\">\r\n                    <div class=\"check-item\"><span>\u2726<\/span> Professional supply<\/div>\r\n                    <div class=\"check-item\"><span>\u2726<\/span> Sustainable quality<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vision-visual-content reveal\">\r\n            <div class=\"circles-composition\">\r\n                <div class=\"v-circle circle-v2030\">\r\n                    <img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u0644\u0631\u0624\u064a\u0629.png\" alt=\"Vision 2030\">\r\n                <\/div>\r\n                <div class=\"v-circle circle-main-img\">\r\n                    <img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f.webp\" alt=\"Main Section\">\r\n                <\/div>\r\n                <div class=\"deco-ring\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n.modern-vision-section {\r\n    padding: 120px 0;\r\n    \/* \u062c\u0631\u064a\u062f\u064a\u0646\u062a \u0645\u0646 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u0627\u0646\u062f (\u0644\u064a\u0633 \u063a\u0627\u0645\u0642\u0627\u064b \u062c\u062f\u0627\u064b) *\/\r\n    background: linear-gradient(135deg, #3A856E 0%, #7BAD9E 50%, #243b32 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0639\u0627\u0626\u0645\u0629 *\/\r\n.floating-icons-container {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.f-icon {\r\n    position: absolute;\r\n    font-size: 2.5rem;\r\n    color: #f7deb9;\r\n    opacity: 0.08; \/* \u0634\u0641\u0627\u0641\u0629 \u062c\u062f\u0627\u064b \u0644\u062a\u0639\u0637\u064a \u0637\u0627\u0628\u0639 \u0645\u0627\u0626\u064a *\/\r\n    animation: floatAnim 15s infinite linear;\r\n}\r\n\r\n\/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.icon-1 { top: 10%; left: 5%; animation-duration: 18s; }\r\n.icon-2 { top: 70%; left: 15%; animation-duration: 22s; }\r\n.icon-3 { top: 40%; right: 10%; animation-duration: 20s; }\r\n.icon-4 { top: 15%; right: 25%; animation-duration: 25s; }\r\n.icon-5 { bottom: 10%; right: 5%; animation-duration: 16s; }\r\n.icon-6 { top: 50%; left: 45%; animation-duration: 30s; }\r\n\r\n@keyframes floatAnim {\r\n    0% { transform: translateY(0) rotate(0deg); opacity: 0.08; }\r\n    50% { transform: translateY(-50px) rotate(180deg); opacity: 0.15; }\r\n    100% { transform: translateY(0) rotate(360deg); opacity: 0.08; }\r\n}\r\n\r\n.vision-wrapper {\r\n    max-width: 1300px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap: 60px;\r\n    position: relative;\r\n    z-index: 2;\r\n    align-items: center;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.badge-v {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: #f7deb9;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.badge-line { width: 30px; height: 2px; background: #b92b4f; }\r\n\r\n.vision-main-title {\r\n    font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n    color: #fff;\r\n    font-weight: 900;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.vision-main-title span { color: #f7deb9; }\r\n\r\n.vision-desc-card {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    padding: 40px;\r\n    border-radius: 30px;\r\n    border: 1px solid rgba(247, 222, 185, 0.1);\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.p-lead {\r\n    font-size: 1.25rem;\r\n    line-height: 1.8;\r\n    color: rgba(255,255,255,0.9);\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.v-2030 { color: #f7deb9; font-weight: 800; border-bottom: 2px solid #b92b4f; }\r\n\r\n.v-checks { display: flex; gap: 30px; }\r\n.check-item { color: rgba(255,255,255,0.6); font-weight: 600; font-size: 0.95rem; }\r\n.check-item span { color: #b92b4f; margin-left: 5px; }\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062f\u0627\u0626\u0631\u064a\u0629 *\/\r\n.circles-composition {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 450px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.v-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n    border: 3px solid rgba(255,255,255,0.1);\r\n    transition: 0.5s ease;\r\n}\r\n\r\n.v-circle img { width: 100%; height: 100%; object-fit: cover; }\r\n\r\n.circle-v2030 {\r\n    width: 280px;\r\n    height: 280px;\r\n    z-index: 5;\r\n    transform: translate(-50px, -40px);\r\n}\r\n\r\n.circle-main-img {\r\n    width: 240px;\r\n    height: 240px;\r\n    z-index: 10;\r\n    transform: translate(60px, 60px);\r\n    border: 6px solid #1a2e26; \/* \u0641\u0627\u0635\u0644 \u0644\u0648\u0646\u064a *\/\r\n}\r\n\r\n.v-circle:hover {\r\n    transform: translate(0,0) scale(1.08);\r\n    z-index: 20;\r\n}\r\n\r\n.deco-ring {\r\n    position: absolute;\r\n    width: 380px;\r\n    height: 380px;\r\n    border: 1px dashed rgba(247, 222, 185, 0.2);\r\n    border-radius: 50%;\r\n    animation: rotateRing 20s linear infinite;\r\n}\r\n\r\n@keyframes rotateRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n\r\n\/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 992px) {\r\n    .vision-wrapper { grid-template-columns: 1fr; text-align: center; }\r\n    .badge-v { justify-content: center; }\r\n    .v-checks { justify-content: center; }\r\n    .circles-composition { height: 400px; }\r\n    .circle-v2030 { width: 220px; height: 220px; transform: translate(-30px, -30px); }\r\n    .circle-main-img { width: 180px; height: 180px; transform: translate(40px, 40px); }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acad1a9 elementor-widget elementor-widget-html\" data-id=\"acad1a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"global-strips-section\">\r\n    <div class=\"strips-header reveal\">\r\n        <h2 class=\"strips-title\">\u0645\u0635\u0627\u062f\u0631\u0646\u0627 <span>\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/span><\/h2>\r\n        <p class=\"strips-subtitle\">We select quality from the heart of origin to reach your taste<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"strips-container\">\r\n        <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/#\u0625\u062b\u064a\u0648\u0628\u064a\u0627\" class=\"strip reveal\" style=\"--bg-image: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u062b\u064a\u0648\u0628\u064a\u0627.webp');\">\r\n            <div class=\"strip-overlay\"><\/div>\r\n            <div class=\"strip-content\">\r\n                <div class=\"strip-number\">01<\/div>\r\n                <h3 class=\"strip-name\">Ethiopia<\/h3>\r\n                <div class=\"strip-details\"><p>Africa - ancient and aromatic strains<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"vertical-text\">ETHIOPIA<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/#\u0643\u0648\u0644\u0648\u0645\u0628\u064a\u0627\" class=\"strip reveal\" style=\"--bg-image: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0643\u0648\u0644\u0648\u0645\u0628\u064a\u0627.webp');\">\r\n            <div class=\"strip-overlay\"><\/div>\r\n            <div class=\"strip-content\">\r\n                <div class=\"strip-number\">02<\/div>\r\n                <h3 class=\"strip-name\">Colombia<\/h3>\r\n                <div class=\"strip-details\"><p>South America - perfect balance and classic<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"vertical-text\">COLOMBIA<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/#\u0627\u0644\u0628\u0631\u0627\u0632\u064a\u0644\" class=\"strip reveal\" style=\"--bg-image: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u0644\u0628\u0631\u0627\u0632\u064a\u0644.webp');\">\r\n            <div class=\"strip-overlay\"><\/div>\r\n            <div class=\"strip-content\">\r\n                <div class=\"strip-number\">03<\/div>\r\n                <h3 class=\"strip-name\">Brazil<\/h3>\r\n                <div class=\"strip-details\"><p>South America - Rich texture and nutty flavours<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"vertical-text\">BRAZIL<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/#\u0625\u0646\u062f\u0648\u0646\u064a\u0633\u064a\u0627\" class=\"strip reveal\" style=\"--bg-image: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2026\/01\/\u0627\u0646\u062f\u0648\u0646\u064a\u0633\u064a\u0627.webp');\">\r\n            <div class=\"strip-overlay\"><\/div>\r\n            <div class=\"strip-content\">\r\n                <div class=\"strip-number\">04<\/div>\r\n                <h3 class=\"strip-name\">Indonesia<\/h3>\r\n                <div class=\"strip-details\"><p>Asia - Unique earthy, woody overtones<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"vertical-text\">INDONESIA<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/#\u0623\u0648\u063a\u0646\u062f\u0627\" class=\"strip reveal\" style=\"--bg-image: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2026\/01\/\u0627\u0648\u063a\u0646\u062f\u0627.webp');\">\r\n            <div class=\"strip-overlay\"><\/div>\r\n            <div class=\"strip-content\">\r\n                <div class=\"strip-number\">05<\/div>\r\n                <h3 class=\"strip-name\">Uganda<\/h3>\r\n                <div class=\"strip-details\"><p>Africa - Wild fruit and full body<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"vertical-text\">UGANDA<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/koffeecherry.com\/en\/%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d8%b5%d9%8a%d9%84\/#\u0627\u0644\u0633\u0644\u0641\u0627\u062f\u0648\u0631\" class=\"strip reveal\" style=\"--bg-image: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u0644\u0633\u0644\u0641\u0627\u062f\u0648\u0631.webp');\">\r\n            <div class=\"strip-overlay\"><\/div>\r\n            <div class=\"strip-content\">\r\n                <div class=\"strip-number\">06<\/div>\r\n                <h3 class=\"strip-name\">El Salvador<\/h3>\r\n                <div class=\"strip-details\"><p>Central America - Natural sweetness and smooth texture<\/p><\/div>\r\n            <\/div>\r\n            <div class=\"vertical-text\">SALVADOR<\/div>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a - \u062c\u0639\u0644 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a *\/\r\n.global-strips-section {\r\n    padding: 100px 0;\r\n    background-color: #FDFBF7;\r\n    overflow: hidden;\r\n    \/* \u062a\u0645\u062a \u0625\u0632\u0627\u0644\u0629 direction: rtl \u0627\u0644\u062b\u0627\u0628\u062a\u0629 *\/\r\n}\r\n\r\n.strips-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.strips-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 900;\r\n    color: #1A2E26;\r\n}\r\n\r\n.strips-title span { color: #B92B4F; }\r\n.strips-subtitle { color: #666; font-size: 1.2rem; margin-top: 10px; }\r\n\r\n.strips-container {\r\n    display: flex;\r\n    width: 95%;\r\n    max-width: 1500px;\r\n    height: 700px;\r\n    gap: 12px;\r\n    margin: 0 auto;\r\n    padding: 0 10px;\r\n}\r\n\r\n.strip {\r\n    position: relative;\r\n    flex: 1;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n    background-image: var(--bg-image);\r\n    background-size: cover;\r\n    background-position: center;\r\n    text-decoration: none;\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.strip:hover {\r\n    flex: 6;\r\n}\r\n\r\n.strip-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, rgba(26, 46, 38, 0.2), rgba(26, 46, 38, 0.9));\r\n    transition: 0.6s;\r\n}\r\n\r\n.strip:hover .strip-overlay {\r\n    background: linear-gradient(to bottom, rgba(185, 43, 79, 0.15), rgba(26, 46, 38, 0.85));\r\n}\r\n\r\n.strip-content {\r\n    position: absolute;\r\n    bottom: 50px;\r\n    \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 logical properties \u0628\u062f\u0644\u0627\u064b \u0645\u0646 right\/left \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0644\u063a\u0629 *\/\r\n    inset-inline-start: 0;\r\n    inset-inline-end: 0;\r\n    padding: 0 30px;\r\n    color: #fff;\r\n    z-index: 5;\r\n    transition: 0.6s ease;\r\n}\r\n\r\n.strip-number {\r\n    font-size: 1.3rem;\r\n    font-weight: 800;\r\n    color: #B92B4F;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0631\u0623\u0633\u064a - \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n.strip-name {\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    margin-bottom: 0px;\r\n    color: white;\r\n    white-space: nowrap;\r\n    writing-mode: vertical-rl;\r\n    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062f\u0648\u0631\u0627\u0646 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0644\u064a\u0643\u0648\u0646 \u0627\u0644\u0646\u0635 \u062f\u0627\u0626\u0645\u0627\u064b \u0645\u0642\u0631\u0648\u0621 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649 *\/\r\n[dir=\"rtl\"] .strip-name { transform: rotate(180deg); }\r\n[dir=\"ltr\"] .strip-name { transform: rotate(0deg); }\r\n\r\n.strip-details {\r\n    max-height: 0;\r\n    opacity: 0;\r\n    overflow: hidden;\r\n    transition: 0.6s;\r\n    font-size: 1.2rem;\r\n    margin-top: 10px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* \u0639\u0646\u062f \u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0627\u0648\u0633: \u0627\u0644\u0646\u0635 \u064a\u0639\u062a\u062f\u0644 \u0648\u064a\u0638\u0647\u0631 \u0627\u0644\u0648\u0635\u0641 *\/\r\n.strip:hover .strip-name {\r\n    writing-mode: horizontal-tb;\r\n    transform: rotate(0deg);\r\n    font-size: 3.5rem;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.strip:hover .strip-details {\r\n    max-height: 150px;\r\n    opacity: 1;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0634\u0641\u0627\u0641 \u0627\u0644\u062c\u0645\u0627\u0644\u064a \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n.vertical-text {\r\n    position: absolute;\r\n    top: 50px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    writing-mode: vertical-rl;\r\n    font-size: 4rem;\r\n    font-weight: 900;\r\n    color: rgba(255, 255, 255, 0.1);\r\n    letter-spacing: 12px;\r\n    text-transform: uppercase;\r\n    pointer-events: none;\r\n    transition: 0.6s;\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n[dir=\"rtl\"] .vertical-text { transform: translateX(-50%) rotate(180deg); }\r\n[dir=\"ltr\"] .vertical-text { transform: translateX(-50%) rotate(0deg); }\r\n\r\n.strip:hover .vertical-text {\r\n    opacity: 0.2;\r\n    font-size: 6rem;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 992px) {\r\n    .strips-container {\r\n        flex-direction: column;\r\n        height: auto;\r\n        gap: 20px;\r\n    }\r\n    .strip {\r\n        height: 250px;\r\n        flex: none;\r\n    }\r\n    .strip:hover {\r\n        flex: none;\r\n        height: 450px;\r\n    }\r\n    .strip-name {\r\n        writing-mode: horizontal-tb;\r\n        transform: rotate(0deg) !important;\r\n        font-size: 2.5rem;\r\n    }\r\n    .strip-details {\r\n        opacity: 1;\r\n        max-height: 100px;\r\n    }\r\n    .vertical-text { display: none; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c87d266 elementor-widget elementor-widget-html\" data-id=\"c87d266\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"workflow-section\">\r\n    <div class=\"workflow-container\">\r\n        \r\n        <div class=\"workflow-header reveal\">\r\n            <span class=\"wf-subtitle\">Accuracy, professionalism, smoothness<\/span>\r\n            <h2 class=\"wf-title\">\u0643\u064a\u0641 \u0646\u0636\u0645\u0646 <span>\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f\u061f<\/span><\/h2>\r\n            <p class=\"wf-intro\">We adopt a clear working mechanism that ensures that the coffee is delivered according to the highest international standards<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wf-grid-row\">\r\n            \r\n            <div class=\"wf-card reveal\" style=\"--hover-img: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u062e\u062a\u064a\u0627\u0631-\u0627\u0644\u0645\u0635\u0627\u062f\u0631-\u0628\u0639\u0646\u0627\u064a\u0629.webp');\">\r\n                <div class=\"card-bg-overlay\"><\/div>\r\n                <div class=\"wf-number\">01<\/div>\r\n                <div class=\"wf-icon-box icon-search\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wf-content\">\r\n                    <h3>Choose sources carefully<\/h3>\r\n                    <p>We research the finest details of farms around the world to select what meets the standards of the coffee cherry<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wf-card reveal\" style=\"--hover-img: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u062a\u0642\u064a\u064a\u0645-\u0627\u0644\u062c\u0648\u062f\u0629.webp'); transition-delay: 0.1s;\">\r\n                <div class=\"card-bg-overlay\"><\/div>\r\n                <div class=\"wf-number\">02<\/div>\r\n                <div class=\"wf-icon-box icon-check\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wf-content\">\r\n                    <h3>Quality assessment<\/h3>\r\n                    <p>Before any contract, samples undergo taste tests and technical evaluation to ensure they meet specifications.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wf-card reveal\" style=\"--hover-img: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u062f\u0627\u0631\u0629-\u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f-1.webp'); transition-delay: 0.2s;\">\r\n                <div class=\"card-bg-overlay\"><\/div>\r\n                <div class=\"wf-number\">03<\/div>\r\n                <div class=\"wf-icon-box icon-truck\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <path d=\"M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 011 1v2a1 1 0 01-1 1h-1m-4-4h4m-4 4H9m1-10h10l4 7v5a1 1 0 01-1 1h-1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wf-content\">\r\n                    <h3>Import management<\/h3>\r\n                    <p>We manage import procedures to ensure that shipments arrive on time and with the highest readiness<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wf-card reveal\" style=\"--hover-img: url('https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/Whisk_15a6ccc31d0cf7fa5c046657ebc3a383dr.webp'); transition-delay: 0.3s;\">\r\n                <div class=\"card-bg-overlay\"><\/div>\r\n                <div class=\"wf-number\">04<\/div>\r\n                <div class=\"wf-icon-box icon-deliver\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M5 13l4 4L19 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"wf-content\">\r\n                    <h3>Final supply<\/h3>\r\n                    <p>We are committed to delivering coffee according to agreed upon timelines, while ensuring continuity of quality.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a - \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.workflow-section {\r\n    padding: 100px 0;\r\n    background: linear-gradient(135deg, #3A856E 0%, #7BAD9E 50%, #243b32 100%);\r\n    position: relative;\r\n    overflow: hidden;\r\n    \/* \u062a\u0645\u062a \u0625\u0632\u0627\u0644\u0629 direction: rtl *\/\r\n}\r\n\r\n.workflow-container {\r\n    max-width: 1400px;\r\n    width: 92%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n.workflow-header {\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.wf-subtitle {\r\n    color: #f7deb9;\r\n    font-weight: 800;\r\n    font-size: 0.9rem;\r\n    letter-spacing: 3px;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.wf-title {\r\n    font-size: clamp(2.2rem, 4vw, 3rem);\r\n    color: #fff;\r\n    font-weight: 900;\r\n}\r\n\r\n.wf-title span { color: #f7deb9; }\r\n\r\n.wf-intro {\r\n    color: rgba(255, 255, 255, 0.85);\r\n    margin-top: 15px;\r\n    font-size: 1.15rem;\r\n    max-width: 700px;\r\n    margin-inline-start: auto;\r\n    margin-inline-end: auto;\r\n}\r\n\r\n\/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.wf-grid-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n}\r\n\r\n.wf-card {\r\n    background: #ffffff;\r\n    padding: 50px 30px;\r\n    border-radius: 35px;\r\n    position: relative;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: start; \/* \u064a\u062a\u0628\u0639 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b *\/\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n.card-bg-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: var(--hover-img);\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0;\r\n    transition: 0.6s ease;\r\n    z-index: 1;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.wf-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, rgba(26, 46, 38, 0.4), rgba(26, 46, 38, 0.95));\r\n    opacity: 0;\r\n    transition: 0.6s ease;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u062e\u0637\u0648\u0627\u062a - \u062a\u062a\u063a\u064a\u0631 \u0645\u0643\u0627\u0646\u0647\u0627 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n.wf-number {\r\n    position: absolute;\r\n    top: 20px;\r\n    inset-inline-end: 25px; \/* \u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a \u0648\u064a\u0633\u0627\u0631 \u0641\u064a \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n    font-size: 5rem;\r\n    font-weight: 900;\r\n    color: rgba(185, 43, 79, 0.07);\r\n    line-height: 1;\r\n    z-index: 3;\r\n    transition: 0.5s ease;\r\n    font-family: 'Arial', sans-serif;\r\n}\r\n\r\n\/* \u0635\u0646\u0627\u062f\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n.wf-icon-box {\r\n    width: 65px;\r\n    height: 65px;\r\n    background: rgba(185, 43, 79, 0.08);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 30px;\r\n    position: relative;\r\n    z-index: 4;\r\n    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    margin-inline-end: auto; \/* \u0644\u0636\u0645\u0627\u0646 \u0645\u0643\u0627\u0646\u0647\u0627 \u0627\u0644\u0635\u062d\u064a\u062d \u0641\u064a \u0627\u0644\u062a\u0646\u0633\u064a\u0642 *\/\r\n}\r\n\r\n[dir=\"ltr\"] .wf-icon-box { margin-inline-end: unset; margin-inline-start: 0; }\r\n\r\n.wf-icon-box svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    stroke: #B92B4F;\r\n    transition: 0.5s;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635\u0648\u0635 \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n.wf-content { position: relative; z-index: 4; }\r\n.wf-content h3 { \r\n    font-size: 1.4rem; \r\n    color: #1A2E26; \r\n    margin-bottom: 15px; \r\n    font-weight: 850; \r\n    transition: 0.4s;\r\n}\r\n.wf-content p { \r\n    color: #555; \r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n    transition: 0.4s;\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n.wf-card:hover {\r\n    transform: translateY(-15px);\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.3);\r\n}\r\n\r\n.wf-card:hover .card-bg-overlay {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.wf-card:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.wf-card:hover .wf-number {\r\n    color: rgba(255, 255, 255, 0.15);\r\n    transform: scale(0.9);\r\n}\r\n\r\n.wf-card:hover .wf-icon-box {\r\n    background: #B92B4F;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.wf-card:hover .wf-icon-box svg {\r\n    stroke: #fff;\r\n}\r\n\r\n.wf-card:hover h3 { color: #fff; }\r\n.wf-card:hover p { color: rgba(255, 255, 255, 0.85); }\r\n\r\n\/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n@media (max-width: 1200px) {\r\n    .wf-grid-row { grid-template-columns: repeat(2, 1fr); gap: 25px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .wf-grid-row { grid-template-columns: 1fr; }\r\n    .workflow-header { margin-bottom: 50px; }\r\n    .wf-card { text-align: center; align-items: center; }\r\n    .wf-icon-box { margin-inline: auto; }\r\n    .wf-number { inset-inline-end: 20px; font-size: 4rem; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a52cc3a elementor-widget elementor-widget-html\" data-id=\"a52cc3a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"partners-multi-carousel\">\r\n    <div class=\"partners-container\">\r\n        \r\n        <div class=\"partners-header\">\r\n            <span class=\"partners-tag\">Koffee Cherry community<\/span>\r\n            <h2 class=\"partners-title\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d \u0641\u064a <span>\u0643\u0644 \u0641\u0646\u062c\u0627\u0646<\/span><\/h2>\r\n            <p class=\"partners-desc\">\r\n                At Koffee cherry, we are proud to be the driving fuel for the most successful projects in the specialty coffee sector. From emerging roasters looking for excellence, to major brands that are satisfied with nothing but quality, we believe that our success is the success of our partners.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"multi-slider-area\">\r\n            \r\n            <div class=\"logos-slider-wrapper row-forward\">\r\n                <div class=\"logos-track\">\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/B.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/horse.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/KLAS.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/Soil.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/wooden.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u0633\u0627\u0631.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0627\u0643\u0633\u064a\u0631-\u0627\u0644\u0628\u0646.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0628\u0644\u0627\u0643-\u0633\u062a\u0627\u0645\u0628.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/B.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/horse.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/KLAS.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/Soil.png\" alt=\"Partner\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"logos-slider-wrapper row-reverse\">\r\n                <div class=\"logos-track\">\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0628\u0644\u0648\u0645.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0632\u0627\u0645.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0634\u0631\u0643\u0629-\u0627\u0644\u0646\u0633\u0628\u0629.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0636\u062d\u0649.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0639\u0646\u0628\u0631.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0642\u0647\u0648\u0629-\u0639\u0645\u0642.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0645\u0627\u0631\u062f-\u0627\u0644\u0642\u0647\u0648\u0629.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0645\u0635\u0646\u0639-\u0627\u0644\u0642\u0647\u0648\u0629.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0648\u062a\u0631.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0628\u0644\u0648\u0645.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0632\u0627\u0645.png\" alt=\"Partner\"><\/div><\/div>\r\n                    <div class=\"logo-slide\"><div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/uploads\/2025\/12\/\u0634\u0631\u0643\u0629-\u0627\u0644\u0646\u0633\u0628\u0629.png\" alt=\"Partner\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n      \r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.partners-multi-carousel {\r\n    padding: 80px 0;\r\n    background-color: #ffffff;\r\n    direction: rtl;\r\n    overflow: hidden;\r\n}\r\n\r\n.partners-container {\r\n    max-width: 1400px;\r\n    width: 95%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.partners-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.partners-tag {\r\n    color: #B92B4F;\r\n    font-weight: 800;\r\n    font-size: 0.9rem;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.partners-title {\r\n    font-size: 2.8rem;\r\n    font-weight: 900;\r\n    color: #1A2E26;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.partners-title span { color: #B92B4F; }\r\n\r\n.partners-desc {\r\n    color: #666;\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.multi-slider-area {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    padding: 20px 0;\r\n}\r\n\r\n.logos-slider-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    \/* \u062a\u0644\u0627\u0634\u064a \u0646\u0627\u0639\u0645 \u0639\u0646\u062f \u0627\u0644\u0623\u0637\u0631\u0627\u0641 *\/\r\n    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\r\n}\r\n\r\n.logos-track {\r\n    display: flex;\r\n    width: max-content;\r\n}\r\n\r\n.logo-slide {\r\n    padding: 0 12px;\r\n}\r\n\r\n.logo-box {\r\n    background: #ffffff;\r\n    padding: 15px 25px;\r\n    border-radius: 12px;\r\n    width: 200px;\r\n    height: 110px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid #f0f0f0;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.logo-box img {\r\n    max-width: 100%;\r\n    max-height: 80px;\r\n    object-fit: contain;\r\n    \/* \u062a\u0645 \u0625\u0632\u0627\u0644\u0629 Grayscale \u0648 Opacity \u0627\u0644\u0645\u0646\u062e\u0641\u0636\u0629 *\/\r\n    filter: none; \r\n    opacity: 1;\r\n    transition: 0.3s;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0635\u0641\u0648\u0641 \u0627\u0644\u0645\u062a\u0639\u0627\u0643\u0633\u0629 *\/\r\n.row-forward .logos-track {\r\n    animation: scrollForward 40s linear infinite;\r\n}\r\n\r\n.row-reverse .logos-track {\r\n    animation: scrollReverse 40s linear infinite;\r\n}\r\n\r\n@keyframes scrollForward {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(50%); }\r\n}\r\n\r\n@keyframes scrollReverse {\r\n    0% { transform: translateX(50%); }\r\n    100% { transform: translateX(0); }\r\n}\r\n\r\n\/* \u062a\u0641\u0627\u0639\u0644 \u0628\u0633\u064a\u0637 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0628\u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n.logo-box:hover {\r\n    border-color: #B92B4F;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 25px rgba(185, 43, 79, 0.1);\r\n}\r\n\r\n\/* \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u062d\u0631\u0643\u0629 \u0639\u0646\u062f \u0627\u0644\u0648\u0642\u0648\u0641 \u0628\u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n.logos-slider-wrapper:hover .logos-track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n.partners-footer {\r\n    text-align: center;\r\n    margin-top: 30px;\r\n    font-size: 1rem;\r\n    color: #1A2E26;\r\n}\r\n\r\n.partners-footer strong { color: #B92B4F; }\r\n\r\n@media (max-width: 768px) {\r\n    .partners-title { font-size: 2rem; }\r\n    .logo-box { width: 160px; height: 90px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0defdf8 elementor-widget elementor-widget-html\" data-id=\"0defdf8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"quality-luxury-split\">\r\n    <div class=\"luxury-container\">\r\n        \r\n        <div class=\"luxury-content reveal\">\r\n            <div class=\"premium-tag\">\r\n                <span class=\"tag-line\"><\/span>\r\n                <span class=\"tag-text\">Koffee Cherry standards<\/span>\r\n            <\/div>\r\n            <h2 class=\"luxury-title\">\u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 <br><span>\u0627\u0644\u062c\u0648\u062f\u0629 \u0647\u064a \u0627\u0644\u0623\u0633\u0627\u0633<\/span><\/h2>\r\n            <p class=\"luxury-text\">\r\n                At Koffee Cherry, we do not accept half-measures. Every step of the coffee bean's journey is strictly controlled to ensure excellence reaches your cup.\r\n            <\/p>\r\n            <div class=\"luxury-stats\">\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-num\">100%<\/span>\r\n                    <span class=\"stat-label\">Manual and technical inspection<\/span>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <span class=\"stat-num\">ISO<\/span>\r\n                    <span class=\"stat-label\">Conforms to specifications<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"luxury-visuals\">\r\n            <div class=\"luxury-grid\">\r\n                \r\n                <div class=\"lux-box float-animation\">\r\n                    <div class=\"lux-box-inner\">\r\n                        <div class=\"lux-icon-wrap\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Matching specifications<\/h3>\r\n                        <p>Careful selection of the finest international crops.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"lux-box float-animation delay-1\">\r\n                    <div class=\"lux-box-inner\">\r\n                        <div class=\"lux-icon-wrap\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M16 18l6-6-6-6M8 6l-6 6 6 6\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Quality inspection<\/h3>\r\n                        <p>Laboratory and sensory evaluation before shipment.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"lux-box float-animation delay-2\">\r\n                    <div class=\"lux-box-inner\">\r\n                        <div class=\"lux-icon-wrap\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Storage and transportation<\/h3>\r\n                        <p>Complete protection from moisture and heat.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"lux-box float-animation delay-3\">\r\n                    <div class=\"lux-box-inner\">\r\n                        <div class=\"lux-icon-wrap\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\r\n                        <\/div>\r\n                        <h3>Level stability<\/h3>\r\n                        <p>Exceptional quality that is always sustainable.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n.quality-luxury-split {\r\n    padding: 120px 0;\r\n    background: linear-gradient(135deg, #3A856E 0%, #243b32 100%);\r\n    color: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    \/* \u062a\u0645 \u0625\u0632\u0627\u0644\u0629 direction: rtl *\/\r\n}\r\n\r\n.luxury-container {\r\n    max-width: 1400px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 80px;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 (\u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0635\u0648\u0631\u0629) \u062d\u0633\u0628 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0644\u063a\u0629 *\/\r\n[dir=\"rtl\"] .luxury-container { flex-direction: row; }\r\n[dir=\"ltr\"] .luxury-container { flex-direction: row-reverse; }\r\n\r\n.luxury-content { flex: 1; text-align: start; }\r\n\r\n.premium-tag {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.tag-line { width: 40px; height: 2px; background: #f7deb9; }\r\n.tag-text { font-size: 0.9rem; color: #f7deb9; font-weight: 700; letter-spacing: 1px; }\r\n\r\n.luxury-title {\r\n    font-size: clamp(2.2rem, 4.5vw, 3.5rem);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    color: #fff;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.luxury-title span { color: #f7deb9; }\r\n\r\n.luxury-text {\r\n    font-size: 1.15rem;\r\n    color: rgba(255, 255, 255, 0.85);\r\n    line-height: 1.8;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.luxury-stats {\r\n    display: flex;\r\n    gap: 40px;\r\n    border-top: 1px solid rgba(247, 222, 185, 0.2);\r\n    padding-top: 25px;\r\n}\r\n\r\n.stat-num { display: block; font-size: 2.2rem; font-weight: 900; color: #f7deb9; }\r\n.stat-label { font-size: 0.95rem; color: rgba(255, 255, 255, 0.7); }\r\n\r\n\/* \u0627\u0644\u0643\u0631\u0648\u062a \u0648\u062a\u0646\u0633\u064a\u0642\u0647\u0627 *\/\r\n.luxury-visuals { flex: 1.2; }\r\n.luxury-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n\r\n.lux-box {\r\n    position: relative;\r\n    padding: 1px;\r\n    border-radius: 24px;\r\n    background: rgba(247, 222, 185, 0.2);\r\n}\r\n\r\n.lux-box-inner {\r\n    background: rgba(26, 46, 38, 0.8);\r\n    border-radius: 23px;\r\n    padding: 40px 20px;\r\n    text-align: center;\r\n    height: 100%;\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.lux-icon-wrap {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(247, 222, 185, 0.1);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n    color: #f7deb9;\r\n    border: 1px solid rgba(247, 222, 185, 0.3);\r\n    transition: 0.5s;\r\n}\r\n\r\n.lux-icon-wrap svg { width: 28px; height: 28px; }\r\n\r\n.lux-box h3 { color: #f7deb9; font-size: 1.2rem; margin-bottom: 10px; font-weight: 700; }\r\n.lux-box p { color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; line-height: 1.5; }\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n.lux-box:hover .lux-box-inner {\r\n    background: #1a2e26;\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.3);\r\n}\r\n\r\n.lux-box:hover .lux-icon-wrap {\r\n    background: #f7deb9;\r\n    color: #1a2e26;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n\/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 *\/\r\n@keyframes floating { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }\r\n.float-animation { animation: floating 5s infinite ease-in-out; }\r\n.delay-1 { animation-delay: 1s; }\r\n.delay-2 { animation-delay: 2s; }\r\n.delay-3 { animation-delay: 3s; }\r\n\r\n\/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 *\/\r\n@media (max-width: 1024px) {\r\n    .luxury-container { flex-direction: column !important; text-align: center; }\r\n    .luxury-content { text-align: center; }\r\n    .premium-tag { justify-content: center; }\r\n    .luxury-stats { justify-content: center; }\r\n    .luxury-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\r\n}\r\n\r\n@media (max-width: 600px) { \r\n    .luxury-grid { grid-template-columns: 1fr; } \r\n    .luxury-stats { flex-direction: column; gap: 20px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc8b638 elementor-widget elementor-widget-html\" data-id=\"bc8b638\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cherry-modern-contact\">\r\n    <div class=\"cherry-container\">\r\n        <div class=\"cherry-contact-grid\">\r\n            \r\n            <div class=\"contact-info-box\">\r\n                <div class=\"info-header\">\r\n                    <span class=\"info-tag\">Direct communication<\/span>\r\n                    <h2 class=\"info-h2\">\u064a\u0633\u0639\u062f\u0646\u0627 <span>\u062f\u0627\u0626\u0645\u0627\u064b<\/span> \u0633\u0645\u0627\u0639 \u0635\u0648\u062a\u0643<\/h2>\r\n                    <p class=\"info-p\">Whether you have an inquiry about our crops or would like a business partnership, we are here to serve you.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"contact-list\">\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"icon-circle\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\r\n                        <\/div>\r\n                        <div class=\"text-data\">\r\n                            <small>Phone<\/small>\r\n                            <a href=\"tel:0552595719\">0552595719<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"icon-circle whatsapp-brand\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"text-data\">\r\n                            <small>Whatsapp<\/small>\r\n                            <a href=\"https:\/\/wa.me\/966552595719\" target=\"_blank\" class=\"wa-link\">0552595719<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"icon-circle\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                        <\/div>\r\n                        <div class=\"text-data\">\r\n                            <small>Email<\/small>\r\n                            <a href=\"mailto:Hello@koffeecherry.com\">Hello@koffeecherry.com<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-item\">\r\n                        <div class=\"icon-circle\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        <\/div>\r\n                        <div class=\"text-data\">\r\n                            <small>Location<\/small>\r\n                            <span>Jeddah - Al-Zahraa District - Ahmed Al-Attas Street - Noura Avenue Building  <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-form-box\">\r\n                <div class=\"form-wrapper-refined\">\r\n                    <h3 class=\"form-title\">Send a message<\/h3>\r\n                    <div class=\"wpforms-styled-v3\">\r\n                        <style id=\"wpforms-css-vars-216\">\n\t\t\t\t#wpforms-216 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-216\"><form id=\"wpforms-form-216\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"216\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/8\" data-token=\"05d3d25109d741d4cd2c69d4294b97de\" data-token-time=\"1776768105\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/8\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-216-field_1-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half wpforms-first\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_1\">Full Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-216-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Enter Your Name\" aria-errormessage=\"wpforms-216-field_1-error\" required><\/div><div id=\"wpforms-216-field_2-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_2\">Company Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-216-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Enter Your Company Name\" aria-errormessage=\"wpforms-216-field_2-error\" required><\/div><div id=\"wpforms-216-field_3-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half wpforms-first\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_3\">Phone Number<\/label><input type=\"text\" id=\"wpforms-216-field_3\" class=\"wpforms-field-large\" name=\"wpforms[fields][3]\" placeholder=\"Enter Phone Number\" aria-errormessage=\"wpforms-216-field_3-error\" ><\/div><div id=\"wpforms-216-field_4-container\" class=\"wpforms-field wpforms-field-email wpforms-one-half\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_4\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-216-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" placeholder=\"Enter Your Email\" spellcheck=\"false\" aria-errormessage=\"wpforms-216-field_4-error\" required><\/div>\t\t<div id=\"wpforms-216-field_6-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"6\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-216-field_6\" >\u0643\u0627\u0645\u0644 \u0627\u0644\u062c\u0648\u0627\u0644 \u0627\u0644\u0634\u0631\u0643\u0629<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-216-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-216-field_5-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-216-field_5\">Your Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-216-field_5\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][5]\" placeholder=\"Enter Your Message Here ...\" aria-errormessage=\"wpforms-216-field_5-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-216-field_6-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-216-field_6-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-216-field_6-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"216\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/pages\/8\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-216\" class=\"wpforms-submit\" data-alt-text=\"\u062c\u0627\u0631\u0650 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u0625\u0631\u0633\u0627\u0644\" aria-live=\"assertive\" value=\"wpforms-submit\">Send<\/button><img decoding=\"async\" src=\"https:\/\/koffeecherry.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div>  <!-- .wpforms-container -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;900&display=swap');\r\n\r\n:root {\r\n    --cherry-red: #B92B4F;\r\n    --cherry-off: #FCF9E8;\r\n    --cherry-dark: #222222;\r\n    --wa-green: #25D366;\r\n}\r\n\r\n.cherry-modern-contact {\r\n    padding: 100px 5% !important;\r\n    background-color: var(--cherry-off) !important;\r\n    \/* \u062a\u0645\u062a \u0625\u0632\u0627\u0644\u0629 direction: rtl !important *\/\r\n    font-family: 'Cairo', sans-serif !important;\r\n}\r\n\r\n.cherry-container { max-width: 1200px !important; margin: 0 auto !important; }\r\n\r\n.cherry-contact-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1.1fr !important;\r\n    gap: 80px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u064a\u0644 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0634\u0628\u0643\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n[dir=\"ltr\"] .cherry-contact-grid {\r\n    grid-template-columns: 1.1fr 1fr !important;\r\n}\r\n\r\n\/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635\u0648\u0635 *\/\r\n.contact-info-box { text-align: start !important; }\r\n\r\n.info-tag { \r\n    color: var(--cherry-red); \r\n    font-weight: 700; \r\n    font-size: 0.85rem; \r\n    letter-spacing: 2px; \r\n    text-transform: uppercase; \r\n    margin-bottom: 15px; \r\n    display: block; \r\n}\r\n\r\n.info-h2 { \r\n    font-size: 2.2rem !important; \r\n    font-weight: 900 !important; \r\n    color: var(--cherry-dark) !important; \r\n    line-height: 1.2 !important; \r\n    margin-bottom: 20px !important; \r\n}\r\n\r\n.info-h2 span { color: var(--cherry-red) !important; }\r\n\r\n.info-p { \r\n    color: #666 !important; \r\n    font-size: 1rem !important; \r\n    line-height: 1.8 !important; \r\n    margin-bottom: 40px !important; \r\n    max-width: 450px; \r\n}\r\n\r\n\/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 *\/\r\n.contact-list { display: grid !important; gap: 25px !important; }\r\n.contact-item { \r\n    display: flex !important; \r\n    align-items: center !important; \r\n    gap: 18px !important; \r\n}\r\n\r\n.icon-circle {\r\n    width: 52px !important; height: 52px !important;\r\n    border-radius: 50% !important;\r\n    border: 1.5px solid #eee !important;\r\n    display: flex !important; align-items: center !important; justify-content: center !important;\r\n    color: var(--cherry-red) !important;\r\n    background: #fff !important;\r\n    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n.icon-circle svg { width: 24px !important; height: 24px !important; }\r\n\r\n.whatsapp-brand { color: var(--wa-green) !important; border-color: rgba(37, 211, 102, 0.2) !important; }\r\n\r\n.contact-item:hover .icon-circle {\r\n    transform: scale(1.1) rotate(-8deg) !important;\r\n    border-color: var(--cherry-red) !important;\r\n    box-shadow: 0 10px 20px rgba(185, 43, 79, 0.1) !important;\r\n}\r\n\r\n.text-data small { display: block !important; color: #999 !important; font-size: 0.8rem !important; font-weight: 600 !important; text-align: start !important; }\r\n.text-data a, .text-data span { \r\n    font-size: 1.15rem !important; \r\n    font-weight: 700 !important; \r\n    color: var(--cherry-dark) !important; \r\n    text-decoration: none !important; \r\n    transition: 0.3s !important; \r\n    display: block !important;\r\n    text-align: start !important;\r\n}\r\n\r\n\/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0641\u0648\u0631\u0645 *\/\r\n.contact-form-box {\r\n    background: #fff !important;\r\n    padding: 50px !important;\r\n    border-radius: 40px !important;\r\n    box-shadow: 0 30px 70px rgba(0,0,0,0.03) !important;\r\n    text-align: start !important;\r\n}\r\n\r\n.form-title { font-size: 1.5rem !important; font-weight: 800 !important; margin-bottom: 30px !important; color: var(--cherry-dark) !important; }\r\n\r\n\/* \u062a\u0646\u0633\u064a\u0642 WPForms *\/\r\n.wpforms-styled-v3 .wpforms-container input,\r\n.wpforms-styled-v3 .wpforms-container textarea {\r\n    border: none !important;\r\n    border-bottom: 2px solid #f2f2f2 !important;\r\n    background: transparent !important;\r\n    border-radius: 0 !important;\r\n    padding: 12px 0 !important;\r\n    font-family: 'Cairo' !important;\r\n    transition: 0.3s !important;\r\n    text-align: start !important;\r\n}\r\n\r\n.wpforms-styled-v3 .wpforms-container input:focus {\r\n    border-bottom-color: var(--cherry-red) !important;\r\n}\r\n\r\n.wpforms-styled-v3 button.wpforms-submit {\r\n    background: var(--cherry-red) !important;\r\n    border-radius: 50px !important;\r\n    padding: 15px 40px !important;\r\n    font-weight: 800 !important;\r\n    border: none !important;\r\n    margin-top: 20px !important;\r\n    transition: 0.4s !important;\r\n    cursor: pointer !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 992px) {\r\n    .cherry-contact-grid { \r\n        grid-template-columns: 1fr !important; \r\n        gap: 50px !important; \r\n    }\r\n    [dir=\"ltr\"] .cherry-contact-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n    .info-h2 { font-size: 1.8rem !important; }\r\n    .contact-form-box { padding: 30px !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0627\u0644\u0645\u0632\u0631\u0639\u0629 \u0627\u0644\u0649 \u0627\u0644\u0645\u062d\u0645\u0635\u0629 \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0642\u0647\u0648\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0645\u0635\u0627\u062f\u0631 \u0645\u0648\u062b\u0648\u0642\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645 \u0643\u0640\u0631\u0632\u0629 \u0627\u0644\u0642\u0647\u0648\u0629 \u0634\u0631\u0643\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062a\u0648\u0631\u064a\u062f [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":163,"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":574,"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/574"}],"wp:attachment":[{"href":"https:\/\/koffeecherry.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}