Premium Tea Hero<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n\n:root {\n --dairy-brown: #312521; \/* Deep chocolate background *\/\n --dairy-card: #453935; \/* Lighter brown card *\/\n --dairy-yellow: #fecb00; \/* Bright accent yellow *\/\n --dairy-white: #ffffff;\n}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\n.heritage-hero {\n background-color: var(--dairy-brown);\n padding: 80px 20px;\n color: var(--dairy-white);\n font-family: 'Inter', sans-serif;\n position: relative;\n overflow: hidden;\n}\n\n\/* Premium Background Texture Overlay *\/\n.heritage-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background-image: url('https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/texture.png');\n opacity: 0.15;\n pointer-events: none;\n z-index: 1;\n}\n\n\/* =========================================\n ENHANCED WINDY LEAVES EFFECT\n========================================= *\/\n\n.windy-leaves-container {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n pointer-events: none;\n z-index: 2; \/* Just above texture, behind text *\/\n overflow: hidden;\n}\n\n\/* Wrapper handles the diagonal flying movement *\/\n.leaf-wrapper {\n position: absolute;\n left: -10%;\n bottom: -10%;\n opacity: 0;\n animation: windFly cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n\n\/* Inner handles the realistic fluttering\/spinning *\/\n.leaf-inner {\n width: 100%; height: 100%;\n \/* Increased opacity in SVG for better visibility *\/\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23fecb00' opacity='0.85'%3E%3Cpath d='M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 7,14 7,14C7,14 14,8 21,11C21,11 21.5,5.5 17,8Z'\/%3E%3C\/svg%3E\");\n background-size: contain;\n background-repeat: no-repeat;\n animation: flutter ease-in-out infinite alternate;\n}\n\n\/* More dynamic wind trajectory *\/\n@keyframes windFly {\n 0% { transform: translate(-5vw, 10vh) scale(0.8) rotate(-20deg); opacity: 0; }\n 10% { opacity: 1; }\n 40% { transform: translate(40vw, -30vh) scale(1) rotate(10deg); opacity: 1; }\n 85% { opacity: 1; }\n 100% { transform: translate(110vw, -80vh) scale(1.3) rotate(45deg); opacity: 0; }\n}\n\n\/* Natural Leaf Fluttering & Tumbling *\/\n@keyframes flutter {\n 0% { transform: rotate(0deg) translateY(0px) translateX(0px); }\n 50% { transform: rotate(180deg) translateY(-30px) translateX(30px); }\n 100% { transform: rotate(360deg) translateY(10px) translateX(60px); }\n}\n\n\/* --- 15 Leaves for Maximum Wind Feel --- *\/\n.leaf-1 { left: 5%; width: 35px; height: 35px; animation-duration: 9s; animation-delay: 0s; }\n.leaf-1 .leaf-inner { animation-duration: 3s; }\n\n.leaf-2 { left: 20%; width: 20px; height: 20px; animation-duration: 12s; animation-delay: 2s; filter: blur(1px); }\n.leaf-2 .leaf-inner { animation-duration: 4s; animation-direction: alternate-reverse; }\n\n.leaf-3 { left: -5%; width: 45px; height: 45px; animation-duration: 7s; animation-delay: 5s; filter: blur(3px); z-index: 10;} \/* Fast & close to camera *\/\n.leaf-3 .leaf-inner { animation-duration: 2.5s; }\n\n.leaf-4 { left: 40%; width: 25px; height: 25px; animation-duration: 14s; animation-delay: 1s; opacity: 0.7; }\n.leaf-4 .leaf-inner { animation-duration: 4.5s; }\n\n.leaf-5 { left: 15%; width: 30px; height: 30px; animation-duration: 11s; animation-delay: 7s; }\n.leaf-5 .leaf-inner { animation-duration: 3.5s; }\n\n.leaf-6 { left: 60%; width: 18px; height: 18px; animation-duration: 15s; animation-delay: 4s; filter: blur(2px); }\n.leaf-6 .leaf-inner { animation-duration: 3.2s; animation-direction: alternate-reverse; }\n\n.leaf-7 { left: -10%; width: 50px; height: 50px; animation-duration: 8s; animation-delay: 3s; filter: blur(4px); }\n.leaf-7 .leaf-inner { animation-duration: 2s; }\n\n.leaf-8 { left: 30%; width: 28px; height: 28px; animation-duration: 10s; animation-delay: 6s; }\n.leaf-8 .leaf-inner { animation-duration: 3.8s; }\n\n.leaf-9 { left: 10%; width: 22px; height: 22px; animation-duration: 13s; animation-delay: 8s; filter: blur(1px); }\n.leaf-9 .leaf-inner { animation-duration: 4.2s; }\n\n.leaf-10 { left: 50%; width: 32px; height: 32px; animation-duration: 9.5s; animation-delay: 1.5s; }\n.leaf-10 .leaf-inner { animation-duration: 3.1s; animation-direction: alternate-reverse; }\n\n.leaf-11 { left: -5%; width: 15px; height: 15px; animation-duration: 16s; animation-delay: 0.5s; opacity: 0.5; }\n.leaf-11 .leaf-inner { animation-duration: 5s; }\n\n.leaf-12 { left: 25%; width: 38px; height: 38px; animation-duration: 8.5s; animation-delay: 9s; filter: blur(2px); }\n.leaf-12 .leaf-inner { animation-duration: 2.8s; }\n\n.leaf-13 { left: 5%; width: 26px; height: 26px; animation-duration: 11.5s; animation-delay: 10s; }\n.leaf-13 .leaf-inner { animation-duration: 3.6s; }\n\n.leaf-14 { left: 45%; width: 20px; height: 20px; animation-duration: 14.5s; animation-delay: 3.5s; filter: blur(1.5px); }\n.leaf-14 .leaf-inner { animation-duration: 4.1s; }\n\n.leaf-15 { left: -15%; width: 55px; height: 55px; animation-duration: 6.5s; animation-delay: 2.5s; filter: blur(5px); } \/* Huge out-of-focus leaf *\/\n.leaf-15 .leaf-inner { animation-duration: 1.8s; }\n\n\n\/* =========================================\n MAIN LAYOUT STYLES\n========================================= *\/\n\n.hh-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 3; \/* Sits above texture and leaves *\/\n}\n\n\/* Header Section *\/\n.hh-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 50px;\n}\n\n.hh-eyebrow {\n color: var(--dairy-yellow);\n font-weight: 800;\n letter-spacing: 2px;\n font-size: 14px;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.hh-main-title {\n font-size: clamp(2.5rem, 5vw, 3.8rem);\n font-weight: 800;\n line-height: 1.1;\n margin: 0;\n letter-spacing: -1px;\n}\n\n\/* Top Right Visuals *\/\n.hh-top-visual {\n display: flex;\n gap: 20px;\n align-items: center;\n}\n\n.hh-mini-img img {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n object-fit: cover;\n border: 4px solid var(--dairy-card);\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n}\n\n.hh-circular-badge {\n width: 120px;\n height: 120px;\n position: relative;\n background: var(--dairy-yellow);\n border-radius: 50%;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n}\n\n.hh-circular-badge svg {\n animation: rotate 15s linear infinite;\n width: 100%;\n height: 100%;\n}\n\n.hh-circular-badge text {\n font-size: 11px;\n font-weight: 900;\n fill: var(--dairy-brown);\n text-transform: uppercase;\n}\n\n.hh-badge-icon {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n}\n\n\/* Grid Layout *\/\n.hh-grid {\n display: grid;\n grid-template-columns: 380px 1fr;\n gap: 50px;\n align-items: start;\n}\n\n\/* Trust Avatars *\/\n.hh-trust-stack {\n margin-bottom: 30px;\n}\n\n.hh-avatars {\n display: flex;\n margin-bottom: 12px;\n}\n\n.hh-avatars img, .hh-avatar-plus {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n border: 3px solid var(--dairy-brown);\n margin-right: -12px;\n object-fit: cover;\n}\n\n.hh-avatar-plus {\n background: var(--dairy-yellow);\n color: var(--dairy-brown);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.hh-trust-text {\n font-size: 14px;\n font-weight: 500;\n opacity: 0.9;\n color: #d1cfcd;\n}\n\n\/* Feature Card *\/\n.hh-feature-card {\n background: var(--dairy-card);\n padding: 35px;\n border-radius: 28px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n}\n\n.hh-feature-item {\n display: flex;\n gap: 18px;\n}\n\n.hh-icon-box {\n background: var(--dairy-yellow);\n width: 50px;\n height: 50px;\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n flex-shrink: 0;\n box-shadow: 0 5px 15px rgba(254, 203, 0, 0.2);\n}\n\n.hh-feature-text strong {\n display: block;\n font-size: 18px;\n margin-bottom: 4px;\n color: var(--dairy-white);\n}\n\n.hh-feature-text p {\n font-size: 14px;\n line-height: 1.5;\n color: #c9c2bf;\n margin: 0;\n}\n\n.hh-divider {\n height: 1px;\n background: rgba(255,255,255,0.08);\n margin: 25px 0;\n}\n\n\/* Primary Button *\/\n.hh-btn-primary {\n display: block;\n background: var(--dairy-yellow);\n color: var(--dairy-brown);\n text-align: center;\n padding: 18px;\n border-radius: 14px;\n text-decoration: none;\n font-weight: 800;\n font-size: 16px;\n transition: all 0.3s ease;\n margin-top: 10px;\n}\n\n.hh-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(254, 203, 0, 0.3);\n filter: brightness(1.05);\n}\n\n\/* Hero Image Container *\/\n.hh-main-visual {\n width: 100%;\n height: 540px;\n border-radius: 35px;\n overflow: hidden;\n box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n}\n\n.hh-hero-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s ease;\n}\n\n.hh-main-visual:hover .hh-hero-img {\n transform: scale(1.05);\n}\n\n@keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n\/* Mobile Responsiveness Implementation *\/\n@media (max-width: 1024px) {\n .hh-grid { grid-template-columns: 1fr; gap: 40px; }\n .hh-main-visual { height: 450px; }\n}\n\n@media (max-width: 768px) {\n .heritage-hero { padding: 50px 20px; }\n .hh-header { flex-direction: column; gap: 30px; text-align: center; align-items: center; }\n .hh-eyebrow { justify-content: center; }\n .hh-top-visual { scale: 0.9; }\n .hh-main-visual { height: 350px; }\n .hh-feature-card { padding: 25px; }\n .hh-avatars { justify-content: center; }\n .hh-trust-text { display: block; text-align: center; }\n}\n\n@media (max-width: 480px) {\n .hh-main-title { font-size: 2.2rem; }\n .hh-main-visual { height: 280px; border-radius: 20px; }\n .hh-top-visual { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"heritage-hero\">\n \n <div class=\"windy-leaves-container\">\n <div class=\"leaf-wrapper leaf-1\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-2\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-3\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-4\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-5\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-6\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-7\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-8\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-9\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-10\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-11\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-12\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-13\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-14\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-15\"><div class=\"leaf-inner\"><\/div><\/div>\n <\/div>\n\n <div class=\"hh-container\">\n \n <div class=\"hh-header\">\n <div class=\"hh-title-area\">\n <div class=\"hh-eyebrow\">\n <span class=\"hh-star\">\u2726<\/span> PURE CEYLON HERITAGE\n <\/div>\n <h1 class=\"hh-main-title\">\n Premium Taste,<br>Unconditional Quality\n <\/h1>\n <\/div>\n \n <div class=\"hh-top-visual\">\n <div class=\"hh-mini-img\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-11.png\" alt=\"Tea Detail\">\n <\/div>\n <div class=\"hh-circular-badge\">\n <svg viewBox=\"0 0 100 100\">\n <path id=\"circlePath\" d=\"M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0\" fill=\"none\"\/>\n <text><textPath href=\"#circlePath\">ESTABLISHED 2001 \u2022 DO GHAZAL \u2022 EXCLUSIVE \u2022<\/textPath><\/text>\n <\/svg>\n <div class=\"hh-badge-icon\">\u2615<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hh-grid\">\n <div class=\"hh-info-col\">\n <div class=\"hh-trust-stack\">\n <div class=\"hh-avatars\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?u=1\" alt=\"Partner\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?u=2\" alt=\"Partner\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?u=3\" alt=\"Partner\">\n <div class=\"hh-avatar-plus\">+<\/div>\n <\/div>\n <span class=\"hh-trust-text\">Trusted By More Than 2k Partners<\/span>\n <\/div>\n\n <div class=\"hh-feature-card\">\n <div class=\"hh-feature-item\">\n <div class=\"hh-icon-box\">\ud83c\udf43<\/div>\n <div class=\"hh-feature-text\">\n <strong>Pure, Fresh Blends<\/strong>\n <p>Direct from the world-renowned Ceylon Highlands.<\/p>\n <\/div>\n <\/div>\n <div class=\"hh-divider\"><\/div>\n <div class=\"hh-feature-item\">\n <div class=\"hh-icon-box\">\ud83d\udce6<\/div>\n <div class=\"hh-feature-text\">\n <strong>Wholesale Network<\/strong>\n <p>Exclusive distribution across the EU and UK.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"hh-actions\">\n <a href=\"\/?product_cat=do-gazal-tea\" class=\"hh-btn-primary\">View Assortment<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hh-main-visual\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-11.png\" alt=\"Premium Tea Pour\" class=\"hh-hero-img\">\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceb3637 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"ceb3637\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f708070 elementor-widget elementor-widget-html\" data-id=\"f708070\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Premium Tea Marquee<\/title>\n<style>\n\/* Import Bold Font *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@800&display=swap');\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter', sans-serif;\n}\n\n\/* ================================\n MARQUEE STYLING & ANIMATION\n================================ *\/\n.tea-marquee-container {\n background-color: #f6ce55; \/* Bright yellow from your screenshot *\/\n padding: 24px 0;\n overflow: hidden;\n width: 100%;\n position: relative;\n display: flex;\n}\n\n\/* Optional: Top and Bottom dark border for premium look *\/\n.tea-marquee-container {\n border-top: 2px solid #3a2e29;\n border-bottom: 2px solid #3a2e29;\n}\n\n.marquee-track {\n display: flex;\n width: max-content; \/* Important for seamless loop *\/\n \/* Animation speed (increase\/decrease seconds to change speed) *\/\n animation: scrollMarquee 30s linear infinite;\n}\n\n\/* Pause on hover feature *\/\n.tea-marquee-container:hover .marquee-track {\n animation-play-state: paused;\n}\n\n.marquee-items {\n display: flex;\n align-items: center;\n gap: 60px; \/* Space between words and stars *\/\n padding-right: 60px; \/* Exact same as gap for a seamless join *\/\n}\n\n.stroke-text {\n font-size: 32px;\n font-weight: 800;\n text-transform: capitalize;\n white-space: nowrap;\n \n \/* The Stroke Text Magic *\/\n color: transparent; \n -webkit-text-stroke: 2px #3a2e29; \/* Dark brown stroke *\/\n \n \/* Smooth transition for hover effect *\/\n transition: all 0.3s ease;\n cursor: default;\n}\n\n\/* Hover effect on individual text *\/\n.stroke-text:hover {\n color: #3a2e29; \/* Fills the text with color on hover *\/\n}\n\n.star-icon {\n color: #3a2e29; \/* Solid dark brown star *\/\n font-size: 26px;\n line-height: 1;\n}\n\n\/* Perfect Seamless Loop Animation *\/\n@keyframes scrollMarquee {\n 0% { \n transform: translateX(0); \n }\n 100% { \n \/* Translates exactly 50% of the total track width *\/\n transform: translateX(-50%); \n }\n}\n\n\/* Responsive adjustment for mobiles *\/\n@media (max-width: 768px) {\n .stroke-text { font-size: 24px; -webkit-text-stroke: 1.5px #3a2e29; }\n .star-icon { font-size: 20px; }\n .tea-marquee-container { padding: 18px 0; }\n .marquee-items { gap: 40px; padding-right: 40px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"tea-marquee-container\">\n <div class=\"marquee-track\">\n \n <div class=\"marquee-items\">\n <span class=\"stroke-text\">Do Ghazal Blends<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Super Pekoe<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Herbal Tea Bags<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Green Tea<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Earl Grey<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Red<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n <\/div>\n\n <div class=\"marquee-items\">\n <span class=\"stroke-text\">Do Ghazal Blends<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Super Pekoe<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Herbal Tea Bags<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Green Tea<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Earl Grey<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Red<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n <\/div>\n\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6faa920 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6faa920\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2607517 elementor-widget elementor-widget-html\" data-id=\"2607517\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Premium Tea Slider<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n <style>\n :root {\n --hnf-gold: #D4AF37;\n --hnf-gold-dark: #b5952f;\n --hnf-bg: #FDFBF7;\n --hnf-text-dark: #1A201C; \n --hnf-text-light: #6B726D;\n --hnf-transition: all 0.5s cubic-bezier(0.25, 1, 0.2, 1);\n }\n\n body {\n margin: 0;\n font-family: 'Inter', sans-serif;\n background-color: var(--hnf-bg);\n -webkit-font-smoothing: antialiased;\n }\n\n .hnf-carousel-section {\n padding: 100px 0;\n overflow: hidden;\n }\n\n .hnf-carousel-wrapper { \n max-width: 1440px; \n margin: 0 auto; \n padding: 0 40px; \n }\n\n \/* --- Header & Navigation --- *\/\n .hnf-header-area {\n display: flex; \n justify-content: space-between; \n align-items: flex-end;\n margin-bottom: 60px;\n flex-wrap: wrap;\n gap: 30px;\n }\n\n .hnf-subheading {\n font-size: 12px; \n letter-spacing: 4px; \n color: var(--hnf-gold-dark);\n font-weight: 600; \n margin: 0 0 15px 0; \n text-transform: uppercase;\n }\n\n .hnf-main-heading {\n font-family: 'Playfair Display', serif; \n font-size: clamp(2rem, 4vw, 4rem);\n color: var(--hnf-text-dark); \n line-height: 1.1; \n margin: 0;\n }\n\n .hnf-main-heading em {\n color: var(--hnf-text-light);\n font-weight: 400;\n }\n\n \/* Clean Custom Navigation *\/\n .hnf-nav-buttons { \n display: flex; \n gap: 15px; \n align-items: center;\n }\n\n .hnf-btn-circle {\n cursor: pointer; \n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 1px solid rgba(26, 32, 28, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n color: var(--hnf-text-dark); \n transition: var(--hnf-transition);\n }\n\n .hnf-btn-circle svg {\n width: 20px;\n height: 20px;\n transition: var(--hnf-transition);\n }\n\n .hnf-btn-circle:hover { \n border-color: var(--hnf-gold);\n background: var(--hnf-gold);\n color: #fff;\n }\n\n .swiper-button-disabled {\n opacity: 0.3;\n pointer-events: none;\n }\n\n \/* --- Circular Portal & Orbit --- *\/\n .hnf-product-card {\n text-align: center;\n cursor: pointer;\n }\n\n .hnf-image-ring {\n position: relative;\n width: 100%;\n max-width: 300px;\n margin: 0 auto 30px auto;\n aspect-ratio: 1;\n }\n\n .hnf-img-circle {\n position: absolute;\n inset: 12px; \n border-radius: 50%;\n overflow: hidden;\n background: #fff;\n z-index: 2;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: var(--hnf-transition);\n }\n\n .hnf-img-circle img {\n width: 100%; \n height: 100%; \n object-fit: cover;\n transition: transform 1.2s ease;\n }\n\n .hnf-dashed-border {\n position: absolute;\n inset: 0;\n width: 100%; \n height: 100%;\n fill: none;\n stroke: var(--hnf-gold);\n stroke-width: 1;\n stroke-dasharray: 6, 6;\n opacity: 0.2;\n transition: var(--hnf-transition);\n z-index: 1;\n transform-origin: center;\n }\n\n \/* Hover & Active States *\/\n .swiper-slide-active .hnf-dashed-border {\n opacity: 0.6;\n animation: hnfSpin 25s linear infinite;\n }\n\n .hnf-product-card:hover .hnf-dashed-border {\n opacity: 1;\n stroke-dasharray: 4, 8;\n animation: hnfSpin 15s linear infinite;\n }\n\n .hnf-product-card:hover .hnf-img-circle { \n transform: scale(0.95); \n box-shadow: 0 20px 40px rgba(212, 175, 55, 0.15);\n }\n \n .hnf-product-card:hover img { \n transform: scale(1.15); \n }\n\n .hnf-hover-overlay {\n position: absolute; \n inset: 0;\n background: rgba(26, 32, 28, 0.4);\n display: flex; \n align-items: center; \n justify-content: center;\n opacity: 0; \n transition: var(--hnf-transition);\n backdrop-filter: blur(2px);\n }\n\n .hnf-hover-overlay span {\n color: #fff; \n font-size: 11px; \n letter-spacing: 2px;\n text-transform: uppercase; \n border: 1px solid rgba(255,255,255,0.6);\n padding: 10px 20px; \n border-radius: 50px;\n transform: translateY(10px);\n transition: var(--hnf-transition);\n }\n\n .hnf-product-card:hover .hnf-hover-overlay { opacity: 1; }\n .hnf-product-card:hover .hnf-hover-overlay span { transform: translateY(0); }\n\n \/* --- Meta Data --- *\/\n .hnf-text-content { \n position: relative; \n padding: 0 10px;\n }\n \n .hnf-slide-number {\n font-family: 'Playfair Display', serif; \n font-style: italic;\n font-size: 14px; \n color: var(--hnf-text-light); \n display: block; \n margin-bottom: 8px;\n }\n \n .hnf-slide-title {\n font-family: 'Playfair Display', serif;\n font-size: 22px; \n font-weight: 600; \n color: var(--hnf-text-dark);\n margin: 0;\n transition: color 0.3s ease;\n }\n\n .hnf-product-card:hover .hnf-slide-title {\n color: var(--hnf-gold-dark);\n }\n\n @keyframes hnfSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* --- Pagination --- *\/\n .swiper-pagination {\n position: relative !important;\n margin-top: 50px !important;\n }\n .swiper-pagination-bullet { \n background: #D1D5D2; \n opacity: 1; \n width: 8px;\n height: 8px;\n transition: var(--hnf-transition);\n }\n .swiper-pagination-bullet-active { \n background: var(--hnf-gold) !important; \n width: 24px; \n border-radius: 4px; \n }\n\n \/* ================================\n RESPONSIVE DESIGN \n ================================ *\/\n @media (max-width: 768px) {\n .hnf-carousel-section { padding: 40px 0; }\n .hnf-carousel-wrapper { padding: 0 15px; }\n .hnf-header-area { margin-bottom: 30px; justify-content: center; text-align: center; }\n .hnf-nav-buttons { display: none; }\n \n \/* Mobile specific adjustments to fit exactly 3 items *\/\n .hnf-image-ring { margin: 0 auto 10px auto; }\n .hnf-img-circle { inset: 4px; } \/* Thinner border for smaller screens *\/\n .hnf-dashed-border { stroke-width: 0.5px; } \/* Lighter ring for small size *\/\n \n \/* Make text small and clean for mobile *\/\n .hnf-slide-title { font-size: 11px; line-height: 1.2; font-weight: 600; } \n .hnf-slide-number { font-size: 9px; margin-bottom: 4px; letter-spacing: 1px; }\n .hnf-text-content { padding: 0; }\n \n .hnf-hover-overlay span { font-size: 6px; padding: 3px 6px; letter-spacing: 1px; border: none; background: rgba(0,0,0,0.4); }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"hnf-carousel-section\">\n <div class=\"hnf-carousel-wrapper\">\n \n <div class=\"hnf-header-area\">\n <div class=\"hnf-header-text\">\n <p class=\"hnf-subheading\">Our Assortment<\/p>\n <h2 class=\"hnf-main-heading\">Explore <em>by Category<\/em><\/h2>\n <\/div>\n \n <div class=\"hnf-nav-buttons\">\n <div class=\"hnf-btn-circle hnf-btn-prev\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n <\/div>\n <div class=\"hnf-btn-circle hnf-btn-next\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper hnfSwiper\">\n <div class=\"swiper-wrapper\">\n \n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-7-1-300x185.png\" alt=\"Herbal Tea\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">01<\/span>\n <h3 class=\"hnf-slide-title\">Herbal Blends<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-5-1-300x185.png\" alt=\"Green Tea\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">02<\/span>\n <h3 class=\"hnf-slide-title\">Sencha Green<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-4-1-300x185.png\" alt=\"Earl Grey\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">03<\/span>\n <h3 class=\"hnf-slide-title\">Classic Earl Grey<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544787219-7f47ccb76574?w=600&q=80\" alt=\"Standard Red\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">04<\/span>\n <h3 class=\"hnf-slide-title\">Imperial Red<\/h3>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1597481499750-3e6b22637e12?w=600&q=80\" alt=\"Matcha\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">05<\/span>\n <h3 class=\"hnf-slide-title\">Ceremonial Matcha<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n <div class=\"swiper-pagination\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n const swiper = new Swiper('.hnfSwiper', {\n \/\/ Basic settings\n slidesPerView: 3, \n spaceBetween: 8, \n centeredSlides: false, \n loop: true,\n grabCursor: true,\n speed: 800, \n autoplay: {\n delay: 4000,\n disableOnInteraction: true, \n },\n pagination: {\n el: '.swiper-pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.hnf-btn-next',\n prevEl: '.hnf-btn-prev',\n },\n \/\/ Breakpoints for larger screens\n breakpoints: {\n 480: {\n slidesPerView: 3,\n spaceBetween: 15,\n },\n 768: {\n slidesPerView: 3,\n spaceBetween: 25,\n },\n 1024: {\n slidesPerView: 4, \n spaceBetween: 40,\n },\n 1440: {\n slidesPerView: 4,\n spaceBetween: 50,\n }\n },\n });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39c7b89 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"39c7b89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6135eb0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6135eb0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c421054 elementor-widget elementor-widget-icon-box\" data-id=\"c421054\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> OUR PRODUCTS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abb85e6 elementor-widget elementor-widget-heading\" data-id=\"abb85e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore our range of <br>fresh products<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d59ca elementor-grid-4 elementor-grid-tablet-3 elementor-grid-mobile-2 elementor-products-grid elementor-wc-products elementor-widget elementor-widget-woocommerce-products\" data-id=\"e3d59ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"woocommerce-products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"woocommerce columns-4 \"><ul class=\"products elementor-grid columns-4\">\n<li class=\"product type-product post-1169 status-publish first instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=tea-bag-100-red\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tea Bag 100 Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Tea Bag 100 Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=tea-bag-100-red\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1169\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"1169\" data-product_sku=\"\" aria-label=\"Read more about “Tea Bag 100 Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1169\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-1165 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=tin-500gr\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tin 500gr\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Tin 500gr<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=tin-500gr\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1165\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"1165\" data-product_sku=\"\" aria-label=\"Read more about “Tin 500gr”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1165\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-1159 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=1159\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tea Bag 25 Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Tea Bag 25 Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=1159\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1159\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"1159\" data-product_sku=\"\" aria-label=\"Read more about “Tea Bag 25 Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1159\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-448 status-publish last instock product_cat-earl-grey has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-earl-grey\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"100gr Earl Grey\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">100gr Earl Grey<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-earl-grey\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_448\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"448\" data-product_sku=\"\" aria-label=\"Read more about “100gr Earl Grey”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_448\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-447 status-publish first instock product_cat-standard-tea-super-pekoe has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=450gr-super-pekoe\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"450gr Super Pekoe\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">450gr Super Pekoe<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=450gr-super-pekoe\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_447\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"447\" data-product_sku=\"\" aria-label=\"Read more about “450gr Super Pekoe”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_447\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-443 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=500gr-red\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"500gr Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">500gr Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=500gr-red\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_443\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"443\" data-product_sku=\"\" aria-label=\"Read more about “500gr Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_443\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-401 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-red\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"100gr Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">100gr Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-red\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_401\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"401\" data-product_sku=\"\" aria-label=\"Read more about “100gr Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_401\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1a94fc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"d1a94fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-078b6bb elementor-widget elementor-widget-html\" data-id=\"078b6bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hnf-wcu-wrapper\">\n \n <div class=\"hnf-wcu-header\">\n <div class=\"hnf-wcu-subtitle\">\n <span class=\"hnf-wcu-star\">\u2726<\/span> WHY CHOOSE US\n <\/div>\n <h2 class=\"hnf-wcu-title\">The Starting Point for Premium<br>Wholesale in Europe & the UK<\/h2>\n <\/div>\n\n <div class=\"hnf-wcu-grid\">\n \n <div class=\"hnf-wcu-column hnf-wcu-col-left\">\n \n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-left\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Exclusive Do Ghazal Agency<\/h3>\n <p>The sole agency and exclusive right to import Do Ghazal products across the territory.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-left\" style=\"animation-delay: 0.1s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Respected Network<\/h3>\n <p>Cooperating with the finest distributors to make premium products widely available.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-left\" style=\"animation-delay: 0.2s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 14h18\"><\/path><path d=\"M12 2v12\"><\/path><path d=\"M7 10l-4 4 4 4\"><\/path><path d=\"M17 10l4 4-4 4\"><\/path><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Balanced Market<\/h3>\n <p>We organize and protect the market ensuring secure and beneficial distribution for all.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"hnf-wcu-center hnf-wcu-anim-fade\">\n <div class=\"hnf-wcu-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-13.png\" alt=\"Hanna Foods Premium Products\" class=\"hnf-wcu-product-img\">\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-column hnf-wcu-col-right\">\n \n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-right\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Always In Stock<\/h3>\n <p>We keep the whole assortment in stock for fast, efficient distribution across Europe.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-right\" style=\"animation-delay: 0.1s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Fantastic Experience<\/h3>\n <p>Finest Ceylon blends and Basmati rice providing an unconditional freshness guarantee.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-right\" style=\"animation-delay: 0.2s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Certified Quality<\/h3>\n <p>Produced to high international standards: ISO, HACCP, FSSC, GEO, and SGS GMP.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n \n \/\/ 1. Set up the \"sensor\" (Intersection Observer)\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n \/\/ 2. If the element enters the screen...\n if (entry.isIntersecting) {\n \/\/ 3. Add the 'start-anim' class to trigger the CSS\n entry.target.classList.add('start-anim');\n \/\/ 4. Stop observing so it only animates once per load\n observer.unobserve(entry.target); \n }\n });\n }, { \n threshold: 0.15 \/\/ Triggers when 15% of the element becomes visible\n });\n\n \/\/ 5. Find all the elements that need to be animated\n const animatedElements = document.querySelectorAll('.hnf-wcu-anim-slide-left, .hnf-wcu-anim-slide-right, .hnf-wcu-anim-fade');\n \n \/\/ 6. Attach the sensor to each element\n animatedElements.forEach(el => {\n observer.observe(el);\n });\n \n });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ba8df1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"4ba8df1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-8e19b18 e-con-full animated-slow e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"8e19b18\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInLeft","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8795e17 hf-cow-img elementor-invisible elementor-widget elementor-widget-image\" data-id=\"8795e17\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","ekit_we_effect_on":"none"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"567\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1.png\" class=\"attachment-large size-large wp-image-187\" alt=\"\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1.png 414w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-219x300.png 219w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84b2a8c hf-farmer-img elementor-invisible elementor-widget elementor-widget-image\" data-id=\"84b2a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","ekit_we_effect_on":"none"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"383\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6.png\" class=\"attachment-large size-large wp-image-192\" alt=\"\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6.png 383w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6-100x100.png 100w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e402903 hf-about-badge elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e402903\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-Leaf\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc1f0ed e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"fc1f0ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0da20de elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"0da20de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> ABOUT HANNA FOODS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2de8ab7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2de8ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Premium Wholesale in Europe & the UK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3544f3f animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3544f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100,"ekit_we_effect_on":"none"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Established in 2001 as a supplier for the ethnic market, Hanna Foods is the proud exclusive partner of Akbar Brothers in Sri Lanka. We offer high-quality products with an unconditional guarantee for freshness, keeping our entire assortment in stock for fast, efficient distribution across the territory.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a3ff42 elementor-widget elementor-widget-html\" data-id=\"1a3ff42\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hf-mission-section\">\r\n \r\n <div class=\"hf-mission-top\">\r\n \r\n <div class=\"hf-mission-content\">\r\n <h3 class=\"hf-mission-title\">Our Mission:<\/h3>\r\n <ul class=\"hf-mission-list\">\r\n <li>\r\n <div class=\"hf-check-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FFCD00\"\/>\r\n <path d=\"M7 12.5L10.5 16L17.5 8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Sole agency for Do Ghazal tea, rice, and coffee.<\/span>\r\n <\/li>\r\n <li>\r\n <div class=\"hf-check-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FFCD00\"\/>\r\n <path d=\"M7 12.5L10.5 16L17.5 8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Proud distributor of Dutso Butter-Ghee & Happy Cow Cheese.<\/span>\r\n <\/li>\r\n <li>\r\n <div class=\"hf-check-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FFCD00\"\/>\r\n <path d=\"M7 12.5L10.5 16L17.5 8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Certified ISO, HACCP, FSSC, GEO, and SGS GMP.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"hf-experience-card\">\r\n <span class=\"hf-exp-number\">25+<\/span>\r\n <span class=\"hf-exp-text\">Years Of<br>Excellence<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"hf-mission-divider\">\r\n\r\n <div class=\"hf-mission-bottom\">\r\n \r\n <div class=\"hf-feature-item\">\r\n <div class=\"hf-feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 22S2 18 2 10V5L12 2L22 5V10C22 18 12 22 12 22Z\" stroke=\"#3D2E26\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M9 12L11 14L15 10\" stroke=\"#3D2E26\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"hf-feature-text\"><strong>Unconditional Guarantee<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"hf-feature-item\">\r\n <div class=\"hf-feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#3D2E26\" stroke-width=\"1.5\"\/>\r\n <path d=\"M2 12H22\" stroke=\"#3D2E26\" stroke-width=\"1.5\"\/>\r\n <path d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2Z\" stroke=\"#3D2E26\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"hf-feature-text\"><strong>Balanced & Secure<\/strong><\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ Create the Intersection Observer (The Sensor)\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n \/\/ Add the 'start-anim' class when element enters the screen\r\n entry.target.classList.add('start-anim');\r\n \/\/ Stop observing so it only animates once\r\n observer.unobserve(entry.target); \r\n }\r\n });\r\n }, { \r\n threshold: 0.15 \/\/ Triggers when 15% of the element is visible\r\n });\r\n\r\n \/\/ Find ALL elements from both the Overlap section and the Mission section\r\n const animatedElements = document.querySelectorAll(`\r\n .hf-mission-content, \r\n .hf-experience-card, \r\n .hf-feature-item,\r\n .hf-cow-img,\r\n .hf-farmer-img,\r\n .hf-experience-box,\r\n .hf-feature-box\r\n `);\r\n \r\n \/\/ Attach the sensor to each element\r\n animatedElements.forEach(el => {\r\n observer.observe(el);\r\n });\r\n \r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2349542 animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"2349542\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","ekit_we_effect_on":"none"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-buzz-out\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More About<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd5881c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"dd5881c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1652df elementor-widget elementor-widget-html\" data-id=\"d1652df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Plus+Jakarta+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n .heritage-wrapper {\n background: #080808;\n color: #fff;\n overflow: hidden;\n }\n\n .heritage-layout-grid {\n display: grid;\n grid-template-columns: 0.8fr 1.2fr;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n }\n\n \/* Left sticky column *\/\n .heritage-sidebar {\n padding: 5rem 3rem 4rem 2rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: sticky;\n top: 0;\n height: 100vh;\n background-color: rgba(8,8,8,0.93);\n background-image: url('https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1.png');\n background-size: cover;\n background-position: center;\n background-blend-mode: overlay;\n }\n\n .heritage-established-badge {\n color: #cca700;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 1.8rem;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .heritage-established-badge::before {\n content: '';\n display: block;\n width: 28px;\n height: 1px;\n background: #cca700;\n }\n\n .heritage-main-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.2rem, 4vw, 3.8rem);\n line-height: 1.05;\n margin-bottom: 1.8rem;\n letter-spacing: -1px;\n color: #fff;\n }\n .heritage-main-title em {\n color: #cca700;\n font-style: italic;\n font-weight: 400;\n }\n\n .heritage-description {\n color: #999;\n font-size: 1rem;\n max-width: 400px;\n line-height: 1.8;\n }\n\n .heritage-quality-seal {\n display: inline-flex;\n align-items: center;\n gap: 1.2rem;\n margin-top: 2.5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n .heritage-seal-icon {\n font-size: 1.8rem;\n color: #cca700;\n line-height: 1;\n }\n .heritage-quality-seal strong {\n display: block;\n font-size: 0.78rem;\n color: #fff;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\n .heritage-quality-seal small {\n color: #888;\n font-weight: 600;\n letter-spacing: 1px;\n font-size: 0.72rem;\n }\n\n \/* Right scrollable column *\/\n .heritage-accordion-section {\n padding: 4rem 2rem 4rem 1rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: rgba(8,8,8,0.95);\n min-height: 100vh;\n }\n\n \/* Accordion *\/\n .heritage-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 1.1rem;\n }\n\n .heritage-accordion-item {\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 14px;\n background: rgba(255,255,255,0.02);\n transition: border-color 0.35s ease, background 0.35s ease;\n overflow: hidden;\n }\n .heritage-accordion-item:hover {\n border-color: rgba(204,167,0,0.28);\n background: rgba(255,255,255,0.04);\n }\n .heritage-accordion-item.open {\n border-color: #cca700;\n background: rgba(255,255,255,0.05);\n }\n\n .heritage-accordion-btn {\n width: 100%;\n padding: 1.6rem 1.8rem;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: left;\n outline: none;\n }\n\n .heritage-accordion-label {\n color: #fff;\n font-size: 1.1rem;\n font-weight: 600;\n padding-right: 1.5rem;\n transition: color 0.3s;\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n .heritage-accordion-item.open .heritage-accordion-label {\n color: #cca700;\n }\n\n .heritage-accordion-icon {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.15);\n position: relative;\n flex-shrink: 0;\n transition: transform 0.4s ease, background 0.3s ease, border-color 0.3s ease;\n }\n .heritage-accordion-item.open .heritage-accordion-icon {\n background: #cca700;\n border-color: #cca700;\n transform: rotate(45deg);\n }\n .heritage-accordion-icon::before,\n .heritage-accordion-icon::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: #fff;\n transition: background 0.3s;\n }\n .heritage-accordion-item.open .heritage-accordion-icon::before,\n .heritage-accordion-item.open .heritage-accordion-icon::after {\n background: #080808;\n }\n .heritage-accordion-icon::before { width: 13px; height: 2px; }\n .heritage-accordion-icon::after { width: 2px; height: 13px; }\n\n \/* Smooth height animation via CSS grid trick *\/\n .heritage-accordion-content-wrap {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .heritage-accordion-item.open .heritage-accordion-content-wrap {\n grid-template-rows: 1fr;\n }\n .heritage-accordion-inner {\n overflow: hidden;\n }\n\n .heritage-accordion-body {\n padding: 0 1.8rem 1.6rem;\n display: flex;\n gap: 1.6rem;\n align-items: flex-start;\n }\n\n .heritage-accordion-img-box {\n width: 150px;\n height: 112px;\n flex-shrink: 0;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.08);\n }\n .heritage-accordion-img-box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: grayscale(0.5) contrast(1.15);\n transition: filter 0.4s ease;\n }\n .heritage-accordion-item:hover .heritage-accordion-img-box img {\n filter: grayscale(0) contrast(1.05);\n }\n\n .heritage-accordion-text {\n color: #a0a0a0;\n line-height: 1.75;\n font-size: 0.96rem;\n margin: 0;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .heritage-layout-grid { grid-template-columns: 1fr; }\n .heritage-sidebar {\n position: relative;\n height: auto;\n min-height: 0;\n padding: 3rem 1.5rem 2rem;\n }\n .heritage-accordion-section {\n padding: 1.5rem 1.5rem 3rem;\n min-height: 0;\n }\n }\n @media (max-width: 540px) {\n .heritage-accordion-body { flex-direction: column; }\n .heritage-accordion-img-box { width: 100%; height: 170px; }\n }\n <\/style>\n\n<div class=\"heritage-wrapper\">\n <div class=\"heritage-layout-grid\">\n\n <div class=\"heritage-sidebar\">\n <span class=\"heritage-established-badge\">Established 2001<\/span>\n <h1 class=\"heritage-main-title\">A Heritage of<br><em>Exceptional<\/em> Taste<\/h1>\n <p class=\"heritage-description\">\n Hanna Foods bridges the gap between global traditions and European tables.\n From the misty mountains of Sri Lanka to the heart of the Netherlands.\n <\/p>\n <div class=\"heritage-quality-seal\">\n <div class=\"heritage-seal-icon\">\u27e1<\/div>\n <div>\n <strong>CERTIFIED QUALITY<\/strong>\n <small>ISO \u2022 HACCP \u2022 FSSC<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-section\">\n <div class=\"heritage-accordion-container\" id=\"heritageAccordion\">\n\n <div class=\"heritage-accordion-item open\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">Who is Hanna Foods?<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6.png\" alt=\"Heritage\">\n <\/div>\n <p class=\"heritage-accordion-text\">Based in Berghem, we are a premier importer and distributor for Europe and the UK. We specialize in the ethnic market, combining high-quality logistics with a personal touch that defines our active customer care approach.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-item\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">Exclusive Brand Portfolio<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571934811356-5cc5096fd90f?q=80&w=400&auto=format&fit=crop\" alt=\"Brands\">\n <\/div>\n <p class=\"heritage-accordion-text\">Since 2003, we have been the exclusive partner of Akbar Brothers. We hold the sole agency for Do Ghazal products (tea, rice, and coffee) in Europe\/UK, alongside key distribution for Dutso Ghee and Happy Cow Cheese.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-item\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">Market Protection & Logistics<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=400&auto=format&fit=crop\" alt=\"Distribution\">\n <\/div>\n <p class=\"heritage-accordion-text\">We organize and protect the market to ensure premium products are distributed securely. By maintaining a complete assortment in stock, we provide fast, efficient fulfillment for wholesalers across the continent.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-item\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">A Signature Taste Experience<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544787210-282fd93b164c?q=80&w=400&auto=format&fit=crop\" alt=\"Tea\">\n <\/div>\n <p class=\"heritage-accordion-text\">Our Do Ghazal blends from Ceylon offer an unconditional guarantee of freshness. Pairing our Basmati rice with authentic Dutch Butter-Ghee creates a flavor profile that is both healthy and unforgettable.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.getElementById('heritageAccordion').addEventListener('click', function(e) {\n const trigger = e.target.closest('.heritage-accordion-btn');\n if (!trigger) return;\n const item = trigger.closest('.heritage-accordion-item');\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.heritage-accordion-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31bab09 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"31bab09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-2482b5b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"2482b5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b9c0138 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"b9c0138\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d3bf7 animated-slow elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"54d3bf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> OUR TESTIMONIALS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e51d7eb animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e51d7eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Real feedback from the<br>\nwholesalers we serve<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa26da5 animated-slow elementor-invisible elementor-widget elementor-widget-rating\" data-id=\"aa26da5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":100,"ekit_we_effect_on":"none"}\" data-widget_type=\"rating.default\">\n\t\t\t\t\t\t\t<div class=\"e-rating\" itemtype=\"https:\/\/schema.org\/Rating\" itemscope=\"\" itemprop=\"reviewRating\">\n\t\t\t<meta itemprop=\"worstRating\" content=\"0\">\n\t\t\t<meta itemprop=\"bestRating\" content=\"5\">\n\t\t\t<div class=\"e-rating-wrapper\" itemprop=\"ratingValue\" content=\"5\" role=\"img\" aria-label=\"Rated 5 out of 5\">\n\t\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6850ab3 animated-slow elementor-invisible elementor-widget elementor-widget-wl-testimonial\" data-id=\"6850ab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"wl-testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wl-row wlb-testimonial-style-5 product-slider\" data-settings=\"{"arrows":false,"dots":false,"autoplay":true,"autoplay_speed":3000,"animation_speed":300,"pause_on_hover":true,"rtl":false,"product_items":1,"scroll_columns":1,"tablet_width":750,"tablet_display_columns":3,"tablet_scroll_columns":2,"mobile_width":480,"mobile_display_columns":1,"mobile_scroll_columns":1}\" style='display:none'> <div class=\"wl-col-1\">\n <div class=\"ht-single-testimonial-wrap\">\n\n <div class=\"woolentor-testimonial-2\">\n \n <div class=\"woolentor-testimonial-content\">\n <p class=\"woolentor-testimonial-text\">Hanna Foods has completely streamlined our tea imports. The consistency of the Do Ghazal Red label and their unwavering commitment to stock availability makes them an invaluable distribution partner.<\/p><h6 class=\"woolentor-testimonial-name\">Michael T.<\/h6><span class=\"woolentor-testimonial-designation\">Category Manager, FreshMart EU<\/span> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <div class=\"wl-col-1\">\n <div class=\"ht-single-testimonial-wrap\">\n\n <div class=\"woolentor-testimonial-2\">\n \n <div class=\"woolentor-testimonial-content\">\n <p class=\"woolentor-testimonial-text\">The premium quality of the Super Pekoe and Earl Grey lines has significantly boosted our beverage category margins. Their market protection policies ensure we maintain a competitive edge in retail.<\/p><h6 class=\"woolentor-testimonial-name\">Sarah Jenkins<\/h6><span class=\"woolentor-testimonial-designation\">Director of Purchasing, Global Grocers<\/span> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <div class=\"wl-col-1\">\n <div class=\"ht-single-testimonial-wrap\">\n\n <div class=\"woolentor-testimonial-2\">\n \n <div class=\"woolentor-testimonial-content\">\n <p class=\"woolentor-testimonial-text\">I've worked with many importers over the years, but Hanna Foods stands out for their unconditional freshness guarantee and fast dispatch. The wholesale cartons always arrive in pristine condition.<\/p><h6 class=\"woolentor-testimonial-name\">Omar K.<\/h6><span class=\"woolentor-testimonial-designation\">Regional Wholesaler<\/span> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-356886f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"356886f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea61c1c elementor-widget elementor-widget-html\" data-id=\"ea61c1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hnf-visual-component-section\">\r\n \r\n <div class=\"hnf-visual-column hnf-reveal-on-scroll\">\r\n <div class=\"hnf-farmer-img-container\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-7.png\" alt=\"Smiling Farmer with Milk Bottle\" class=\"hnf-farmer-image\">\r\n \r\n <div class=\"hnf-trusted-badge\">\r\n \r\n <div class=\"hnf-avatar-stack\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <\/div>\r\n\r\n <div class=\"hnf-trusted-text\">\r\n Trusted by <strong>3,000+<\/strong> Happy Tea<br>Lovers Worldwide\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ Set up the Intersection Observer (\"the sensor\")\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n \r\n \/\/ If the element crosses into the screen...\r\n if (entry.isIntersecting) {\r\n \/\/ ...add the trigger class to start the animation\r\n entry.target.classList.add('start-anim');\r\n \/\/ Then stop watching it, so it only animates once per load\r\n observer.unobserve(entry.target); \r\n }\r\n });\r\n }, { \r\n threshold: 0.15 \/\/ Triggers when 15% of the element becomes visible\r\n });\r\n\r\n \/\/ Find all the elements with this class to watch\r\n const animatedElements = document.querySelectorAll('.hnf-reveal-on-scroll');\r\n \r\n \/\/ Attach the sensor to each element found\r\n animatedElements.forEach(el => {\r\n observer.observe(el);\r\n });\r\n \r\n });\r\n<\/script>\t\t\t\t<\/div>\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<div class=\"elementor-element elementor-element-e0e5650 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e0e5650\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c9a3cd e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3c9a3cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-5a312bf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"5a312bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8def0ea elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8def0ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-diamond\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tUnconditional Quality\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tProviding the finest Ceylon blends with an absolute guarantee for freshness and international standards.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e31ae06 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"e31ae06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":100,"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd3c70 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"cfd3c70\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-box\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M509.5 184.6L458.9 32.8C452.4 13.2 434.1 0 413.4 0H272v192h238.7c-.4-2.5-.4-5-1.2-7.4zM240 0H98.6c-20.7 0-39 13.2-45.5 32.8L2.5 184.6c-.8 2.4-.8 4.9-1.2 7.4H240V0zM0 224v240c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V224H0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tFully Stocked Assortment\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe keep the entire Do Ghazal range in stock for fast, efficient distribution across Europe and the UK.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf28a1b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"cf28a1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":200,"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4723456 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4723456\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-handshake\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4-16.6 15.6-16.3 40.5-2.1 56 12.7 13.9 39.4 17.6 56.1 2.7.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1 6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2 17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6 5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tDedicated Partnership\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tOffering a personal touch, active customer care, and a balanced, secure market for all our wholesalers.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5eee097 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5eee097\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-677f94c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"677f94c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-397970f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"397970f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef92c96 elementor-widget__width-initial elementor-widget elementor-widget-icon-box\" data-id=\"ef92c96\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> CONTACT US\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4992218 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4992218\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100,"ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stay direct connected with\nHanna Foods today<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00d9d81 e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"00d9d81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f53085 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"8f53085\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search-location\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505.04 442.66l-99.71-99.69c-4.5-4.5-10.6-7-17-7h-16.3c27.6-35.3 44-79.69 44-127.99C416.03 93.09 322.92 0 208.02 0S0 93.09 0 207.98s93.11 207.98 208.02 207.98c48.3 0 92.71-16.4 128.01-44v16.3c0 6.4 2.5 12.5 7 17l99.71 99.69c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.59.1-33.99zm-297.02-90.7c-79.54 0-144-64.34-144-143.98 0-79.53 64.35-143.98 144-143.98 79.54 0 144 64.34 144 143.98 0 79.53-64.35 143.98-144 143.98zm.02-239.96c-40.78 0-73.84 33.05-73.84 73.83 0 32.96 48.26 93.05 66.75 114.86a9.24 9.24 0 0 0 14.18 0c18.49-21.81 66.75-81.89 66.75-114.86 0-40.78-33.06-73.83-73.84-73.83zm0 96c-13.26 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tLocation\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tZevenbergseweg 33B\n5351 PG Berghem\nHolland\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4b9e8 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"4a4b9e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mobile-alt\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tMobile\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTel: 0031 626 964 606\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbdb842 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"cbdb842\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-email\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tinfo@hannafoods.nl\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-389c1e1 e-con-full form-wrapper animated-slow e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"389c1e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInLeft","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-384339c elementor-widget elementor-widget-heading\" data-id=\"384339c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Send A Message<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f908a05 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"f908a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle","ekit_we_effect_on":"none"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1186\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"f908a05\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"1186\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFirst Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_c640679 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_c640679\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tLast Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_c640679]\" id=\"form-field-field_c640679\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_351ee5d elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_351ee5d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone No\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_351ee5d]\" id=\"form-field-field_351ee5d\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Phone\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fd3f1c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"0fd3f1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bda6a2 elementor-widget elementor-widget-google_maps\" data-id=\"0bda6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Zevenbergseweg%2033B%205351%20PG%20Berghem%20Holland&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"Zevenbergseweg 33B 5351 PG Berghem Holland\"\n\t\t\t\t\taria-label=\"Zevenbergseweg 33B 5351 PG Berghem Holland\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\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>Premium Tea Hero \u2726 PURE CEYLON HERITAGE Premium Taste,Unconditional Quality ESTABLISHED 2001 \u2022 DO GHAZAL \u2022 EXCLUSIVE \u2022 \u2615 + Trusted By More Than 2k Partners \ud83c\udf43 Pure, Fresh Blends Direct from the world-renowned Ceylon Highlands. \ud83d\udce6 Wholesale Network Exclusive distribution across the EU and UK. View Assortment Premium Tea Marquee Do Ghazal Blends \u2605 Standard Tea Super Pekoe \u2605 Herbal Tea Bags \u2605 Green Tea \u2605 Earl Grey \u2605 Standard Tea Red \u2605 Do Ghazal Blends \u2605 Standard Tea Super Pekoe \u2605 Herbal Tea Bags \u2605 Green Tea \u2605 Earl Grey \u2605 Standard Tea Red \u2605 Premium Tea Slider Our Assortment Explore by Category Discover 01 Herbal Blends Discover 02 Sencha Green Discover 03 Classic Earl Grey Discover 04 Imperial Red Discover 05 Ceremonial Matcha \u2726 OUR PRODUCTS Explore our range of fresh products \u2726 WHY CHOOSE US The Starting Point for PremiumWholesale in Europe & the UK Exclusive Do Ghazal Agency The sole agency and exclusive right to import Do Ghazal products across the territory. Respected Network Cooperating with the finest distributors to make premium products widely available. Balanced Market We organize and protect the market ensuring secure and beneficial distribution for all. Always In Stock We keep the whole assortment in stock for fast, efficient distribution across Europe. Fantastic Experience Finest Ceylon blends and Basmati rice providing an unconditional freshness guarantee. Certified Quality Produced to high international standards: ISO, HACCP, FSSC, GEO, and SGS GMP. \u2726 ABOUT HANNA FOODS Premium Wholesale in Europe & the UK Established in 2001 as a supplier for the ethnic market, Hanna Foods is the proud exclusive partner of Akbar Brothers in Sri Lanka. We offer high-quality products with an unconditional guarantee for freshness, keeping our entire assortment in stock for fast, efficient distribution across the territory. Our Mission: Sole agency for Do Ghazal tea, rice, and coffee. Proud distributor of Dutso Butter-Ghee & Happy Cow Cheese. Certified ISO, HACCP, FSSC, GEO, and SGS GMP. 25+ Years OfExcellence Unconditional Guarantee Balanced & Secure Learn More About Established 2001 A Heritage ofExceptional Taste Hanna Foods bridges the gap between global traditions and European tables. From the misty mountains of Sri Lanka to the heart of the Netherlands. \u27e1 CERTIFIED QUALITY ISO \u2022 HACCP \u2022 FSSC Who is Hanna Foods? Based in Berghem, we are a premier importer and distributor for Europe and the UK. We specialize in the ethnic market, combining high-quality logistics with a personal touch that defines our active customer care approach. Exclusive Brand Portfolio Since 2003, we have been the exclusive partner of Akbar Brothers. We hold the sole agency for Do Ghazal products (tea, rice, and coffee) in Europe\/UK, alongside key distribution for Dutso Ghee and Happy Cow Cheese. Market Protection & Logistics We organize and protect the market to ensure premium products are distributed securely. By maintaining a complete assortment in stock, we provide fast, efficient fulfillment for wholesalers across the continent. A Signature Taste Experience Our Do Ghazal blends from Ceylon offer an unconditional guarantee of freshness. Pairing our Basmati rice with authentic Dutch Butter-Ghee creates a flavor profile that is both healthy and unforgettable. \u2726 OUR TESTIMONIALS Real feedback from the wholesalers we serve Hanna Foods has completely streamlined our tea imports. The consistency of the Do Ghazal Red label and their unwavering commitment to stock availability makes them an invaluable distribution partner. Michael T. Category Manager, FreshMart EU The premium quality of the Super Pekoe and Earl Grey lines has significantly boosted our beverage category margins. Their market protection policies ensure we maintain a competitive edge in retail. Sarah Jenkins Director of Purchasing, Global Grocers I’ve worked with many importers over the years, but Hanna Foods stands out for their unconditional freshness guarantee and fast dispatch. The wholesale cartons always arrive in pristine condition. Omar K. Regional Wholesaler Trusted by 3,000+ Happy TeaLovers Worldwide Unconditional Quality Providing the finest Ceylon blends with an absolute guarantee for freshness and international standards. Fully Stocked Assortment We keep the entire Do Ghazal range in stock for fast, efficient distribution across Europe and the UK. Dedicated Partnership Offering a personal touch, active customer care, and a balanced, secure market for all our wholesalers. \u2726 CONTACT US Stay direct connected with Hanna Foods today Location Zevenbergseweg 33B 5351 PG Berghem Holland Mobile Tel: 0031 626 964 606 E-mail info@hannafoods.nl Send A Message<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1186","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages\/1186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1186"}],"version-history":[{"count":78,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages\/1186\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages\/1186\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nPremium Tea Hero<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n\n:root {\n --dairy-brown: #312521; \/* Deep chocolate background *\/\n --dairy-card: #453935; \/* Lighter brown card *\/\n --dairy-yellow: #fecb00; \/* Bright accent yellow *\/\n --dairy-white: #ffffff;\n}\n\nbody {\n margin: 0;\n padding: 0;\n}\n\n.heritage-hero {\n background-color: var(--dairy-brown);\n padding: 80px 20px;\n color: var(--dairy-white);\n font-family: 'Inter', sans-serif;\n position: relative;\n overflow: hidden;\n}\n\n\/* Premium Background Texture Overlay *\/\n.heritage-hero::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background-image: url('https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/texture.png');\n opacity: 0.15;\n pointer-events: none;\n z-index: 1;\n}\n\n\/* =========================================\n ENHANCED WINDY LEAVES EFFECT\n========================================= *\/\n\n.windy-leaves-container {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n pointer-events: none;\n z-index: 2; \/* Just above texture, behind text *\/\n overflow: hidden;\n}\n\n\/* Wrapper handles the diagonal flying movement *\/\n.leaf-wrapper {\n position: absolute;\n left: -10%;\n bottom: -10%;\n opacity: 0;\n animation: windFly cubic-bezier(0.4, 0, 0.2, 1) infinite;\n}\n\n\/* Inner handles the realistic fluttering\/spinning *\/\n.leaf-inner {\n width: 100%; height: 100%;\n \/* Increased opacity in SVG for better visibility *\/\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23fecb00' opacity='0.85'%3E%3Cpath d='M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 7,14 7,14C7,14 14,8 21,11C21,11 21.5,5.5 17,8Z'\/%3E%3C\/svg%3E\");\n background-size: contain;\n background-repeat: no-repeat;\n animation: flutter ease-in-out infinite alternate;\n}\n\n\/* More dynamic wind trajectory *\/\n@keyframes windFly {\n 0% { transform: translate(-5vw, 10vh) scale(0.8) rotate(-20deg); opacity: 0; }\n 10% { opacity: 1; }\n 40% { transform: translate(40vw, -30vh) scale(1) rotate(10deg); opacity: 1; }\n 85% { opacity: 1; }\n 100% { transform: translate(110vw, -80vh) scale(1.3) rotate(45deg); opacity: 0; }\n}\n\n\/* Natural Leaf Fluttering & Tumbling *\/\n@keyframes flutter {\n 0% { transform: rotate(0deg) translateY(0px) translateX(0px); }\n 50% { transform: rotate(180deg) translateY(-30px) translateX(30px); }\n 100% { transform: rotate(360deg) translateY(10px) translateX(60px); }\n}\n\n\/* --- 15 Leaves for Maximum Wind Feel --- *\/\n.leaf-1 { left: 5%; width: 35px; height: 35px; animation-duration: 9s; animation-delay: 0s; }\n.leaf-1 .leaf-inner { animation-duration: 3s; }\n\n.leaf-2 { left: 20%; width: 20px; height: 20px; animation-duration: 12s; animation-delay: 2s; filter: blur(1px); }\n.leaf-2 .leaf-inner { animation-duration: 4s; animation-direction: alternate-reverse; }\n\n.leaf-3 { left: -5%; width: 45px; height: 45px; animation-duration: 7s; animation-delay: 5s; filter: blur(3px); z-index: 10;} \/* Fast & close to camera *\/\n.leaf-3 .leaf-inner { animation-duration: 2.5s; }\n\n.leaf-4 { left: 40%; width: 25px; height: 25px; animation-duration: 14s; animation-delay: 1s; opacity: 0.7; }\n.leaf-4 .leaf-inner { animation-duration: 4.5s; }\n\n.leaf-5 { left: 15%; width: 30px; height: 30px; animation-duration: 11s; animation-delay: 7s; }\n.leaf-5 .leaf-inner { animation-duration: 3.5s; }\n\n.leaf-6 { left: 60%; width: 18px; height: 18px; animation-duration: 15s; animation-delay: 4s; filter: blur(2px); }\n.leaf-6 .leaf-inner { animation-duration: 3.2s; animation-direction: alternate-reverse; }\n\n.leaf-7 { left: -10%; width: 50px; height: 50px; animation-duration: 8s; animation-delay: 3s; filter: blur(4px); }\n.leaf-7 .leaf-inner { animation-duration: 2s; }\n\n.leaf-8 { left: 30%; width: 28px; height: 28px; animation-duration: 10s; animation-delay: 6s; }\n.leaf-8 .leaf-inner { animation-duration: 3.8s; }\n\n.leaf-9 { left: 10%; width: 22px; height: 22px; animation-duration: 13s; animation-delay: 8s; filter: blur(1px); }\n.leaf-9 .leaf-inner { animation-duration: 4.2s; }\n\n.leaf-10 { left: 50%; width: 32px; height: 32px; animation-duration: 9.5s; animation-delay: 1.5s; }\n.leaf-10 .leaf-inner { animation-duration: 3.1s; animation-direction: alternate-reverse; }\n\n.leaf-11 { left: -5%; width: 15px; height: 15px; animation-duration: 16s; animation-delay: 0.5s; opacity: 0.5; }\n.leaf-11 .leaf-inner { animation-duration: 5s; }\n\n.leaf-12 { left: 25%; width: 38px; height: 38px; animation-duration: 8.5s; animation-delay: 9s; filter: blur(2px); }\n.leaf-12 .leaf-inner { animation-duration: 2.8s; }\n\n.leaf-13 { left: 5%; width: 26px; height: 26px; animation-duration: 11.5s; animation-delay: 10s; }\n.leaf-13 .leaf-inner { animation-duration: 3.6s; }\n\n.leaf-14 { left: 45%; width: 20px; height: 20px; animation-duration: 14.5s; animation-delay: 3.5s; filter: blur(1.5px); }\n.leaf-14 .leaf-inner { animation-duration: 4.1s; }\n\n.leaf-15 { left: -15%; width: 55px; height: 55px; animation-duration: 6.5s; animation-delay: 2.5s; filter: blur(5px); } \/* Huge out-of-focus leaf *\/\n.leaf-15 .leaf-inner { animation-duration: 1.8s; }\n\n\n\/* =========================================\n MAIN LAYOUT STYLES\n========================================= *\/\n\n.hh-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 3; \/* Sits above texture and leaves *\/\n}\n\n\/* Header Section *\/\n.hh-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 50px;\n}\n\n.hh-eyebrow {\n color: var(--dairy-yellow);\n font-weight: 800;\n letter-spacing: 2px;\n font-size: 14px;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.hh-main-title {\n font-size: clamp(2.5rem, 5vw, 3.8rem);\n font-weight: 800;\n line-height: 1.1;\n margin: 0;\n letter-spacing: -1px;\n}\n\n\/* Top Right Visuals *\/\n.hh-top-visual {\n display: flex;\n gap: 20px;\n align-items: center;\n}\n\n.hh-mini-img img {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n object-fit: cover;\n border: 4px solid var(--dairy-card);\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n}\n\n.hh-circular-badge {\n width: 120px;\n height: 120px;\n position: relative;\n background: var(--dairy-yellow);\n border-radius: 50%;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n}\n\n.hh-circular-badge svg {\n animation: rotate 15s linear infinite;\n width: 100%;\n height: 100%;\n}\n\n.hh-circular-badge text {\n font-size: 11px;\n font-weight: 900;\n fill: var(--dairy-brown);\n text-transform: uppercase;\n}\n\n.hh-badge-icon {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n}\n\n\/* Grid Layout *\/\n.hh-grid {\n display: grid;\n grid-template-columns: 380px 1fr;\n gap: 50px;\n align-items: start;\n}\n\n\/* Trust Avatars *\/\n.hh-trust-stack {\n margin-bottom: 30px;\n}\n\n.hh-avatars {\n display: flex;\n margin-bottom: 12px;\n}\n\n.hh-avatars img, .hh-avatar-plus {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n border: 3px solid var(--dairy-brown);\n margin-right: -12px;\n object-fit: cover;\n}\n\n.hh-avatar-plus {\n background: var(--dairy-yellow);\n color: var(--dairy-brown);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.hh-trust-text {\n font-size: 14px;\n font-weight: 500;\n opacity: 0.9;\n color: #d1cfcd;\n}\n\n\/* Feature Card *\/\n.hh-feature-card {\n background: var(--dairy-card);\n padding: 35px;\n border-radius: 28px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n}\n\n.hh-feature-item {\n display: flex;\n gap: 18px;\n}\n\n.hh-icon-box {\n background: var(--dairy-yellow);\n width: 50px;\n height: 50px;\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n flex-shrink: 0;\n box-shadow: 0 5px 15px rgba(254, 203, 0, 0.2);\n}\n\n.hh-feature-text strong {\n display: block;\n font-size: 18px;\n margin-bottom: 4px;\n color: var(--dairy-white);\n}\n\n.hh-feature-text p {\n font-size: 14px;\n line-height: 1.5;\n color: #c9c2bf;\n margin: 0;\n}\n\n.hh-divider {\n height: 1px;\n background: rgba(255,255,255,0.08);\n margin: 25px 0;\n}\n\n\/* Primary Button *\/\n.hh-btn-primary {\n display: block;\n background: var(--dairy-yellow);\n color: var(--dairy-brown);\n text-align: center;\n padding: 18px;\n border-radius: 14px;\n text-decoration: none;\n font-weight: 800;\n font-size: 16px;\n transition: all 0.3s ease;\n margin-top: 10px;\n}\n\n.hh-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(254, 203, 0, 0.3);\n filter: brightness(1.05);\n}\n\n\/* Hero Image Container *\/\n.hh-main-visual {\n width: 100%;\n height: 540px;\n border-radius: 35px;\n overflow: hidden;\n box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n}\n\n.hh-hero-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s ease;\n}\n\n.hh-main-visual:hover .hh-hero-img {\n transform: scale(1.05);\n}\n\n@keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n\/* Mobile Responsiveness Implementation *\/\n@media (max-width: 1024px) {\n .hh-grid { grid-template-columns: 1fr; gap: 40px; }\n .hh-main-visual { height: 450px; }\n}\n\n@media (max-width: 768px) {\n .heritage-hero { padding: 50px 20px; }\n .hh-header { flex-direction: column; gap: 30px; text-align: center; align-items: center; }\n .hh-eyebrow { justify-content: center; }\n .hh-top-visual { scale: 0.9; }\n .hh-main-visual { height: 350px; }\n .hh-feature-card { padding: 25px; }\n .hh-avatars { justify-content: center; }\n .hh-trust-text { display: block; text-align: center; }\n}\n\n@media (max-width: 480px) {\n .hh-main-title { font-size: 2.2rem; }\n .hh-main-visual { height: 280px; border-radius: 20px; }\n .hh-top-visual { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"heritage-hero\">\n \n <div class=\"windy-leaves-container\">\n <div class=\"leaf-wrapper leaf-1\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-2\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-3\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-4\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-5\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-6\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-7\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-8\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-9\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-10\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-11\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-12\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-13\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-14\"><div class=\"leaf-inner\"><\/div><\/div>\n <div class=\"leaf-wrapper leaf-15\"><div class=\"leaf-inner\"><\/div><\/div>\n <\/div>\n\n <div class=\"hh-container\">\n \n <div class=\"hh-header\">\n <div class=\"hh-title-area\">\n <div class=\"hh-eyebrow\">\n <span class=\"hh-star\">\u2726<\/span> PURE CEYLON HERITAGE\n <\/div>\n <h1 class=\"hh-main-title\">\n Premium Taste,<br>Unconditional Quality\n <\/h1>\n <\/div>\n \n <div class=\"hh-top-visual\">\n <div class=\"hh-mini-img\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-11.png\" alt=\"Tea Detail\">\n <\/div>\n <div class=\"hh-circular-badge\">\n <svg viewBox=\"0 0 100 100\">\n <path id=\"circlePath\" d=\"M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0\" fill=\"none\"\/>\n <text><textPath href=\"#circlePath\">ESTABLISHED 2001 \u2022 DO GHAZAL \u2022 EXCLUSIVE \u2022<\/textPath><\/text>\n <\/svg>\n <div class=\"hh-badge-icon\">\u2615<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hh-grid\">\n <div class=\"hh-info-col\">\n <div class=\"hh-trust-stack\">\n <div class=\"hh-avatars\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?u=1\" alt=\"Partner\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?u=2\" alt=\"Partner\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/100?u=3\" alt=\"Partner\">\n <div class=\"hh-avatar-plus\">+<\/div>\n <\/div>\n <span class=\"hh-trust-text\">Trusted By More Than 2k Partners<\/span>\n <\/div>\n\n <div class=\"hh-feature-card\">\n <div class=\"hh-feature-item\">\n <div class=\"hh-icon-box\">\ud83c\udf43<\/div>\n <div class=\"hh-feature-text\">\n <strong>Pure, Fresh Blends<\/strong>\n <p>Direct from the world-renowned Ceylon Highlands.<\/p>\n <\/div>\n <\/div>\n <div class=\"hh-divider\"><\/div>\n <div class=\"hh-feature-item\">\n <div class=\"hh-icon-box\">\ud83d\udce6<\/div>\n <div class=\"hh-feature-text\">\n <strong>Wholesale Network<\/strong>\n <p>Exclusive distribution across the EU and UK.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"hh-actions\">\n <a href=\"\/?product_cat=do-gazal-tea\" class=\"hh-btn-primary\">View Assortment<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hh-main-visual\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-11.png\" alt=\"Premium Tea Pour\" class=\"hh-hero-img\">\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceb3637 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"ceb3637\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f708070 elementor-widget elementor-widget-html\" data-id=\"f708070\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Premium Tea Marquee<\/title>\n<style>\n\/* Import Bold Font *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@800&display=swap');\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter', sans-serif;\n}\n\n\/* ================================\n MARQUEE STYLING & ANIMATION\n================================ *\/\n.tea-marquee-container {\n background-color: #f6ce55; \/* Bright yellow from your screenshot *\/\n padding: 24px 0;\n overflow: hidden;\n width: 100%;\n position: relative;\n display: flex;\n}\n\n\/* Optional: Top and Bottom dark border for premium look *\/\n.tea-marquee-container {\n border-top: 2px solid #3a2e29;\n border-bottom: 2px solid #3a2e29;\n}\n\n.marquee-track {\n display: flex;\n width: max-content; \/* Important for seamless loop *\/\n \/* Animation speed (increase\/decrease seconds to change speed) *\/\n animation: scrollMarquee 30s linear infinite;\n}\n\n\/* Pause on hover feature *\/\n.tea-marquee-container:hover .marquee-track {\n animation-play-state: paused;\n}\n\n.marquee-items {\n display: flex;\n align-items: center;\n gap: 60px; \/* Space between words and stars *\/\n padding-right: 60px; \/* Exact same as gap for a seamless join *\/\n}\n\n.stroke-text {\n font-size: 32px;\n font-weight: 800;\n text-transform: capitalize;\n white-space: nowrap;\n \n \/* The Stroke Text Magic *\/\n color: transparent; \n -webkit-text-stroke: 2px #3a2e29; \/* Dark brown stroke *\/\n \n \/* Smooth transition for hover effect *\/\n transition: all 0.3s ease;\n cursor: default;\n}\n\n\/* Hover effect on individual text *\/\n.stroke-text:hover {\n color: #3a2e29; \/* Fills the text with color on hover *\/\n}\n\n.star-icon {\n color: #3a2e29; \/* Solid dark brown star *\/\n font-size: 26px;\n line-height: 1;\n}\n\n\/* Perfect Seamless Loop Animation *\/\n@keyframes scrollMarquee {\n 0% { \n transform: translateX(0); \n }\n 100% { \n \/* Translates exactly 50% of the total track width *\/\n transform: translateX(-50%); \n }\n}\n\n\/* Responsive adjustment for mobiles *\/\n@media (max-width: 768px) {\n .stroke-text { font-size: 24px; -webkit-text-stroke: 1.5px #3a2e29; }\n .star-icon { font-size: 20px; }\n .tea-marquee-container { padding: 18px 0; }\n .marquee-items { gap: 40px; padding-right: 40px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"tea-marquee-container\">\n <div class=\"marquee-track\">\n \n <div class=\"marquee-items\">\n <span class=\"stroke-text\">Do Ghazal Blends<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Super Pekoe<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Herbal Tea Bags<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Green Tea<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Earl Grey<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Red<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n <\/div>\n\n <div class=\"marquee-items\">\n <span class=\"stroke-text\">Do Ghazal Blends<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Super Pekoe<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Herbal Tea Bags<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Green Tea<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Earl Grey<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n \n <span class=\"stroke-text\">Standard Tea Red<\/span>\n <span class=\"star-icon\">\u2605<\/span>\n <\/div>\n\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6faa920 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6faa920\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2607517 elementor-widget elementor-widget-html\" data-id=\"2607517\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Premium Tea Slider<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n <style>\n :root {\n --hnf-gold: #D4AF37;\n --hnf-gold-dark: #b5952f;\n --hnf-bg: #FDFBF7;\n --hnf-text-dark: #1A201C; \n --hnf-text-light: #6B726D;\n --hnf-transition: all 0.5s cubic-bezier(0.25, 1, 0.2, 1);\n }\n\n body {\n margin: 0;\n font-family: 'Inter', sans-serif;\n background-color: var(--hnf-bg);\n -webkit-font-smoothing: antialiased;\n }\n\n .hnf-carousel-section {\n padding: 100px 0;\n overflow: hidden;\n }\n\n .hnf-carousel-wrapper { \n max-width: 1440px; \n margin: 0 auto; \n padding: 0 40px; \n }\n\n \/* --- Header & Navigation --- *\/\n .hnf-header-area {\n display: flex; \n justify-content: space-between; \n align-items: flex-end;\n margin-bottom: 60px;\n flex-wrap: wrap;\n gap: 30px;\n }\n\n .hnf-subheading {\n font-size: 12px; \n letter-spacing: 4px; \n color: var(--hnf-gold-dark);\n font-weight: 600; \n margin: 0 0 15px 0; \n text-transform: uppercase;\n }\n\n .hnf-main-heading {\n font-family: 'Playfair Display', serif; \n font-size: clamp(2rem, 4vw, 4rem);\n color: var(--hnf-text-dark); \n line-height: 1.1; \n margin: 0;\n }\n\n .hnf-main-heading em {\n color: var(--hnf-text-light);\n font-weight: 400;\n }\n\n \/* Clean Custom Navigation *\/\n .hnf-nav-buttons { \n display: flex; \n gap: 15px; \n align-items: center;\n }\n\n .hnf-btn-circle {\n cursor: pointer; \n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 1px solid rgba(26, 32, 28, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n color: var(--hnf-text-dark); \n transition: var(--hnf-transition);\n }\n\n .hnf-btn-circle svg {\n width: 20px;\n height: 20px;\n transition: var(--hnf-transition);\n }\n\n .hnf-btn-circle:hover { \n border-color: var(--hnf-gold);\n background: var(--hnf-gold);\n color: #fff;\n }\n\n .swiper-button-disabled {\n opacity: 0.3;\n pointer-events: none;\n }\n\n \/* --- Circular Portal & Orbit --- *\/\n .hnf-product-card {\n text-align: center;\n cursor: pointer;\n }\n\n .hnf-image-ring {\n position: relative;\n width: 100%;\n max-width: 300px;\n margin: 0 auto 30px auto;\n aspect-ratio: 1;\n }\n\n .hnf-img-circle {\n position: absolute;\n inset: 12px; \n border-radius: 50%;\n overflow: hidden;\n background: #fff;\n z-index: 2;\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n transition: var(--hnf-transition);\n }\n\n .hnf-img-circle img {\n width: 100%; \n height: 100%; \n object-fit: cover;\n transition: transform 1.2s ease;\n }\n\n .hnf-dashed-border {\n position: absolute;\n inset: 0;\n width: 100%; \n height: 100%;\n fill: none;\n stroke: var(--hnf-gold);\n stroke-width: 1;\n stroke-dasharray: 6, 6;\n opacity: 0.2;\n transition: var(--hnf-transition);\n z-index: 1;\n transform-origin: center;\n }\n\n \/* Hover & Active States *\/\n .swiper-slide-active .hnf-dashed-border {\n opacity: 0.6;\n animation: hnfSpin 25s linear infinite;\n }\n\n .hnf-product-card:hover .hnf-dashed-border {\n opacity: 1;\n stroke-dasharray: 4, 8;\n animation: hnfSpin 15s linear infinite;\n }\n\n .hnf-product-card:hover .hnf-img-circle { \n transform: scale(0.95); \n box-shadow: 0 20px 40px rgba(212, 175, 55, 0.15);\n }\n \n .hnf-product-card:hover img { \n transform: scale(1.15); \n }\n\n .hnf-hover-overlay {\n position: absolute; \n inset: 0;\n background: rgba(26, 32, 28, 0.4);\n display: flex; \n align-items: center; \n justify-content: center;\n opacity: 0; \n transition: var(--hnf-transition);\n backdrop-filter: blur(2px);\n }\n\n .hnf-hover-overlay span {\n color: #fff; \n font-size: 11px; \n letter-spacing: 2px;\n text-transform: uppercase; \n border: 1px solid rgba(255,255,255,0.6);\n padding: 10px 20px; \n border-radius: 50px;\n transform: translateY(10px);\n transition: var(--hnf-transition);\n }\n\n .hnf-product-card:hover .hnf-hover-overlay { opacity: 1; }\n .hnf-product-card:hover .hnf-hover-overlay span { transform: translateY(0); }\n\n \/* --- Meta Data --- *\/\n .hnf-text-content { \n position: relative; \n padding: 0 10px;\n }\n \n .hnf-slide-number {\n font-family: 'Playfair Display', serif; \n font-style: italic;\n font-size: 14px; \n color: var(--hnf-text-light); \n display: block; \n margin-bottom: 8px;\n }\n \n .hnf-slide-title {\n font-family: 'Playfair Display', serif;\n font-size: 22px; \n font-weight: 600; \n color: var(--hnf-text-dark);\n margin: 0;\n transition: color 0.3s ease;\n }\n\n .hnf-product-card:hover .hnf-slide-title {\n color: var(--hnf-gold-dark);\n }\n\n @keyframes hnfSpin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n \/* --- Pagination --- *\/\n .swiper-pagination {\n position: relative !important;\n margin-top: 50px !important;\n }\n .swiper-pagination-bullet { \n background: #D1D5D2; \n opacity: 1; \n width: 8px;\n height: 8px;\n transition: var(--hnf-transition);\n }\n .swiper-pagination-bullet-active { \n background: var(--hnf-gold) !important; \n width: 24px; \n border-radius: 4px; \n }\n\n \/* ================================\n RESPONSIVE DESIGN \n ================================ *\/\n @media (max-width: 768px) {\n .hnf-carousel-section { padding: 40px 0; }\n .hnf-carousel-wrapper { padding: 0 15px; }\n .hnf-header-area { margin-bottom: 30px; justify-content: center; text-align: center; }\n .hnf-nav-buttons { display: none; }\n \n \/* Mobile specific adjustments to fit exactly 3 items *\/\n .hnf-image-ring { margin: 0 auto 10px auto; }\n .hnf-img-circle { inset: 4px; } \/* Thinner border for smaller screens *\/\n .hnf-dashed-border { stroke-width: 0.5px; } \/* Lighter ring for small size *\/\n \n \/* Make text small and clean for mobile *\/\n .hnf-slide-title { font-size: 11px; line-height: 1.2; font-weight: 600; } \n .hnf-slide-number { font-size: 9px; margin-bottom: 4px; letter-spacing: 1px; }\n .hnf-text-content { padding: 0; }\n \n .hnf-hover-overlay span { font-size: 6px; padding: 3px 6px; letter-spacing: 1px; border: none; background: rgba(0,0,0,0.4); }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"hnf-carousel-section\">\n <div class=\"hnf-carousel-wrapper\">\n \n <div class=\"hnf-header-area\">\n <div class=\"hnf-header-text\">\n <p class=\"hnf-subheading\">Our Assortment<\/p>\n <h2 class=\"hnf-main-heading\">Explore <em>by Category<\/em><\/h2>\n <\/div>\n \n <div class=\"hnf-nav-buttons\">\n <div class=\"hnf-btn-circle hnf-btn-prev\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n <\/div>\n <div class=\"hnf-btn-circle hnf-btn-next\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper hnfSwiper\">\n <div class=\"swiper-wrapper\">\n \n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-7-1-300x185.png\" alt=\"Herbal Tea\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">01<\/span>\n <h3 class=\"hnf-slide-title\">Herbal Blends<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-5-1-300x185.png\" alt=\"Green Tea\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">02<\/span>\n <h3 class=\"hnf-slide-title\">Sencha Green<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-4-1-300x185.png\" alt=\"Earl Grey\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">03<\/span>\n <h3 class=\"hnf-slide-title\">Classic Earl Grey<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544787219-7f47ccb76574?w=600&q=80\" alt=\"Standard Red\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">04<\/span>\n <h3 class=\"hnf-slide-title\">Imperial Red<\/h3>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"swiper-slide\">\n <div class=\"hnf-product-card\">\n <div class=\"hnf-image-ring\">\n <div class=\"hnf-img-circle\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1597481499750-3e6b22637e12?w=600&q=80\" alt=\"Matcha\">\n <div class=\"hnf-hover-overlay\"><span>Discover<\/span><\/div>\n <\/div>\n <svg class=\"hnf-dashed-border\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"49\" \/><\/svg>\n <\/div>\n <div class=\"hnf-text-content\">\n <span class=\"hnf-slide-number\">05<\/span>\n <h3 class=\"hnf-slide-title\">Ceremonial Matcha<\/h3>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n \n <div class=\"swiper-pagination\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n const swiper = new Swiper('.hnfSwiper', {\n \/\/ Basic settings\n slidesPerView: 3, \n spaceBetween: 8, \n centeredSlides: false, \n loop: true,\n grabCursor: true,\n speed: 800, \n autoplay: {\n delay: 4000,\n disableOnInteraction: true, \n },\n pagination: {\n el: '.swiper-pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.hnf-btn-next',\n prevEl: '.hnf-btn-prev',\n },\n \/\/ Breakpoints for larger screens\n breakpoints: {\n 480: {\n slidesPerView: 3,\n spaceBetween: 15,\n },\n 768: {\n slidesPerView: 3,\n spaceBetween: 25,\n },\n 1024: {\n slidesPerView: 4, \n spaceBetween: 40,\n },\n 1440: {\n slidesPerView: 4,\n spaceBetween: 50,\n }\n },\n });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39c7b89 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"39c7b89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6135eb0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6135eb0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c421054 elementor-widget elementor-widget-icon-box\" data-id=\"c421054\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> OUR PRODUCTS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abb85e6 elementor-widget elementor-widget-heading\" data-id=\"abb85e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore our range of <br>fresh products<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d59ca elementor-grid-4 elementor-grid-tablet-3 elementor-grid-mobile-2 elementor-products-grid elementor-wc-products elementor-widget elementor-widget-woocommerce-products\" data-id=\"e3d59ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"woocommerce-products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"woocommerce columns-4 \"><ul class=\"products elementor-grid columns-4\">\n<li class=\"product type-product post-1169 status-publish first instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=tea-bag-100-red\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tea Bag 100 Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-3-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Tea Bag 100 Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=tea-bag-100-red\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1169\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"1169\" data-product_sku=\"\" aria-label=\"Read more about “Tea Bag 100 Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1169\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-1165 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=tin-500gr\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tin 500gr\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-1-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Tin 500gr<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=tin-500gr\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1165\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"1165\" data-product_sku=\"\" aria-label=\"Read more about “Tin 500gr”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1165\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-1159 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=1159\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tea Bag 25 Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-3-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Tea Bag 25 Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=1159\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1159\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"1159\" data-product_sku=\"\" aria-label=\"Read more about “Tea Bag 25 Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1159\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-448 status-publish last instock product_cat-earl-grey has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-earl-grey\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"100gr Earl Grey\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/4-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">100gr Earl Grey<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-earl-grey\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_448\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"448\" data-product_sku=\"\" aria-label=\"Read more about “100gr Earl Grey”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_448\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-447 status-publish first instock product_cat-standard-tea-super-pekoe has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=450gr-super-pekoe\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"450gr Super Pekoe\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/3-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">450gr Super Pekoe<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=450gr-super-pekoe\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_447\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"447\" data-product_sku=\"\" aria-label=\"Read more about “450gr Super Pekoe”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_447\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-443 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=500gr-red\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"500gr Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/2-1-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">500gr Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=500gr-red\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_443\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"443\" data-product_sku=\"\" aria-label=\"Read more about “500gr Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_443\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-401 status-publish instock product_cat-standard-tea-red has-post-thumbnail shipping-taxable product-type-simple\">\n\t<a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-red\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"100gr Red\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-1-100x100.png 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">100gr Red<\/h2>\n<\/a><a href=\"https:\/\/hannafoods.sbecart.com\/?product=100gr-red\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_401\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"401\" data-product_sku=\"\" aria-label=\"Read more about “100gr Red”\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_401\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1a94fc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"d1a94fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-078b6bb elementor-widget elementor-widget-html\" data-id=\"078b6bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hnf-wcu-wrapper\">\n \n <div class=\"hnf-wcu-header\">\n <div class=\"hnf-wcu-subtitle\">\n <span class=\"hnf-wcu-star\">\u2726<\/span> WHY CHOOSE US\n <\/div>\n <h2 class=\"hnf-wcu-title\">The Starting Point for Premium<br>Wholesale in Europe & the UK<\/h2>\n <\/div>\n\n <div class=\"hnf-wcu-grid\">\n \n <div class=\"hnf-wcu-column hnf-wcu-col-left\">\n \n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-left\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Exclusive Do Ghazal Agency<\/h3>\n <p>The sole agency and exclusive right to import Do Ghazal products across the territory.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-left\" style=\"animation-delay: 0.1s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Respected Network<\/h3>\n <p>Cooperating with the finest distributors to make premium products widely available.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-left\" style=\"animation-delay: 0.2s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 14h18\"><\/path><path d=\"M12 2v12\"><\/path><path d=\"M7 10l-4 4 4 4\"><\/path><path d=\"M17 10l4 4-4 4\"><\/path><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Balanced Market<\/h3>\n <p>We organize and protect the market ensuring secure and beneficial distribution for all.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"hnf-wcu-center hnf-wcu-anim-fade\">\n <div class=\"hnf-wcu-img-wrap\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-13.png\" alt=\"Hanna Foods Premium Products\" class=\"hnf-wcu-product-img\">\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-column hnf-wcu-col-right\">\n \n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-right\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Always In Stock<\/h3>\n <p>We keep the whole assortment in stock for fast, efficient distribution across Europe.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-right\" style=\"animation-delay: 0.1s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Fantastic Experience<\/h3>\n <p>Finest Ceylon blends and Basmati rice providing an unconditional freshness guarantee.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"hnf-wcu-card hnf-wcu-anim-slide-right\" style=\"animation-delay: 0.2s;\">\n <div class=\"hnf-wcu-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n <\/div>\n <div class=\"hnf-wcu-text\">\n <h3>Certified Quality<\/h3>\n <p>Produced to high international standards: ISO, HACCP, FSSC, GEO, and SGS GMP.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n \n \/\/ 1. Set up the \"sensor\" (Intersection Observer)\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n \/\/ 2. If the element enters the screen...\n if (entry.isIntersecting) {\n \/\/ 3. Add the 'start-anim' class to trigger the CSS\n entry.target.classList.add('start-anim');\n \/\/ 4. Stop observing so it only animates once per load\n observer.unobserve(entry.target); \n }\n });\n }, { \n threshold: 0.15 \/\/ Triggers when 15% of the element becomes visible\n });\n\n \/\/ 5. Find all the elements that need to be animated\n const animatedElements = document.querySelectorAll('.hnf-wcu-anim-slide-left, .hnf-wcu-anim-slide-right, .hnf-wcu-anim-fade');\n \n \/\/ 6. Attach the sensor to each element\n animatedElements.forEach(el => {\n observer.observe(el);\n });\n \n });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ba8df1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"4ba8df1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-8e19b18 e-con-full animated-slow e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"8e19b18\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInLeft","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8795e17 hf-cow-img elementor-invisible elementor-widget elementor-widget-image\" data-id=\"8795e17\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInLeft","ekit_we_effect_on":"none"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"567\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1.png\" class=\"attachment-large size-large wp-image-187\" alt=\"\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1.png 414w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1-219x300.png 219w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84b2a8c hf-farmer-img elementor-invisible elementor-widget elementor-widget-image\" data-id=\"84b2a8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","ekit_we_effect_on":"none"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"383\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6.png\" class=\"attachment-large size-large wp-image-192\" alt=\"\" srcset=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6.png 383w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6-300x300.png 300w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6-150x150.png 150w, https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6-100x100.png 100w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e402903 hf-about-badge elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e402903\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-Leaf\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc1f0ed e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"fc1f0ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0da20de elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"0da20de\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> ABOUT HANNA FOODS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2de8ab7 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2de8ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Premium Wholesale in Europe & the UK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3544f3f animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3544f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100,"ekit_we_effect_on":"none"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Established in 2001 as a supplier for the ethnic market, Hanna Foods is the proud exclusive partner of Akbar Brothers in Sri Lanka. We offer high-quality products with an unconditional guarantee for freshness, keeping our entire assortment in stock for fast, efficient distribution across the territory.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a3ff42 elementor-widget elementor-widget-html\" data-id=\"1a3ff42\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hf-mission-section\">\r\n \r\n <div class=\"hf-mission-top\">\r\n \r\n <div class=\"hf-mission-content\">\r\n <h3 class=\"hf-mission-title\">Our Mission:<\/h3>\r\n <ul class=\"hf-mission-list\">\r\n <li>\r\n <div class=\"hf-check-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FFCD00\"\/>\r\n <path d=\"M7 12.5L10.5 16L17.5 8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Sole agency for Do Ghazal tea, rice, and coffee.<\/span>\r\n <\/li>\r\n <li>\r\n <div class=\"hf-check-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FFCD00\"\/>\r\n <path d=\"M7 12.5L10.5 16L17.5 8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Proud distributor of Dutso Butter-Ghee & Happy Cow Cheese.<\/span>\r\n <\/li>\r\n <li>\r\n <div class=\"hf-check-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FFCD00\"\/>\r\n <path d=\"M7 12.5L10.5 16L17.5 8\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Certified ISO, HACCP, FSSC, GEO, and SGS GMP.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"hf-experience-card\">\r\n <span class=\"hf-exp-number\">25+<\/span>\r\n <span class=\"hf-exp-text\">Years Of<br>Excellence<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <hr class=\"hf-mission-divider\">\r\n\r\n <div class=\"hf-mission-bottom\">\r\n \r\n <div class=\"hf-feature-item\">\r\n <div class=\"hf-feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 22S2 18 2 10V5L12 2L22 5V10C22 18 12 22 12 22Z\" stroke=\"#3D2E26\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M9 12L11 14L15 10\" stroke=\"#3D2E26\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"hf-feature-text\"><strong>Unconditional Guarantee<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"hf-feature-item\">\r\n <div class=\"hf-feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#3D2E26\" stroke-width=\"1.5\"\/>\r\n <path d=\"M2 12H22\" stroke=\"#3D2E26\" stroke-width=\"1.5\"\/>\r\n <path d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2Z\" stroke=\"#3D2E26\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"hf-feature-text\"><strong>Balanced & Secure<\/strong><\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ Create the Intersection Observer (The Sensor)\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n \/\/ Add the 'start-anim' class when element enters the screen\r\n entry.target.classList.add('start-anim');\r\n \/\/ Stop observing so it only animates once\r\n observer.unobserve(entry.target); \r\n }\r\n });\r\n }, { \r\n threshold: 0.15 \/\/ Triggers when 15% of the element is visible\r\n });\r\n\r\n \/\/ Find ALL elements from both the Overlap section and the Mission section\r\n const animatedElements = document.querySelectorAll(`\r\n .hf-mission-content, \r\n .hf-experience-card, \r\n .hf-feature-item,\r\n .hf-cow-img,\r\n .hf-farmer-img,\r\n .hf-experience-box,\r\n .hf-feature-box\r\n `);\r\n \r\n \/\/ Attach the sensor to each element\r\n animatedElements.forEach(el => {\r\n observer.observe(el);\r\n });\r\n \r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2349542 animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"2349542\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","ekit_we_effect_on":"none"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-buzz-out\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More About<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd5881c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"dd5881c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1652df elementor-widget elementor-widget-html\" data-id=\"d1652df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Plus+Jakarta+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n .heritage-wrapper {\n background: #080808;\n color: #fff;\n overflow: hidden;\n }\n\n .heritage-layout-grid {\n display: grid;\n grid-template-columns: 0.8fr 1.2fr;\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n }\n\n \/* Left sticky column *\/\n .heritage-sidebar {\n padding: 5rem 3rem 4rem 2rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: sticky;\n top: 0;\n height: 100vh;\n background-color: rgba(8,8,8,0.93);\n background-image: url('https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/1.png');\n background-size: cover;\n background-position: center;\n background-blend-mode: overlay;\n }\n\n .heritage-established-badge {\n color: #cca700;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin-bottom: 1.8rem;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .heritage-established-badge::before {\n content: '';\n display: block;\n width: 28px;\n height: 1px;\n background: #cca700;\n }\n\n .heritage-main-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.2rem, 4vw, 3.8rem);\n line-height: 1.05;\n margin-bottom: 1.8rem;\n letter-spacing: -1px;\n color: #fff;\n }\n .heritage-main-title em {\n color: #cca700;\n font-style: italic;\n font-weight: 400;\n }\n\n .heritage-description {\n color: #999;\n font-size: 1rem;\n max-width: 400px;\n line-height: 1.8;\n }\n\n .heritage-quality-seal {\n display: inline-flex;\n align-items: center;\n gap: 1.2rem;\n margin-top: 2.5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255,255,255,0.08);\n }\n .heritage-seal-icon {\n font-size: 1.8rem;\n color: #cca700;\n line-height: 1;\n }\n .heritage-quality-seal strong {\n display: block;\n font-size: 0.78rem;\n color: #fff;\n letter-spacing: 1px;\n margin-bottom: 4px;\n }\n .heritage-quality-seal small {\n color: #888;\n font-weight: 600;\n letter-spacing: 1px;\n font-size: 0.72rem;\n }\n\n \/* Right scrollable column *\/\n .heritage-accordion-section {\n padding: 4rem 2rem 4rem 1rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: rgba(8,8,8,0.95);\n min-height: 100vh;\n }\n\n \/* Accordion *\/\n .heritage-accordion-container {\n display: flex;\n flex-direction: column;\n gap: 1.1rem;\n }\n\n .heritage-accordion-item {\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 14px;\n background: rgba(255,255,255,0.02);\n transition: border-color 0.35s ease, background 0.35s ease;\n overflow: hidden;\n }\n .heritage-accordion-item:hover {\n border-color: rgba(204,167,0,0.28);\n background: rgba(255,255,255,0.04);\n }\n .heritage-accordion-item.open {\n border-color: #cca700;\n background: rgba(255,255,255,0.05);\n }\n\n .heritage-accordion-btn {\n width: 100%;\n padding: 1.6rem 1.8rem;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: left;\n outline: none;\n }\n\n .heritage-accordion-label {\n color: #fff;\n font-size: 1.1rem;\n font-weight: 600;\n padding-right: 1.5rem;\n transition: color 0.3s;\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n .heritage-accordion-item.open .heritage-accordion-label {\n color: #cca700;\n }\n\n .heritage-accordion-icon {\n width: 34px;\n height: 34px;\n border-radius: 50%;\n border: 1px solid rgba(255,255,255,0.15);\n position: relative;\n flex-shrink: 0;\n transition: transform 0.4s ease, background 0.3s ease, border-color 0.3s ease;\n }\n .heritage-accordion-item.open .heritage-accordion-icon {\n background: #cca700;\n border-color: #cca700;\n transform: rotate(45deg);\n }\n .heritage-accordion-icon::before,\n .heritage-accordion-icon::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: #fff;\n transition: background 0.3s;\n }\n .heritage-accordion-item.open .heritage-accordion-icon::before,\n .heritage-accordion-item.open .heritage-accordion-icon::after {\n background: #080808;\n }\n .heritage-accordion-icon::before { width: 13px; height: 2px; }\n .heritage-accordion-icon::after { width: 2px; height: 13px; }\n\n \/* Smooth height animation via CSS grid trick *\/\n .heritage-accordion-content-wrap {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .heritage-accordion-item.open .heritage-accordion-content-wrap {\n grid-template-rows: 1fr;\n }\n .heritage-accordion-inner {\n overflow: hidden;\n }\n\n .heritage-accordion-body {\n padding: 0 1.8rem 1.6rem;\n display: flex;\n gap: 1.6rem;\n align-items: flex-start;\n }\n\n .heritage-accordion-img-box {\n width: 150px;\n height: 112px;\n flex-shrink: 0;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid rgba(255,255,255,0.08);\n }\n .heritage-accordion-img-box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: grayscale(0.5) contrast(1.15);\n transition: filter 0.4s ease;\n }\n .heritage-accordion-item:hover .heritage-accordion-img-box img {\n filter: grayscale(0) contrast(1.05);\n }\n\n .heritage-accordion-text {\n color: #a0a0a0;\n line-height: 1.75;\n font-size: 0.96rem;\n margin: 0;\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .heritage-layout-grid { grid-template-columns: 1fr; }\n .heritage-sidebar {\n position: relative;\n height: auto;\n min-height: 0;\n padding: 3rem 1.5rem 2rem;\n }\n .heritage-accordion-section {\n padding: 1.5rem 1.5rem 3rem;\n min-height: 0;\n }\n }\n @media (max-width: 540px) {\n .heritage-accordion-body { flex-direction: column; }\n .heritage-accordion-img-box { width: 100%; height: 170px; }\n }\n <\/style>\n\n<div class=\"heritage-wrapper\">\n <div class=\"heritage-layout-grid\">\n\n <div class=\"heritage-sidebar\">\n <span class=\"heritage-established-badge\">Established 2001<\/span>\n <h1 class=\"heritage-main-title\">A Heritage of<br><em>Exceptional<\/em> Taste<\/h1>\n <p class=\"heritage-description\">\n Hanna Foods bridges the gap between global traditions and European tables.\n From the misty mountains of Sri Lanka to the heart of the Netherlands.\n <\/p>\n <div class=\"heritage-quality-seal\">\n <div class=\"heritage-seal-icon\">\u27e1<\/div>\n <div>\n <strong>CERTIFIED QUALITY<\/strong>\n <small>ISO \u2022 HACCP \u2022 FSSC<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-section\">\n <div class=\"heritage-accordion-container\" id=\"heritageAccordion\">\n\n <div class=\"heritage-accordion-item open\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">Who is Hanna Foods?<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-6.png\" alt=\"Heritage\">\n <\/div>\n <p class=\"heritage-accordion-text\">Based in Berghem, we are a premier importer and distributor for Europe and the UK. We specialize in the ethnic market, combining high-quality logistics with a personal touch that defines our active customer care approach.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-item\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">Exclusive Brand Portfolio<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571934811356-5cc5096fd90f?q=80&w=400&auto=format&fit=crop\" alt=\"Brands\">\n <\/div>\n <p class=\"heritage-accordion-text\">Since 2003, we have been the exclusive partner of Akbar Brothers. We hold the sole agency for Do Ghazal products (tea, rice, and coffee) in Europe\/UK, alongside key distribution for Dutso Ghee and Happy Cow Cheese.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-item\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">Market Protection & Logistics<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?q=80&w=400&auto=format&fit=crop\" alt=\"Distribution\">\n <\/div>\n <p class=\"heritage-accordion-text\">We organize and protect the market to ensure premium products are distributed securely. By maintaining a complete assortment in stock, we provide fast, efficient fulfillment for wholesalers across the continent.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"heritage-accordion-item\">\n <button class=\"heritage-accordion-btn\">\n <span class=\"heritage-accordion-label\">A Signature Taste Experience<\/span>\n <div class=\"heritage-accordion-icon\"><\/div>\n <\/button>\n <div class=\"heritage-accordion-content-wrap\">\n <div class=\"heritage-accordion-inner\">\n <div class=\"heritage-accordion-body\">\n <div class=\"heritage-accordion-img-box\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544787210-282fd93b164c?q=80&w=400&auto=format&fit=crop\" alt=\"Tea\">\n <\/div>\n <p class=\"heritage-accordion-text\">Our Do Ghazal blends from Ceylon offer an unconditional guarantee of freshness. Pairing our Basmati rice with authentic Dutch Butter-Ghee creates a flavor profile that is both healthy and unforgettable.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.getElementById('heritageAccordion').addEventListener('click', function(e) {\n const trigger = e.target.closest('.heritage-accordion-btn');\n if (!trigger) return;\n const item = trigger.closest('.heritage-accordion-item');\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.heritage-accordion-item').forEach(i => i.classList.remove('open'));\n if (!isOpen) item.classList.add('open');\n });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31bab09 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"31bab09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-2482b5b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"2482b5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b9c0138 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"b9c0138\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d3bf7 animated-slow elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"54d3bf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> OUR TESTIMONIALS\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e51d7eb animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e51d7eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Real feedback from the<br>\nwholesalers we serve<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa26da5 animated-slow elementor-invisible elementor-widget elementor-widget-rating\" data-id=\"aa26da5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":100,"ekit_we_effect_on":"none"}\" data-widget_type=\"rating.default\">\n\t\t\t\t\t\t\t<div class=\"e-rating\" itemtype=\"https:\/\/schema.org\/Rating\" itemscope=\"\" itemprop=\"reviewRating\">\n\t\t\t<meta itemprop=\"worstRating\" content=\"0\">\n\t\t\t<meta itemprop=\"bestRating\" content=\"5\">\n\t\t\t<div class=\"e-rating-wrapper\" itemprop=\"ratingValue\" content=\"5\" role=\"img\" aria-label=\"Rated 5 out of 5\">\n\t\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6850ab3 animated-slow elementor-invisible elementor-widget elementor-widget-wl-testimonial\" data-id=\"6850ab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"wl-testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wl-row wlb-testimonial-style-5 product-slider\" data-settings=\"{"arrows":false,"dots":false,"autoplay":true,"autoplay_speed":3000,"animation_speed":300,"pause_on_hover":true,"rtl":false,"product_items":1,"scroll_columns":1,"tablet_width":750,"tablet_display_columns":3,"tablet_scroll_columns":2,"mobile_width":480,"mobile_display_columns":1,"mobile_scroll_columns":1}\" style='display:none'> <div class=\"wl-col-1\">\n <div class=\"ht-single-testimonial-wrap\">\n\n <div class=\"woolentor-testimonial-2\">\n \n <div class=\"woolentor-testimonial-content\">\n <p class=\"woolentor-testimonial-text\">Hanna Foods has completely streamlined our tea imports. The consistency of the Do Ghazal Red label and their unwavering commitment to stock availability makes them an invaluable distribution partner.<\/p><h6 class=\"woolentor-testimonial-name\">Michael T.<\/h6><span class=\"woolentor-testimonial-designation\">Category Manager, FreshMart EU<\/span> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <div class=\"wl-col-1\">\n <div class=\"ht-single-testimonial-wrap\">\n\n <div class=\"woolentor-testimonial-2\">\n \n <div class=\"woolentor-testimonial-content\">\n <p class=\"woolentor-testimonial-text\">The premium quality of the Super Pekoe and Earl Grey lines has significantly boosted our beverage category margins. Their market protection policies ensure we maintain a competitive edge in retail.<\/p><h6 class=\"woolentor-testimonial-name\">Sarah Jenkins<\/h6><span class=\"woolentor-testimonial-designation\">Director of Purchasing, Global Grocers<\/span> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <div class=\"wl-col-1\">\n <div class=\"ht-single-testimonial-wrap\">\n\n <div class=\"woolentor-testimonial-2\">\n \n <div class=\"woolentor-testimonial-content\">\n <p class=\"woolentor-testimonial-text\">I've worked with many importers over the years, but Hanna Foods stands out for their unconditional freshness guarantee and fast dispatch. The wholesale cartons always arrive in pristine condition.<\/p><h6 class=\"woolentor-testimonial-name\">Omar K.<\/h6><span class=\"woolentor-testimonial-designation\">Regional Wholesaler<\/span> <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-356886f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"356886f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea61c1c elementor-widget elementor-widget-html\" data-id=\"ea61c1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hnf-visual-component-section\">\r\n \r\n <div class=\"hnf-visual-column hnf-reveal-on-scroll\">\r\n <div class=\"hnf-farmer-img-container\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/hannafoods.sbecart.com\/wp-content\/uploads\/2026\/04\/Untitled-design-7.png\" alt=\"Smiling Farmer with Milk Bottle\" class=\"hnf-farmer-image\">\r\n \r\n <div class=\"hnf-trusted-badge\">\r\n \r\n <div class=\"hnf-avatar-stack\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"Happy Milk Lover\" class=\"hnf-avatar\">\r\n <\/div>\r\n\r\n <div class=\"hnf-trusted-text\">\r\n Trusted by <strong>3,000+<\/strong> Happy Tea<br>Lovers Worldwide\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ Set up the Intersection Observer (\"the sensor\")\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n \r\n \/\/ If the element crosses into the screen...\r\n if (entry.isIntersecting) {\r\n \/\/ ...add the trigger class to start the animation\r\n entry.target.classList.add('start-anim');\r\n \/\/ Then stop watching it, so it only animates once per load\r\n observer.unobserve(entry.target); \r\n }\r\n });\r\n }, { \r\n threshold: 0.15 \/\/ Triggers when 15% of the element becomes visible\r\n });\r\n\r\n \/\/ Find all the elements with this class to watch\r\n const animatedElements = document.querySelectorAll('.hnf-reveal-on-scroll');\r\n \r\n \/\/ Attach the sensor to each element found\r\n animatedElements.forEach(el => {\r\n observer.observe(el);\r\n });\r\n \r\n });\r\n<\/script>\t\t\t\t<\/div>\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<div class=\"elementor-element elementor-element-e0e5650 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e0e5650\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c9a3cd e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3c9a3cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-5a312bf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"5a312bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8def0ea elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8def0ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-diamond\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tUnconditional Quality\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tProviding the finest Ceylon blends with an absolute guarantee for freshness and international standards.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e31ae06 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"e31ae06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":100,"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfd3c70 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"cfd3c70\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-box\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M509.5 184.6L458.9 32.8C452.4 13.2 434.1 0 413.4 0H272v192h238.7c-.4-2.5-.4-5-1.2-7.4zM240 0H98.6c-20.7 0-39 13.2-45.5 32.8L2.5 184.6c-.8 2.4-.8 4.9-1.2 7.4H240V0zM0 224v240c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V224H0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tFully Stocked Assortment\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWe keep the entire Do Ghazal range in stock for fast, efficient distribution across Europe and the UK.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf28a1b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"cf28a1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","animation_delay":200,"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4723456 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4723456\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-handshake\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4-16.6 15.6-16.3 40.5-2.1 56 12.7 13.9 39.4 17.6 56.1 2.7.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1 6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2 17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6 5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tDedicated Partnership\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tOffering a personal touch, active customer care, and a balanced, secure market for all our wholesalers.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5eee097 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5eee097\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-677f94c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"677f94c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t<div class=\"elementor-element elementor-element-397970f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"397970f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef92c96 elementor-widget__width-initial elementor-widget elementor-widget-icon-box\" data-id=\"ef92c96\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t<span style=\"color: #FED525\">\u2726<\/span> CONTACT US\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4992218 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4992218\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":100,"ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stay direct connected with\nHanna Foods today<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00d9d81 e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"00d9d81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f53085 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"8f53085\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search-location\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505.04 442.66l-99.71-99.69c-4.5-4.5-10.6-7-17-7h-16.3c27.6-35.3 44-79.69 44-127.99C416.03 93.09 322.92 0 208.02 0S0 93.09 0 207.98s93.11 207.98 208.02 207.98c48.3 0 92.71-16.4 128.01-44v16.3c0 6.4 2.5 12.5 7 17l99.71 99.69c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.59.1-33.99zm-297.02-90.7c-79.54 0-144-64.34-144-143.98 0-79.53 64.35-143.98 144-143.98 79.54 0 144 64.34 144 143.98 0 79.53-64.35 143.98-144 143.98zm.02-239.96c-40.78 0-73.84 33.05-73.84 73.83 0 32.96 48.26 93.05 66.75 114.86a9.24 9.24 0 0 0 14.18 0c18.49-21.81 66.75-81.89 66.75-114.86 0-40.78-33.06-73.83-73.84-73.83zm0 96c-13.26 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tLocation\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tZevenbergseweg 33B\n5351 PG Berghem\nHolland\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4b9e8 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"4a4b9e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mobile-alt\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tMobile\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTel: 0031 626 964 606\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbdb842 elementor-view-stacked elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"cbdb842\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":200,"ekit_we_effect_on":"none"}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-email\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tinfo@hannafoods.nl\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-389c1e1 e-con-full form-wrapper animated-slow e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible e-con e-child\" data-id=\"389c1e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInLeft","ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-384339c elementor-widget elementor-widget-heading\" data-id=\"384339c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Send A Message<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f908a05 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"f908a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle","ekit_we_effect_on":"none"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1186\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"f908a05\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"1186\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFirst Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_c640679 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_c640679\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tLast Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_c640679]\" id=\"form-field-field_c640679\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_351ee5d elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_351ee5d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone No\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_351ee5d]\" id=\"form-field-field_351ee5d\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Phone\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fd3f1c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"0fd3f1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bda6a2 elementor-widget elementor-widget-google_maps\" data-id=\"0bda6a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Zevenbergseweg%2033B%205351%20PG%20Berghem%20Holland&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"Zevenbergseweg 33B 5351 PG Berghem Holland\"\n\t\t\t\t\taria-label=\"Zevenbergseweg 33B 5351 PG Berghem Holland\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\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>Premium Tea Hero \u2726 PURE CEYLON HERITAGE Premium Taste,Unconditional Quality ESTABLISHED 2001 \u2022 DO GHAZAL \u2022 EXCLUSIVE \u2022 \u2615 + Trusted By More Than 2k Partners \ud83c\udf43 Pure, Fresh Blends Direct from the world-renowned Ceylon Highlands. \ud83d\udce6 Wholesale Network Exclusive distribution across the EU and UK. View Assortment Premium Tea Marquee Do Ghazal Blends \u2605 Standard Tea Super Pekoe \u2605 Herbal Tea Bags \u2605 Green Tea \u2605 Earl Grey \u2605 Standard Tea Red \u2605 Do Ghazal Blends \u2605 Standard Tea Super Pekoe \u2605 Herbal Tea Bags \u2605 Green Tea \u2605 Earl Grey \u2605 Standard Tea Red \u2605 Premium Tea Slider Our Assortment Explore by Category Discover 01 Herbal Blends Discover 02 Sencha Green Discover 03 Classic Earl Grey Discover 04 Imperial Red Discover 05 Ceremonial Matcha \u2726 OUR PRODUCTS Explore our range of fresh products \u2726 WHY CHOOSE US The Starting Point for PremiumWholesale in Europe & the UK Exclusive Do Ghazal Agency The sole agency and exclusive right to import Do Ghazal products across the territory. Respected Network Cooperating with the finest distributors to make premium products widely available. Balanced Market We organize and protect the market ensuring secure and beneficial distribution for all. Always In Stock We keep the whole assortment in stock for fast, efficient distribution across Europe. Fantastic Experience Finest Ceylon blends and Basmati rice providing an unconditional freshness guarantee. Certified Quality Produced to high international standards: ISO, HACCP, FSSC, GEO, and SGS GMP. \u2726 ABOUT HANNA FOODS Premium Wholesale in Europe & the UK Established in 2001 as a supplier for the ethnic market, Hanna Foods is the proud exclusive partner of Akbar Brothers in Sri Lanka. We offer high-quality products with an unconditional guarantee for freshness, keeping our entire assortment in stock for fast, efficient distribution across the territory. Our Mission: Sole agency for Do Ghazal tea, rice, and coffee. Proud distributor of Dutso Butter-Ghee & Happy Cow Cheese. Certified ISO, HACCP, FSSC, GEO, and SGS GMP. 25+ Years OfExcellence Unconditional Guarantee Balanced & Secure Learn More About Established 2001 A Heritage ofExceptional Taste Hanna Foods bridges the gap between global traditions and European tables. From the misty mountains of Sri Lanka to the heart of the Netherlands. \u27e1 CERTIFIED QUALITY ISO \u2022 HACCP \u2022 FSSC Who is Hanna Foods? Based in Berghem, we are a premier importer and distributor for Europe and the UK. We specialize in the ethnic market, combining high-quality logistics with a personal touch that defines our active customer care approach. Exclusive Brand Portfolio Since 2003, we have been the exclusive partner of Akbar Brothers. We hold the sole agency for Do Ghazal products (tea, rice, and coffee) in Europe\/UK, alongside key distribution for Dutso Ghee and Happy Cow Cheese. Market Protection & Logistics We organize and protect the market to ensure premium products are distributed securely. By maintaining a complete assortment in stock, we provide fast, efficient fulfillment for wholesalers across the continent. A Signature Taste Experience Our Do Ghazal blends from Ceylon offer an unconditional guarantee of freshness. Pairing our Basmati rice with authentic Dutch Butter-Ghee creates a flavor profile that is both healthy and unforgettable. \u2726 OUR TESTIMONIALS Real feedback from the wholesalers we serve Hanna Foods has completely streamlined our tea imports. The consistency of the Do Ghazal Red label and their unwavering commitment to stock availability makes them an invaluable distribution partner. Michael T. Category Manager, FreshMart EU The premium quality of the Super Pekoe and Earl Grey lines has significantly boosted our beverage category margins. Their market protection policies ensure we maintain a competitive edge in retail. Sarah Jenkins Director of Purchasing, Global Grocers I’ve worked with many importers over the years, but Hanna Foods stands out for their unconditional freshness guarantee and fast dispatch. The wholesale cartons always arrive in pristine condition. Omar K. Regional Wholesaler Trusted by 3,000+ Happy TeaLovers Worldwide Unconditional Quality Providing the finest Ceylon blends with an absolute guarantee for freshness and international standards. Fully Stocked Assortment We keep the entire Do Ghazal range in stock for fast, efficient distribution across Europe and the UK. Dedicated Partnership Offering a personal touch, active customer care, and a balanced, secure market for all our wholesalers. \u2726 CONTACT US Stay direct connected with Hanna Foods today Location Zevenbergseweg 33B 5351 PG Berghem Holland Mobile Tel: 0031 626 964 606 E-mail info@hannafoods.nl Send A Message<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1186","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages\/1186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1186"}],"version-history":[{"count":78,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages\/1186\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=\/wp\/v2\/pages\/1186\/revisions\/1308"}],"wp:attachment":[{"href":"https:\/\/hannafoods.sbecart.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}