{"id":15615,"date":"2025-04-28T14:27:47","date_gmt":"2025-04-28T14:27:47","guid":{"rendered":"https:\/\/jamaicacoffee.gr\/?page_id=15615"},"modified":"2025-07-25T11:30:34","modified_gmt":"2025-07-25T11:30:34","slug":"jamaica-blue-mountain","status":"publish","type":"page","link":"https:\/\/jamaicacoffee.gr\/en\/jamaica-blue-mountain\/","title":{"rendered":"Jamaica Blue Mountain"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15615\" class=\"elementor elementor-15615\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-c24e91d e-flex e-con-boxed e-con e-parent\" data-id=\"c24e91d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b44a866 elementor-widget elementor-widget-html\" data-id=\"b44a866\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\"> <!-- Set language to Greek -->\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0397 \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b1 \u03c4\u03bf\u03c5 \u039a\u03b1\u03c6\u03ad Jamaica Blue Mountain - Vertical Timeline<\/title>\r\n    \r\n    <!-- Tailwind CSS for styling -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Google Fonts: Lora (Headings) and Source Sans 3 (Body) -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@600&family=Source+Sans+3:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Applying custom fonts and a coffee-themed color palette *\/\r\n        body {\r\n            font-family: 'Source Sans 3', sans-serif;\r\n            background-color: #F5F0E6; \/* Light beige, like parchment *\/\r\n            color: #4A2C2A; \/* Dark brown, like roasted beans *\/\r\n        }\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Lora', serif;\r\n        }\r\n        \r\n        \/* Custom colors for easy use *\/\r\n        .bg-primary { background-color: #6F4E37; } \/* Coffee brown *\/\r\n        .bg-secondary { background-color: #ec1b20; } \/* Custom Red *\/\r\n        .text-accent { color: #000000; } \/* Black *\/\r\n\r\n        \/* Animation for timeline items *\/\r\n        .timeline-item, .intro-section {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n        }\r\n        .timeline-item.is-visible, .intro-section.is-visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Styling for the SVG path *\/\r\n        #timeline-path {\r\n            stroke-dasharray: 10 5; \/* This creates a 10px dash and a 5px gap *\/\r\n            transition: stroke-dashoffset 0.3s linear;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-[#F5F0E6]\">\r\n\r\n    <div class=\"container mx-auto px-6 py-16\">\r\n        \r\n        <!-- ===== PAGE HEADER ===== -->\r\n        <div class=\"text-center mb-12 md:mb-16\">\r\n            <h1 class=\"text-5xl md:text-6xl font-bold text-accent\">Jamaica Blue Mountain<\/h1>\r\n        <\/div>\r\n\r\n        <!-- ===== NEW: ELITE COFFEE INTRO SECTION ===== -->\r\n        <section class=\"mb-16 md:mb-24 intro-section\">\r\n            <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n                <!-- Left Column: Text Content -->\r\n                <div class=\"text-center md:text-left\">\r\n                    <h2 class=\"text-4xl font-bold text-accent\">\u0397 elite \u03c4\u03c9\u03bd Gourmet \u03ba\u03b1\u03c6\u03ad\u03b4\u03c9\u03bd<\/h2>\r\n                    <div class=\"w-24 h-1 bg-secondary my-4 mx-auto md:mx-0\"><\/div>\r\n                    <p class=\"text-gray-700 leading-relaxed\">\r\n                        \u0398\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c0\u03bf\u03bb\u03bb\u03bf\u03cd\u03c2 \u03c9\u03c2 \u03bf \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03cc\u03c4\u03b5\u03c1\u03bf\u03c2 \u03ba\u03b1\u03c6\u03ad\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf.\r\n                        \u03a0\u03ad\u03c1\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03bc\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ae \u03b3\u03b5\u03cd\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03b7 \u03c6\u03ae\u03bc\u03b7 \u03c4\u03bf\u03c5 \u03bf\u03c6\u03b5\u03af\u03bb\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c0\u03c9\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03bd\u03c9\u03c3\u03c4\u03cc \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c3\u03c0\u03b1\u03bd\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03bf\u03c5.\r\n                        \u03a4\u03bf \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03b9\u03ba\u03cc \u03b3\u03bd\u03b7\u03c3\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c4\u03b7\u03c2 DNA ANALYTICA SRL \u03c0\u03bf\u03c5 \u03c4\u03bf\u03bd \u03c3\u03c5\u03bd\u03bf\u03b4\u03b5\u03cd\u03b5\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b4\u03af\u03b4\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03c0\u03bf\u03b9\u03bf\u03c4\u03b9\u03ba\u03ae \u03b1\u03be\u03af\u03b1.\r\n                    <\/p>\r\n                <\/div>\r\n                <!-- Right Column: Images -->\r\n                <div class=\"flex flex-col items-center\">\r\n                    <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2021\/10\/1900-2.jpg\" \r\n                         alt=\"\u03a3\u03c5\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03af\u03b1 \u03c4\u03bf\u03c5 \u03ba\u03b1\u03c6\u03ad Jamaica Blue Mountain \u03c3\u03b5 \u03bc\u03b1\u03cd\u03c1\u03bf \u03ba\u03bf\u03c5\u03c4\u03af \u03bc\u03b5 \u03c7\u03c1\u03c5\u03c3\u03ac \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1.\" \r\n                         class=\"rounded-lg shadow-2xl w-full max-w-sm\"\r\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                    <!-- Wrapper to control horizontal alignment of the seal -->\r\n                    <div class=\"w-full max-w-sm flex justify-start\">\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/logo-e1601549237495.png\" \r\n                             alt=\"\u03a3\u03c6\u03c1\u03b1\u03b3\u03af\u03b4\u03b1 \u03b3\u03bd\u03b7\u03c3\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 DNA Analytica.\" \r\n                             class=\"w-24 h-24 rounded-full -mt-12 border-4 border-white shadow-lg ml-4\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/96x96\/FFFFFF\/4A2C2A?text=Seal';\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n\r\n        <!-- ===== TIMELINE CONTAINER ===== -->\r\n        <div id=\"timeline-container\" class=\"relative wrap overflow-hidden p-10 h-full\">\r\n            <!-- The SVG line that will be animated -->\r\n            <svg id=\"timeline-svg\" class=\"absolute h-full w-full\" style=\"top: 0; left: 0; pointer-events: none;\">\r\n                <path id=\"timeline-path\" stroke=\"#4A2C2A\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"><\/path>\r\n            <\/svg>\r\n\r\n            <!-- ===== TIMELINE ITEM 1: CULTIVATION (Right Side) ===== -->\r\n            <div class=\"mb-8 flex justify-between items-center w-full right-timeline\">\r\n                <div class=\"order-1 w-5\/12\"><\/div>\r\n                <!-- Dot on the line -->\r\n                <div class=\"timeline-dot z-20 flex items-center order-1 bg-primary shadow-xl w-8 h-8 rounded-full\">\r\n                    <h1 class=\"mx-auto font-semibold text-lg text-white\">1<\/h1>\r\n                <\/div>\r\n                <!-- Card -->\r\n                <div class=\"order-1 bg-white rounded-lg shadow-xl w-5\/12 px-6 py-4 timeline-item\">\r\n                    <h3 class=\"font-bold text-accent text-xl mb-3\">\u039a\u03b1\u03bb\u03bb\u03b9\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1<\/h3>\r\n                    <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/Clifton-Mount-198.webp\" \r\n                         alt=\"\u039a\u03b1\u03c4\u03b1\u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b7 \u03c0\u03bb\u03b1\u03b3\u03b9\u03ac \u03bc\u03b5 \u03ba\u03b1\u03c6\u03b5\u03cc\u03b4\u03b5\u03bd\u03c4\u03c1\u03b1 \u03c3\u03c4\u03b1 \u0393\u03b1\u03bb\u03ac\u03b6\u03b9\u03b1 \u038c\u03c1\u03b7 \u03c4\u03b7\u03c2 \u03a4\u03b6\u03b1\u03bc\u03ac\u03b9\u03ba\u03b1.\" \r\n                         class=\"w-full h-40 object-cover rounded-md mb-3\"\r\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                    <p class=\"text-sm leading-snug tracking-wide text-gray-900 text-opacity-100\">\u039a\u03b1\u03bb\u03bb\u03b9\u03b5\u03c1\u03b3\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03a4\u03b6\u03b1\u03bc\u03ac\u03b9\u03ba\u03b1, \u03c3\u03c4\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03ba\u03b1\u03b9 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03bf \u03bf\u03c1\u03b5\u03b9\u03bd\u03cc \u03c3\u03cd\u03bc\u03c0\u03bb\u03b5\u03b3\u03bc\u03b1 \u03c4\u03b7\u03c2 \u039a\u03b1\u03c1\u03b1\u03b9\u03b2\u03b9\u03ba\u03ae\u03c2, \u03c4\u03b1 \u0393\u03b1\u03bb\u03ac\u03b6\u03b9\u03b1 \u038c\u03c1\u03b7, \u03cc\u03c0\u03bf\u03c5 \u03bf \u03c3\u03c5\u03bd\u03b4\u03c5\u03b1\u03c3\u03bc\u03cc\u03c2 \u03ba\u03bb\u03af\u03bc\u03b1\u03c4\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03c7\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b8\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2. \u03a4\u03bf \u03ba\u03bb\u03af\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03c1\u03bf\u03c3\u03b5\u03c1\u03cc \u03ba\u03b1\u03b9 \u03bf\u03bc\u03b9\u03c7\u03bb\u03ce\u03b4\u03b5\u03c2 \u03bc\u03b5 \u03c5\u03c8\u03b7\u03bb\u03ad\u03c2 \u03b2\u03c1\u03bf\u03c7\u03bf\u03c0\u03c4\u03ce\u03c3\u03b5\u03b9\u03c2. \u03a4\u03bf \u03c7\u03ce\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bb\u03bf\u03cd\u03c3\u03b9\u03bf \u03c3\u03b5 \u03bc\u03b5\u03c4\u03b1\u03bb\u03bb\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03bb\u03cc\u03b3\u03bf \u03c4\u03bf\u03c5 \u03b7\u03c6\u03b1\u03b9\u03c3\u03c4\u03b5\u03b9\u03bf\u03b3\u03b5\u03bd\u03bf\u03cd\u03c2 \u03b5\u03b4\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== TIMELINE ITEM 2: CLYDESDALE (Left Side) ===== -->\r\n            <div class=\"mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline\">\r\n                <div class=\"order-1 w-5\/12\"><\/div>\r\n                <!-- Dot on the line -->\r\n                <div class=\"timeline-dot z-20 flex items-center order-1 bg-primary shadow-xl w-8 h-8 rounded-full\">\r\n                    <h1 class=\"mx-auto text-white font-semibold text-lg\">2<\/h1>\r\n                <\/div>\r\n                <!-- Card -->\r\n                <div class=\"order-1 bg-white rounded-lg shadow-xl w-5\/12 px-6 py-4 timeline-item\">\r\n                    <h3 class=\"font-bold text-accent text-xl mb-3\">Clydesdale<\/h3>\r\n                    <!-- Image container for positioning the seal -->\r\n                    <div class=\"relative mb-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/coffee-beans-blue-mountain.webp\" \r\n                             alt=\"\u039a\u03bf\u03bd\u03c4\u03b9\u03bd\u03cc \u03c0\u03bb\u03ac\u03bd\u03bf \u03c3\u03b5 \u03c6\u03c1\u03b5\u03c3\u03ba\u03bf\u03ba\u03bf\u03bc\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2, \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03bf\u03c5\u03c2 \u03ba\u03cc\u03ba\u03ba\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c6\u03ad.\" \r\n                             class=\"w-full h-40 object-cover rounded-md\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                        <!-- The new seal image. -->\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/CERTIFICATE-clyd.png\" \r\n                             alt=\"\u03a3\u03c6\u03c1\u03b1\u03b3\u03af\u03b4\u03b1 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 Clydesdale.\" \r\n                             class=\"absolute bottom-2 right-2 w-16 h-16 rounded-full border-2 border-white shadow-lg\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/64x64\/FFFFFF\/4A2C2A?text=Seal';\">\r\n                    <\/div>\r\n                    <p class=\"text-sm leading-snug tracking-wide text-gray-900 text-opacity-100\">\u03a4\u03bf Clydesdale Estate, \u03b9\u03b4\u03c1\u03cd\u03b8\u03b7\u03ba\u03b5 \u03c3\u03c4\u03b1 \u03c4\u03ad\u03bb\u03b7 \u03c4\u03bf\u03c5 1700 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd Dr Colin McClarty, \u0392\u03c1\u03b5\u03c4\u03b1\u03bd\u03cc \u03c5\u03c0\u03ae\u03ba\u03bf\u03bf. \u0389\u03c4\u03b1\u03bd \u03ad\u03bd\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03ba\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c6\u03c5\u03c4\u03b5\u03cd\u03c4\u03b7\u03ba\u03b5 \u03ba\u03b1\u03c6\u03ad\u03c2 \u03c3\u03c4\u03b7\u03bd Jamaica. \u03a0\u03c1\u03cc\u03ba\u03b5\u03b9\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03b4\u03b9\u03ac\u03c3\u03b7\u03bc\u03b7 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae \u03ba\u03b1\u03bb\u03bb\u03b9\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03c6\u03ad \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b5\u03bd\u03bf\u03c1\u03af\u03b1 \u03c4\u03bf\u03c5 Port Royal \u03c3\u03b5 \u03bc\u03ad\u03c3\u03bf \u03c5\u03c8\u03cc\u03bc\u03b5\u03c4\u03c1\u03bf 1000 \u03bc\u03ad\u03c4\u03c1\u03c9\u03bd. \u0392\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf Grand Ridge, \u03c4\u03bf \u03bf\u03c0\u03bf\u03af\u03bf \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03b5\u03af \u03c4\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u0395\u03b8\u03bd\u03b9\u03ba\u03cc \u03a0\u03ac\u03c1\u03ba\u03bf \u03ba\u03b1\u03b9 \u03b4\u03ac\u03c3\u03bf\u03c2 \u03c4\u03b7\u03c2 Jamaica, \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03c1\u03b4\u03b9\u03ac \u03c4\u03c9\u03bd \"\u039c\u03c0\u03bb\u03b5 \u0392\u03bf\u03c5\u03bd\u03ce\u03bd\".<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- ===== TIMELINE ITEM 3: HARVESTING (Right Side) ===== -->\r\n            <div class=\"mb-8 flex justify-between items-center w-full right-timeline\">\r\n                <div class=\"order-1 w-5\/12\"><\/div>\r\n                <!-- Dot on the line -->\r\n                <div class=\"timeline-dot z-20 flex items-center order-1 bg-primary shadow-xl w-8 h-8 rounded-full\">\r\n                    <h1 class=\"mx-auto font-semibold text-lg text-white\">3<\/h1>\r\n                <\/div>\r\n                <!-- Card -->\r\n                <div class=\"order-1 bg-white rounded-lg shadow-xl w-5\/12 px-6 py-4 timeline-item\">\r\n                    <h3 class=\"font-bold text-accent text-xl mb-3\">\u03a3\u03c5\u03b3\u03ba\u03bf\u03bc\u03b9\u03b4\u03ae<\/h3>\r\n                    <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/\u03c3\u03c5\u03b3\u03ba\u03b5\u03bd\u03c4\u03c1\u03c9\u03c3\u03b7-\u03c6\u03b1\u03c3\u03bf\u03bb\u03b9\u03c9\u03bd.webp\" \r\n                         alt=\"\u0395\u03c1\u03b3\u03ac\u03c4\u03b7\u03c2 \u03c3\u03c5\u03bb\u03bb\u03ad\u03b3\u03b5\u03b9 \u03bc\u03b5 \u03c4\u03bf \u03c7\u03ad\u03c1\u03b9 \u03ce\u03c1\u03b9\u03bc\u03bf\u03c5\u03c2, \u03ba\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c1\u03c0\u03bf\u03cd\u03c2 \u03ba\u03b1\u03c6\u03ad.\" \r\n                         class=\"w-full h-40 object-cover rounded-md mb-3\"\r\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                    <p class=\"text-sm leading-snug tracking-wide text-gray-900 text-opacity-100\">\u0397 \u03c3\u03c5\u03b3\u03ba\u03bf\u03bc\u03b9\u03b4\u03ae \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03bf \u03c7\u03ad\u03c1\u03b9, \u03b5\u03c0\u03b9\u03bb\u03ad\u03b3\u03bf\u03bd\u03c4\u03b1\u03c2 \u03bc\u03cc\u03bd\u03bf \u03c4\u03bf\u03c5\u03c2 \u03b1\u03c0\u03cc\u03bb\u03c5\u03c4\u03b1 \u03ce\u03c1\u03b9\u03bc\u03bf\u03c5\u03c2, \u03ba\u03cc\u03ba\u03ba\u03b9\u03bd\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c1\u03c0\u03bf\u03cd\u03c2 (cherries). \u0391\u03c5\u03c4\u03ae \u03b7 \u03b5\u03c0\u03af\u03c0\u03bf\u03bd\u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03bf\u03bc\u03bf\u03b9\u03bf\u03bc\u03bf\u03c1\u03c6\u03af\u03b1 \u03c4\u03c9\u03bd \u03ba\u03cc\u03ba\u03ba\u03c9\u03bd. \u03a3\u03c4\u03b7 \u03c3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1, \u03bf\u03b9 \u03ba\u03b1\u03c1\u03c0\u03bf\u03af \u03ba\u03b1\u03b8\u03b1\u03c1\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03bb\u03ad\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03b1\u03c3\u03c4\u03bf\u03cd\u03bd \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03c3\u03c4\u03ac\u03b4\u03b9\u03bf.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== TIMELINE ITEM 4: DRYING (Left Side) ===== -->\r\n            <div class=\"mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline\">\r\n                <div class=\"order-1 w-5\/12\"><\/div>\r\n                <!-- Dot on the line -->\r\n                <div class=\"timeline-dot z-20 flex items-center order-1 bg-primary shadow-xl w-8 h-8 rounded-full\">\r\n                    <h1 class=\"mx-auto text-white font-semibold text-lg\">4<\/h1>\r\n                <\/div>\r\n                <!-- Card -->\r\n                <div class=\"order-1 bg-white rounded-lg shadow-xl w-5\/12 px-6 py-4 timeline-item\">\r\n                    <h3 class=\"font-bold text-accent text-xl mb-3\">\u0391\u03c0\u03bf\u03be\u03ae\u03c1\u03b1\u03bd\u03c3\u03b7<\/h3>\r\n                    <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/\u03b1\u03c0\u03bf\u03be\u03b7\u03c1\u03b1\u03bd\u03c3\u03b7.webp\" \r\n                         alt=\"\u039a\u03cc\u03ba\u03ba\u03bf\u03b9 \u03ba\u03b1\u03c6\u03ad \u03b1\u03c0\u03bb\u03c9\u03bc\u03ad\u03bd\u03bf\u03b9 \u03c3\u03b5 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b5\u03c2 \u03b5\u03c0\u03b9\u03c6\u03ac\u03bd\u03b5\u03b9\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c4\u03b5\u03b3\u03bd\u03ce\u03c3\u03bf\u03c5\u03bd \u03c3\u03c4\u03bf\u03bd \u03ae\u03bb\u03b9\u03bf.\" \r\n                         class=\"w-full h-40 object-cover rounded-md mb-3\"\r\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                    <p class=\"text-sm leading-snug tracking-wide text-gray-900 text-opacity-100\">\u039c\u03b5\u03c4\u03ac \u03c4\u03bf \u03c0\u03bb\u03cd\u03c3\u03b9\u03bc\u03bf, \u03bf\u03b9 \u03ba\u03cc\u03ba\u03ba\u03bf\u03b9 \u03b1\u03c0\u03bb\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c4\u03b5\u03b3\u03bd\u03ce\u03c3\u03bf\u03c5\u03bd \u03c6\u03c5\u03c3\u03b9\u03ba\u03ac \u03c3\u03c4\u03bf\u03bd \u03ae\u03bb\u03b9\u03bf. \u0397 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03c4\u03b7\u03c2 \u03b1\u03c0\u03bf\u03be\u03ae\u03c1\u03b1\u03bd\u03c3\u03b7\u03c2 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b5\u03bd\u03ac \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03c4\u03b5\u03c5\u03c7\u03b8\u03b5\u03af \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b5\u03c0\u03af\u03c0\u03b5\u03b4\u03bf \u03c5\u03b3\u03c1\u03b1\u03c3\u03af\u03b1\u03c2 (\u03c0\u03b5\u03c1\u03af\u03c0\u03bf\u03c5 11%), \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03c1\u03af\u03c3\u03b9\u03bc\u03bf \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03bc\u03bf\u03cd\u03c7\u03bb\u03b1\u03c2.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== TIMELINE ITEM 5: TRANSPORT (Right Side) ===== -->\r\n            <div class=\"mb-8 flex justify-between items-center w-full right-timeline\">\r\n                <div class=\"order-1 w-5\/12\"><\/div>\r\n                <!-- Dot on the line -->\r\n                <div class=\"timeline-dot z-20 flex items-center order-1 bg-primary shadow-xl w-8 h-8 rounded-full\">\r\n                    <h1 class=\"mx-auto font-semibold text-lg text-white\">5<\/h1>\r\n                <\/div>\r\n                <!-- Card -->\r\n                <div class=\"order-1 bg-white rounded-lg shadow-xl w-5\/12 px-6 py-4 timeline-item\">\r\n                    <h3 class=\"font-bold text-accent text-xl mb-3\">\u039c\u03b5\u03c4\u03b1\u03c6\u03bf\u03c1\u03ac<\/h3>\r\n                    <!-- Image container for positioning the seal -->\r\n                    <div class=\"relative mb-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/bo4ka.webp\" \r\n                             alt=\"\u03a7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03be\u03cd\u03bb\u03b9\u03bd\u03bf \u03b2\u03b1\u03c1\u03ad\u03bb\u03b9 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03bc\u03b5\u03c4\u03b1\u03c6\u03bf\u03c1\u03ac \u03c4\u03bf\u03c5 \u03ba\u03b1\u03c6\u03ad Jamaica Blue Mountain.\" \r\n                             class=\"w-full h-40 object-cover rounded-md\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                        <!-- The new seal image. -->\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03cc\u03c3\u03b7\u03bc\u03bf.webp\" \r\n                             alt=\"\u0393\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03cc\u03c3\u03b7\u03bc\u03bf \u03c4\u03b7\u03c2 \u03a4\u03b6\u03b1\u03bc\u03ac\u03b9\u03ba\u03b1 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03b5\u03b9\u03ba\u03bf\u03bd\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7 \u03c3\u03c5\u03b3\u03ba\u03bf\u03bc\u03b9\u03b4\u03ae \u03ba\u03b1\u03c6\u03ad.\" \r\n                             class=\"absolute bottom-2 right-2 w-24 h-auto border-2 border-white shadow-lg\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/96x96\/FFFFFF\/4A2C2A?text=Seal';\">\r\n                    <\/div>\r\n                    <p class=\"text-sm leading-snug tracking-wide text-gray-900 text-opacity-100\">\u039c\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03be\u03ae\u03c1\u03b1\u03bd\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03bb\u03bf\u03b3\u03ae, \u03bf \u03ba\u03b1\u03c6\u03ad\u03c2 \u03c3\u03c5\u03c3\u03ba\u03b5\u03c5\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c3\u03b5 \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03be\u03cd\u03bb\u03b9\u03bd\u03b1 \u03b2\u03b1\u03c1\u03ad\u03bb\u03b9\u03b1, \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03c3\u03c5\u03bd\u03b7\u03b8\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03c3\u03ac\u03ba\u03bf\u03c5\u03c2 \u03b1\u03c0\u03cc \u03b3\u03b9\u03bf\u03cd\u03c4\u03b1. \u0391\u03c5\u03c4\u03cc \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03cd\u03b5\u03b9 \u03c4\u03bf\u03c5\u03c2 \u03c0\u03bf\u03bb\u03cd\u03c4\u03b9\u03bc\u03bf\u03c5\u03c2 \u03ba\u03cc\u03ba\u03ba\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03af \u03c3\u03ae\u03bc\u03b1 \u03ba\u03b1\u03c4\u03b1\u03c4\u03b5\u03b8\u03ad\u03bd \u03c4\u03b7\u03c2 \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03ac\u03c2 \u03c4\u03bf\u03c5.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ===== TIMELINE ITEM 6: CERTIFICATION (Left Side) ===== -->\r\n            <div class=\"mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline\">\r\n                <div class=\"order-1 w-5\/12\"><\/div>\r\n                <!-- Dot on the line -->\r\n                <div class=\"timeline-dot z-20 flex items-center order-1 bg-primary shadow-xl w-8 h-8 rounded-full\">\r\n                    <h1 class=\"mx-auto text-white font-semibold text-lg\">6<\/h1>\r\n                <\/div>\r\n                <!-- Card -->\r\n                <div class=\"order-1 bg-white rounded-lg shadow-xl w-5\/12 px-6 py-4 timeline-item\">\r\n                    <h3 class=\"font-bold text-accent text-xl mb-3\">\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/h3>\r\n                    <div class=\"relative mb-3\">\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/certification800x550.webp\" \r\n                             alt=\"\u0395\u03c0\u03af\u03c3\u03b7\u03bc\u03bf \u03ad\u03b3\u03b3\u03c1\u03b1\u03c6\u03bf \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03c4\u03bf\u03c5 \u03ba\u03b1\u03c6\u03ad.\" \r\n                             class=\"w-full h-40 object-cover rounded-md\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x400\/F5F0E6\/4A2C2A?text=Image+Not+Found';\">\r\n                        <img decoding=\"async\" src=\"https:\/\/jamaicacoffee.gr\/wp-content\/uploads\/2025\/07\/CIB.png\" \r\n                             alt=\"\u03a3\u03c6\u03c1\u03b1\u03b3\u03af\u03b4\u03b1 \u03c4\u03bf\u03c5 Coffee Industry Board of Jamaica.\" \r\n                             class=\"absolute bottom-2 right-2 w-16 h-16 rounded-full border-2 border-white shadow-lg\"\r\n                             onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/64x64\/FFFFFF\/4A2C2A?text=Seal';\">\r\n                    <\/div>\r\n                    <p class=\"text-sm leading-snug tracking-wide text-gray-900 text-opacity-100\">\u039f \u03ba\u03b1\u03c6\u03ad\u03c2 Jamaica Blue Mountain\u00ae \u03b5\u03bb\u03ad\u03b3\u03c7\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c4\u03bf Coffee Industry Board (CIB) \u03c4\u03b7\u03c2 \u03a4\u03b6\u03b1\u03bc\u03ac\u03b9\u03ba\u03b1. \u0391\u03c5\u03c4\u03ae \u03b7 \u03c3\u03c6\u03c1\u03b1\u03b3\u03af\u03b4\u03b1 \u03b5\u03b3\u03b3\u03c5\u03ac\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03bf \u03ba\u03b1\u03c6\u03ad\u03c2 \u03ad\u03c7\u03b5\u03b9 \u03ba\u03b1\u03bb\u03bb\u03b9\u03b5\u03c1\u03b3\u03b7\u03b8\u03b5\u03af \u03c3\u03c4\u03b7 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b7 \u03b3\u03b5\u03c9\u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ae \u03c0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae \u03ba\u03b1\u03b9 \u03c0\u03bb\u03b7\u03c1\u03bf\u03af \u03c4\u03b1 \u03b1\u03c5\u03c3\u03c4\u03b7\u03c1\u03cc\u03c4\u03b1\u03c4\u03b1 \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03ba\u03b1\u03b8\u03b9\u03c3\u03c4\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf\u03bd \u03ad\u03bd\u03b1\u03bd \u03b1\u03c0\u03cc \u03c4\u03bf\u03c5\u03c2 \u03c0\u03b9\u03bf \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b5\u03c1\u03b9\u03b6\u03ae\u03c4\u03b7\u03c4\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c6\u03ad\u03b4\u03b5\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Animate all items with class 'intro-section' or 'timeline-item' on scroll\r\n            const animatedItems = document.querySelectorAll('.intro-section, .timeline-item');\r\n            const observer = new IntersectionObserver(entries => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n            animatedItems.forEach(item => observer.observe(item));\r\n\r\n            \/\/ Animate SVG line on scroll\r\n            const svg = document.getElementById('timeline-svg');\r\n            const path = document.getElementById('timeline-path');\r\n            const timelineContainer = document.getElementById('timeline-container');\r\n            const dots = document.querySelectorAll('.timeline-dot');\r\n            let pathLength;\r\n\r\n            function updatePath() {\r\n                if (!dots.length) return;\r\n                const containerRect = timelineContainer.getBoundingClientRect();\r\n                svg.setAttribute('height', timelineContainer.scrollHeight);\r\n                \r\n                let pathData = '';\r\n                const isMobile = window.innerWidth < 768;\r\n\r\n                dots.forEach((dot, index) => {\r\n                    const dotRect = dot.getBoundingClientRect();\r\n                    \/\/ Calculate dot's center relative to the timeline container\r\n                    const x = dotRect.left - containerRect.left + (dotRect.width \/ 2);\r\n                    const y = dotRect.top - containerRect.top + (dotRect.height \/ 2);\r\n\r\n                    if (index === 0) {\r\n                        pathData += `M ${x} ${y}`;\r\n                    } else {\r\n                        const prevDot = dots[index - 1];\r\n                        const prevDotRect = prevDot.getBoundingClientRect();\r\n                        const prevX = prevDotRect.left - containerRect.left + (prevDotRect.width \/ 2);\r\n                        const prevY = prevDotRect.top - containerRect.top + (prevDotRect.height \/ 2);\r\n                        \r\n                        if (isMobile) {\r\n                             \/\/ For mobile, draw a simple straight line (L)\r\n                             pathData += ` L ${x} ${y}`;\r\n                        } else {\r\n                            \/\/ For desktop, draw a Cubic Bezier curve (C) for a smooth \"S\" shape.\r\n                            \/\/ Control points are placed vertically between the start and end points\r\n                            \/\/ to create the S-curve effect.\r\n                            const cpx1 = prevX;\r\n                            const cpy1 = prevY + (y - prevY) \/ 2;\r\n                            const cpx2 = x;\r\n                            const cpy2 = y - (y - prevY) \/ 2;\r\n                            pathData += ` C ${cpx1} ${cpy1}, ${cpx2} ${cpy2}, ${x} ${y}`;\r\n                        }\r\n                    }\r\n                });\r\n\r\n                path.setAttribute('d', pathData);\r\n                pathLength = path.getTotalLength();\r\n                path.style.strokeDasharray = pathLength; \/\/ Set up the dashes for animation\r\n                path.style.strokeDashoffset = pathLength; \/\/ Hide the path initially\r\n            }\r\n            \r\n            function animatePathOnScroll() {\r\n                if (!pathLength) return;\r\n                const scrollPercentage = (window.scrollY - timelineContainer.offsetTop) \/ (timelineContainer.offsetHeight - window.innerHeight);\r\n                const drawLength = pathLength * Math.max(0, Math.min(1, scrollPercentage));\r\n                path.style.strokeDashoffset = pathLength - drawLength;\r\n            }\r\n\r\n            \/\/ Use a small timeout to ensure all elements are rendered before calculating the path\r\n            setTimeout(() => {\r\n                updatePath();\r\n                animatePathOnScroll(); \/\/ Run once on load\r\n                window.addEventListener('scroll', animatePathOnScroll);\r\n                window.addEventListener('resize', updatePath); \/\/ Recalculate path on resize\r\n            }, 100);\r\n        });\r\n    <\/script>\r\n    \r\n    <style>\r\n        \/* This media query handles the mobile layout *\/\r\n        @media screen and (max-width: 767px) {\r\n            .relative.wrap {\r\n                padding: 10px 0;\r\n            }\r\n            \/* Re-align all timeline items to the left for a single-column view *\/\r\n            .right-timeline, .left-timeline {\r\n                flex-direction: row; \/* Use row layout for mobile *\/\r\n                justify-content: flex-start;\r\n                align-items: flex-start; \/* Align items to the top *\/\r\n                width: 100%;\r\n                margin-bottom: 2rem;\r\n            }\r\n            \/* Reverse the flex direction for items that were on the left *\/\r\n            .left-timeline {\r\n                flex-direction: row-reverse;\r\n                justify-content: flex-end;\r\n            }\r\n            \/* Hide the desktop spacer div *\/\r\n            .right-timeline > div:first-child, .left-timeline > div:first-child {\r\n                display: none;\r\n            }\r\n            \/* The dot container *\/\r\n            .timeline-dot {\r\n                flex-shrink: 0; \/* Prevent dot from shrinking *\/\r\n                margin-top: 1rem; \/* Align with the card's top padding *\/\r\n                position: relative;\r\n                z-index: 20;\r\n            }\r\n            \/* Adjust margins for left and right items on mobile *\/\r\n            .right-timeline .timeline-dot {\r\n                margin-right: 1rem;\r\n            }\r\n            .left-timeline .timeline-dot {\r\n                margin-left: 1rem;\r\n            }\r\n            \/* The card takes the rest of the space *\/\r\n            .timeline-item {\r\n                flex-grow: 1; \/* Allow card to take up remaining space *\/\r\n                width: auto;\r\n            }\r\n            \r\n            #timeline-svg {\r\n                left: 0;\r\n                transform: none;\r\n            }\r\n\r\n            \/* On mobile, we need to re-reverse the left timeline items to put the dot first *\/\r\n            .left-timeline {\r\n                flex-direction: row;\r\n            }\r\n            .left-timeline .timeline-dot {\r\n                 margin-right: 1rem;\r\n                 margin-left: 0;\r\n            }\r\n\r\n        }\r\n    <\/style>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0397 \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b1 \u03c4\u03bf\u03c5 \u039a\u03b1\u03c6\u03ad Jamaica Blue Mountain &#8211; Vertical Timeline Jamaica Blue Mountain \u0397 elite \u03c4\u03c9\u03bd Gourmet \u03ba\u03b1\u03c6\u03ad\u03b4\u03c9\u03bd \u0398\u03b5\u03c9\u03c1\u03b5\u03af\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15615","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/pages\/15615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/comments?post=15615"}],"version-history":[{"count":0,"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/pages\/15615\/revisions"}],"wp:attachment":[{"href":"https:\/\/jamaicacoffee.gr\/en\/wp-json\/wp\/v2\/media?parent=15615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}