{-- GEO: LocalBusiness Schema for UAE stores --}
<script type="application/ld+json">
[
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Deyaar Head Office Building - Al Barsha First - Al Barsha - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Deyaar Head Office Building - Al Barsha First - Al Barsha - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.1170683,
      "longitude": 55.1966817
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971543087727"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - DSOA University Residence Block C - ند حصه - منطقة صناعية - دبي - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "DSOA University Residence Block C - ند حصه - منطقة صناعية - دبي - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.1342792,
      "longitude": 55.3874855
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971582201691"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Airport Rd - Al Manhal - W14 02 - Abu Dhabi - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Airport Rd - Al Manhal - W14 02 - Abu Dhabi - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 24.4657315,
      "longitude": 54.3758871
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971543090250"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Yellow Hat - Nad Al Hammar - near Emarat Petrol Station - Ras Al Khor - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Yellow Hat - Nad Al Hammar - near Emarat Petrol Station - Ras Al Khor - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.2004324,
      "longitude": 55.3862638
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971543087719"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - 120 Al Nahda St - Al Qusais - Al Twar - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "120 Al Nahda St - Al Qusais - Al Twar - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.2678606,
      "longitude": 55.3770748
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971563563785"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - 7A St - Al Nahda Second - Al Nahda - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "7A St - Al Nahda Second - Al Nahda - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.2864081,
      "longitude": 55.3706691
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "055 707 4183"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - 68 Al Khaleej St - Al Hamriya Port - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "68 Al Khaleej St - Al Hamriya Port - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.3083274,
      "longitude": 55.3394517
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971557199280"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Foodcourt - Al Rowaiyah First - Academic City - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Foodcourt - Al Rowaiyah First - Academic City - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.1252293,
      "longitude": 55.4102917
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "+971565375887"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Dubai Knowledge Park - Block 8 King Salman Bin Abdulaziz Al Saud St - Al Sufouh - Dubai Knowledge Park - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Dubai Knowledge Park - Block 8 King Salman Bin Abdulaziz Al Saud St - Al Sufouh - Dubai Knowledge Park - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.104072,
      "longitude": 55.163109
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "054 308 7726"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Parking lot - Me'aisem First - Dubai Production City - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Parking lot - Me'aisem First - Dubai Production City - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.0317773,
      "longitude": 55.1900227
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "04 885 6363"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - 2 5 A Street Block 6",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "2 5 A Street Block 6, Kite Beach, Near - 5664+43M Health Center - أم سقيم الثانية - ام سقيم ٢ - دبي - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.1551127,
      "longitude": 55.2065891
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "055 352 4696"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Business Bay - Dubai",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Business Bay - Dubai, United Arab Emirates Bay Avenue - الخليج التجاري - دبي - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.1831647,
      "longitude": 55.272887
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "04 277 6610"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Food Court DAFZ - W-8 Al Quds St - Dubai Int'l Airport - Dubai Airport Free Zone - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Food Court DAFZ - W-8 Al Quds St - Dubai Int'l Airport - Dubai Airport Free Zone - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.2531745,
      "longitude": 55.3656299
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "04 321 0010"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - Burjuman Centre - 42 Sheikh Khalifa Bin Zayed St - Al Mankhool - Dubai - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Burjuman Centre - 42 Sheikh Khalifa Bin Zayed St - Al Mankhool - Dubai - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.2548112,
      "longitude": 55.3033117
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "04 321 0010"
  },
  {
    "@type": "CafeOrCoffeeShop",
    "name": "FiLLi Cafe - 7th street - شارع الميناء - الحضيبة - دبي - United Arab Emirates",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "7th street - شارع الميناء - الحضيبة - دبي - United Arab Emirates",
      "addressCountry": "AE"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 25.2442959,
      "longitude": 55.2773442
    },
    "url": "https://fillicafe.com/store-locator",
    "parentOrganization": {
      "@type": "Organization",
      "name": "FiLLi Cafe"
    },
    "telephone": "04 220 0673"
  }
]
</script>



<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="canonical" href="https://fillicafe.com/store-locator">





    


    

    

    <meta name="csrf-token" content="pbIf9zZfSe4viJWRiPM2eqf8SBgBHDNHgs8WN2c9">

    <title>FiLLi Cafe - Find a FiLLi Café Branch</title>
    <meta name="description" content="Our Filli store locator will help you find the closest locations where you can enjoy great chai, a cool ambience and the famous Filli Zafran Tea.">
    <meta name="keywords" content="Filli café branches, Filli stores, Filli locations"/>
    <meta name="author" content="FiLLi DWC LLC">
    <meta name='copyright' content='FiLLi DWC LLC' />
    <meta name="cache-control" content="no-cache" />
    <meta name="distribution" content="Global" />
    <meta name="document-distribution" content="Global" />
    <meta name="document-rating" content="General" />
    <meta name="document-rights" content="Public" />
    <meta name="document-state" content="static" />
    <meta name="publisher" content="FiLLi DWC LLC" />
    <meta name="rating" content="General" />
    <meta name="expires" content="never"/>
    <meta name="resource-type" content="General" />
    <meta name="Address" content="https://fillicafe.com/" />
    <meta name="robots" content="INDEX,FOLLOW" />

    
    <meta property="og:title" content="FiLLi Cafe - Find a FiLLi Café Branch">
    <meta property="og:url" content="https://fillicafe.com/store-locator">
    <meta property="og:description" content="Our Filli store locator will help you find the closest locations where you can enjoy great chai, a cool ambience and the famous Filli Zafran Tea.">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://fillicafe.com/public/assets/images/og-image.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="FiLLi Cafe - Find a FiLLi Café Branch - FiLLi Cafe">
    <meta property="og:site_name" content="FiLLi Cafe">
    <meta property="og:locale" content="en_US">
    <meta property="og:street-address" content="Dubai">
    <meta property="og:locality" content="Dubai">
    <meta property="og:region" content="Dubai">
    <meta property="og:country-name" content="United Arab Emirates">
    <meta property="og:email" content="info@fillicafe.com">
    <meta property="og:phone_number" content="+97142204463">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="FiLLi Cafe - Find a FiLLi Café Branch">
    <meta name="twitter:description" content="Our Filli store locator will help you find the closest locations where you can enjoy great chai, a cool ambience and the famous Filli Zafran Tea.">
    <meta name="twitter:image" content="https://fillicafe.com/public/assets/images/og-image.jpg">
    <meta name="twitter:image:alt" content="FiLLi Cafe - Find a FiLLi Café Branch - FiLLi Cafe">
    <meta name="twitter:site" content="@fillicafe">


    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.9.2/mapbox-gl.css' rel='stylesheet' />

    <style>
        #findfillinav {
            display: block !important;
        }
    </style>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" />
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css" /> -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css" />
    <link rel="stylesheet" href="https://fillicafe.com/public/web-assets/css/jquery.youtube-background.css">
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.css' rel='stylesheet' />
    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css">

    <link rel="stylesheet" href="https://fillicafe.com/public/web-assets/css/styles.min.css">
    <link rel="stylesheet" href="https://fillicafe.com/public/assets/css/store-map.css?v=1">
    <link rel="stylesheet" href="https://fillicafe.com/public/web-assets/css/custom.css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.4.0/jquery-migrate.min.js"></script>
    <script src="https://fillicafe.com/public/web-assets/js/modernizr-custom.js"></script>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KR4RNMC');</script>
<!-- End Google Tag Manager -->

    <link rel="shortcut icon" href="https://fillicafe.com/public/assets/images/favicon.ico" />
    <script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"> </script>



    <script type="text/javascript">
        (function(c, l, a, r, i, t, y) {
            c[a] = c[a] || function() {
                (c[a].q = c[a].q || []).push(arguments)
            };
            t = l.createElement(r);
            t.async = 1;
            t.src = "https://www.clarity.ms/tag/" + i;
            y = l.getElementsByTagName(r)[0];
            y.parentNode.insertBefore(t, y);
        })(window, document, "clarity", "script", "m7u771ya5n");
    </script>
    
    
    


<style>
        #cookieConsentPopup {
            width: 100%;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #cookieConsentPopup button:hover {
            background-color: darkgreen;
        }

/* Sidebar styling */
.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width:400px;
  height: 100%;
  background-color: #333;
  color: white;
  padding: 0px;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  z-index: 9999999999999;
}

/* Close button inside sidebar */
.close-btn {
  background: none;
  color: white;
  font-size: 11px;
  border: none;
  cursor: pointer;
  float: right;
  position: absolute;
  z-index: 99999999;
  border-radius: 100%;
  background: #ff3d00;
  width: 28px;
  height: 28px;
  top: 5px;
  left: 4px;
  line-height: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Overlay styling */
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* Main content area with blur effect */
.content {
  padding: 20px;
  transition: filter 0.4s ease;
}

/* Open button for sidebar */
.open-btn {
  padding: 10px 15px;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
  bottom: 20px;
  right:20px;
  z-index: 3;
  position: fixed;
  z-index: 999;

}

/* Active states for sidebar, overlay, and blur effect */
.sidebar.active {
  transform: translateX(0);
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

.content.blurred {
  filter: blur(4px);
}

.sidebar iframe{height: 100%; width: 100%;}


@media (max-width: 767.98px) { 

    .sidebar{width: 90%;}
 }
</style>
    
    </head>

<body>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KR4RNMC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    
    
<button class="open-btn btn btn-secondary btn-round" onclick="toggleSidebar()">Order Online</button>

<div style="position: absolute;
  z-index: 9999;">
<div class="overlay" id="overlay" onclick="toggleSidebar()"></div>
    
    <div class="sidebar" id="sidebar">
      <button class="close-btn" onclick="toggleSidebar()">X</button>
      <iframe id="orderIframe" src="https://order.fillicafe.com/" allow="geolocation"></iframe>
     
    </div>
  
    <div class="content" id="content">
 

    </div>


    </div>
    
    
    
    <div class="body-wrapper">
        <header class="main-section navbar-section fixed-top">
            <div class="container-fluid">
                <div class="header-main navbar">

                    <div class="header-main-left">
                        <div class="logo">
                            <a href="https://fillicafe.com/" aria-label="logo">
                                <!-- <img class="img-fluid" src="https://fillicafe.com/public/web-assets/img/filli-cafe-logo.svg" alt=""> -->
                                <svg width="80px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 121 68.8" style="enable-background:new 0 0 121 68.8;" xml:space="preserve">
                                <style type="text/css">
                                    .st0{fill:#FC5007;}
                                </style>
                                <path class="st0" d="M102.5,56.9c-1,0.1-2-0.7-2.1-1.7c0,0,0-0.1,0-0.1c0.1-1.3,0.4-2.5,0.9-3.7c1.6-3.6,4.4-9.5,6-12.7h-6.9
                                    c-2.5,4.4-4.7,9.1-6.6,13.8c-0.2,0.3-0.3,0.5-0.4,0.5c-1.3,2.1-6.2,6.2-10.3,6.2c-2.8,0-3.1-2.1-3.1-4c12.9-9.2,20.6-23.1,20.6-30.1
                                    c0-3-1.1-4.8-3.6-4.8c-6.1,0-21,19.8-22.5,33.1c-1.3,2-6.2,5.8-10,5.8c-2.8,0-3.1-2.1-3.1-4c12.9-9.2,20.6-23.1,20.6-30.1
                                    c0-3-1.1-4.8-3.6-4.8c-6.2,0-21.6,20.6-22.6,33.9c-2,1.6-4,2.6-5.4,2.6c-1,0.1-2-0.7-2.1-1.7c0,0,0-0.1,0-0.1
                                    c0.1-1.3,0.4-2.5,0.9-3.7c1.6-3.6,4.4-9.5,6-12.7h-6.9c-1.9,3.4-7.9,14.2-7.9,19.5c0,3.8,2,5.3,4.6,5.3c4.1,0,8.8-4.4,10.7-6.4
                                    c0.6,4.5,3.9,6.2,7.5,6.2c4.1,0,8.5-3.1,11.2-5.5c0,0,0,0,0.1-0.1c0.8,4.1,4,5.6,7.4,5.6c3.8,0,7.8-2.7,10.6-5
                                    c0,3.7,2.1,5.2,4.6,5.2c5.3,0,11.5-7.2,11.5-7.2l-0.4-2.4C106.3,55.7,104.1,56.9,102.5,56.9 M89,35.5c4.6-7,8.3-10.6,8.8-10.6
                                    c0.1,0,0.2,0.2,0.2,0.4c0,3-1.6,7.1-4.8,12.2c-2.8,4.3-9.2,11.4-12.2,13.6C83,45.6,85.7,40.4,89,35.5 M70.3,35.5
                                    c4.6-7,8.3-10.6,8.8-10.6c0.1,0,0.2,0.2,0.2,0.4c0,3-1.6,7.1-4.8,12.2c-2.8,4.3-9.2,11.4-12.2,13.6C64.3,45.6,67,40.4,70.3,35.5"/>
                                <path class="st0" d="M59.8,30.7c1.2-3,0.2-4.8-2.1-4.8s-4.7,1.8-5.9,4.8s-0.2,4.8,2.1,4.8S58.6,33.7,59.8,30.7"/>
                                <path class="st0" d="M109.6,25.9c-2.3,0-4.7,1.8-5.9,4.8s-0.2,4.8,2.1,4.8s4.7-1.8,5.9-4.8S111.8,25.9,109.6,25.9"/>
                                <path class="st0" d="M118.8,0c0,0.4-3,8.5-16.8,8.5c-23.4,0-39.4-6.3-61-6.3C15.2,2.3,0,16.4,0,29.6c0,6.3,3.4,11.3,7.9,11.3
                                    c2.8,0,3.7-1.6,3.7-1.6c-2.6-0.7-3.4-4.1-3.4-6.3c0-9.2,8.4-24.5,27.1-24.5C40.6,8.5,45.9,9,51.2,9.9c-7.9,2.5-13,10.2-18.2,19.5
                                    c-8.1,0.1-11.5,5.5-11.6,7.9c0,0.4,0,0.7,0.2,1c1.2-0.9,2.9-2.1,7.6-2c-0.1,0.1-0.1,0.3-0.2,0.4c-4.8,8.7-11.3,19.7-17.1,25.2
                                    c-2.7,2.6-5.2,3.2-8.7,3.2c2.1,2.3,5,3.6,8.1,3.6c13.8,0,19.6-17.1,26.6-32.2C43.4,36,48,31.4,48.2,28c-2.1,1.3-4.6,1.9-7.1,1.7
                                    l-0.1,0C44.5,22.3,49,14.3,56,11.2c0.6-0.3,1.3-0.3,1.9-0.2c15.7,2.8,27.3,7,40.6,7c13.2,0,22.4-3.6,22.4-12.9
                                    C121,3.2,120.2,1.3,118.8,0"/>
                                </svg>
                            </a>
                        </div>

                        <div class="nav-list menu-margin">
                            <ul class="d-flex" id="navbar-list">



                                <li class="align-self-center mx-2"><a  id="btnHStory" class="nav-link" href="https://fillicafe.com/our-story">STORIES</a></li>


                                <li class="align-self-center mx-2"><a  id="btnHMenu" class="nav-link" href="https://fillicafe.com/menu">MENU</a></li>


                                                                <li class="align-self-center mx-2"><a class="nav-link" id="btnFiLLiFranchise"  href="https://fillicafe.com/franchise">FRANCHISE</a></li>



                                <li id="chaimaster" class="align-self-center mx-2"><a id="btnchaimaster"  class="nav-link" href="https://fillicafe.com/chaimaster">CHAIMASTER</a></li>

                            </ul>

                        </div>


                    </div>

                    <div class="header-main-right">
                        <div class="nav-list float-end">
                            <ul class="d-flex" id="navbar-list">
                                <li class="align-self-center me-lg-2">
                                    <a id="btn1Z" class="find-store-btn" href="https://fillicafe.com/store-locator">
                                        <!-- <img class="img-fluid" width="18" height="18" src="https://fillicafe.com/public/web-assets/img/location-marker.svg" alt="Location Icon"> -->
                                        <svg width="20" height="27" viewBox="0 0 20 27" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M10 0C4.46667 0 0 4.46667 0 10C0 16.6667 10 26.6667 10 26.6667C10 26.6667 20 16.6667 20 10C20 4.46667 15.5333 0 10 0ZM10 3.33333C13.7 3.33333 16.6667 6.33333 16.6667 10C16.6667 13.7 13.7 16.6667 10 16.6667C6.33333 16.6667 3.33333 13.7 3.33333 10C3.33333 6.33333 6.33333 3.33333 10 3.33333Z" fill="#3F2116"/>
                                        </svg>
                                        Find a Store
                                    </a>
                                </li>

                                <li class="align-self-center me-lg-2"><a id="btn1Z" class="nav-link nav-link-primary line-btn"  onclick="toggleSidebar()"   >ORDER NOW</a></li>
                                <li class="align-self-center ms-lg-2"><a id="btn2" class="nav-link nav-link-black" href="https://filliselect.com/" target="_blank">FiLLI SELECT</a></li>

                                



                            </ul>

                        </div>

                    </div>

                </div>
            </div>
        </header>

        <div class="nav-menu  d-lg-none d-block">
            <div class="hamburger" id="hamburger-9">
                <span class="line a"></span>
                <span class="line b"></span>
                <span class="line c"></span>
                <span class="line d"></span>
            </div>
        </div>
        <div class="navbar-overlay d-lg-none">
            <ul class="d-flex flex-column justify-content-center mt-5">

                <!-- <li class="mb-2"><a class="" href="https://fillicafe.com/">HOME</a></li> -->
                <li class="mb-2"><a class="" href="https://fillicafe.com/our-story">STORIES</a></li>
                <li class="mb-2"><a class="" href="https://fillicafe.com/menu">MENU</a></li>

                        
                <li class="mb-2"><a class="" href="https://fillicafe.com/franchise">FRANCHISE</a></li>
                <li class="mb-2"><a class="" href="https://fillicafe.com/chaimaster">CHAIMASTER</a></li>
                <li class="mb-2"><a class="" href="https://fillicafe.com/store-locator">Find a Store</a></li>


                <li class="mb-2"><a  id="btn11Z" class=""  style="cursor:pointer"  onclick="toggleSidebar()" >ORDER NOW</a></li>
                <li class="mb-2"><a target="_blank" id="btn22" class="" href="https://filliselect.com/">FiLLi SELECT</a></li>

                                    <li class="mb-2"><a href="https://fillicafe.com/login">SIGN IN</a>
                                </ul>
        </div>

        <!-- <div class="sidebar" id="search">
            <div class="d-flex closesidebar justify-content-end">

                <div class="closebar ">
                    <img src="https://fillicafe.com/public/web-assets/img/close-button.svg" alt="">
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="searchbox">
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="Search" aria-label="Search"
                        aria-describedby="basic-addon2">

                    <button class="btn btn-primary" type="button" id="button-addon2"><i
                            class="fa-solid fa-magnifying-glass"></i></button>
                </div>
            </div>
        </div> -->

        


<section class="main-section store-locator-section-new pt-lg-0 pt-md-4 pt-4"

    style="background-image: url('https://fillicafe.com/public/web-assets/img/exp-img.webp');">





    <div class="container-fluid">

        <div class="col-lg-12 align-self-center d-lg-none d-block">

            <div class="main-title text-lg-start text-center mb-lg-4 mb-3" data-aos="fade-right">

                <h1 class="text-uppercase fw-900">Store Locator</h1>



            </div>





        </div>

    </div>



        <div class="row g-0 justify-content-lg-between justify-content-center align-items-stretch">

            <div id="storeinfos" class="col-lg-4 position-relative" data-aos="fade-right">



                <div id="store-locatorbox" class="store-locatorbox p-xxl-4 p-md-3 p-2 pe-xxl-0 pe-md-0 pe-0" >

                    <div class="locator-head pe-lg-7 text-black">

                        <div class="input-group mb-3">

                            


                            <input class="form-control" placeholder="Store Locator" value="Sri Lanka" id="storelocation">



                           <!-- <div id="geocoder" class="geocoder"></div> -->



                        </div>

                    </div>



                    <div id='listings' class='listings'></div>







                </div>

            </div>



            <div style="display: none;" id="storeinfo1" class="col-lg-4 position-relative" data-aos="fade-right"></div>



            <div class="col-lg-8">

                <div class="map-section position-relative">



                    <div id="map" class="map"></div>

                    <!-- <div class="map-loader">

                        <div class="d-flex justify-content-center h-100">

                            <div class="spinner-border align-self-center" role="status">

                              <span class="visually-hidden">Loading...</span>

                            </div>

                          </div>

                    </div> -->

                </div>





            </div>

        </div>





</section>





<section class="pt-lg-5 pt-4 pb-lg-5 pb-4" style="background:#fff;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <h2 class="fw-900 text-uppercase text-center mb-3">Find a FiLLi Cafe Near You</h2>
                <p class="text-center mb-4" style="font-size:1.05rem;line-height:1.8;">
                    <strong>FiLLi Cafe</strong> operates <strong>100+ outlets across Asia, Europe, North America, Africa, and Oceania</strong>, making it the largest tea cafe chain originating from Dubai.
                    Use the store locator above to find your nearest FiLLi branch, view opening hours, and get directions.
                    Every FiLLi Cafe serves the signature <strong>Zafran (Saffron) Chai</strong>, <strong>Karak Chai</strong>, a full breakfast menu, sandwiches, and snacks.
                </p>
                <div class="row g-3 justify-content-center">
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">United Arab Emirates</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Mauritius</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">United States</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Oman</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">United Kingdom</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Nepal</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">India</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Seychelles</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Sri Lanka</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Australia</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Qatar</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Canada</span></div>
                    <div class="col-auto"><span class="badge" style="background:#fc5007;font-size:0.9rem;padding:8px 16px;">Pakistan</span></div>
                </div>
                <p class="text-center mt-4" style="font-size:0.9rem;color:#666;">
                    Most FiLLi Cafe locations are open from 7:00 AM to 2:00 AM (weekdays) and 7:00 AM to 3:00 AM (weekends).
                    Hours may vary by branch &mdash; check individual store details above for exact timings.
                    For delivery, order via <a href="https://order.fillicafe.com">order.fillicafe.com</a> or the <a href="https://fillicafe.com/download-app">FiLLi App</a>.
                </p>
            </div>
        </div>
    </div>
</section>


        <footer class="main-section footer-section pt-lg-7 pb-lg-7 pt-5 pb-5" id="contact">

            <div class="container">


                <div class="row justify-content-md-between justify-content-center">
                    <div class="col-lg-2 col-md-4 col-11">
                        <div class="footerbox text-md-start mt-md-0 mt-4">
                            <h6 class="mb-3">corporate</h6>
                            <div class="f-menu">
                                <ul class="">
                                    <li class="mb-md-2"><a id="btnFMedia" href="https://fillicafe.com/media">Media
                                        </a></li>
                                    <li class="mb-md-2"><a id="btnFCareer"  href="https://fillicafe.com/careers">Career at FiLLi
                                        </a></li>
                                    <li id="blogmenu" class="mb-md-2"><a id="btnFBlog"  href="https://fillicafe.com/blog">Blog</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-4 col-11">
                        <div class="footerbox text-md-start  mt-md-0 mt-4">
                            <h6 class="mb-3">CONTACT US</h6>
                            <div class="f-menu">
                                <ul class="">

                                    <li class="mb-md-2"><a  id="btnFranchise" href="https://fillicafe.com/franchise">FiLLi Franchise</a></li>
                                    <li class="mb-md-2"><a  id="btnFContact" href="https://fillicafe.com/contact-us">Get In Touch</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-4 col-11">
                        <div class="footerbox text-md-start mt-md-0 mt-4">
                            <h6 class="mb-3">OTHER LINKS</h6>
                            <div class="f-menu">
                                <ul class="">
                                    <li class="mb-md-2"><a  id="btnFSelect" href="https://fillicafe.com/filli-tea">Filli Tea</a></li>
                                    <li class="mb-md-2"><a  id="btnFSelect" href="https://filliselect.com/" target="_blank">FiLLi
                                            Select</a></li>

                                            <li class="mb-md-2"><a  id="btnFSelect" href="https://fillicafe.com/signature-coffee">Our Coffee</a></li>
                                           
                                            


                                </ul>
                            </div>
                        </div>
                    </div>




                    <div class="col-lg-4 col-md-6 col-11">
                        <div class="footerbox text-md-start mt-md-0 mt-4">

                            <div class="logo mb-lg-0 mb-3 mt-lg-4 mt-3">
                                <img class="d-block" src="https://fillicafe.com/public/web-assets/img/filli-loyalty-club-full.svg" alt="FiLLi Loyalty Club" loading="lazy">

                                <a id="apple-app" class="apple" target="_blank" href="" aria-label="apple"> </a>
                                <a id="android-app" class="android" target="_blank" href="" aria-label="android"> </a>

                            </div>
                            <div class="socialfooter mt-lg-4">
                                <ul class="d-flex">
                                    <li class="me-3">
                                        <a id="facebookurl" href="" target="_blank" aria-label="facebook"><i class="bi-facebook"></i></a>
                                    </li>
                                    <li class="me-3">
                                        <a id="instagramurl" href="" target="_blank" aria-label="instagram"><i class="bi-instagram"></i></a>
                                    </li>
                                    <li class="me-3">
                                        <a id="twitterurl" href="" target="_blank" aria-label="twitter"><i class="bi-twitter"></i></a>
                                    </li>
                                    <li class="me-3">
                                        <a id="linkedinurl" href="" target="_blank" aria-label="linkedin"><i class="bi-linkedin"></i></a>
                                    </li>
                                </ul>
                            </div>


                            <a class="btn-secondary small-btn mt-3" href="http://onelink.to/filli" target="_blank">Download FiLLi App</a>
                        </div>
                    </div>


<div class="col-lg-4 col-md-6 col-11 mt-4 mt-lg-0"><a href="https://www.amazon.ae/stores/page/422320A4-6B0F-4B43-9A34-8E9424DF5929" target="_blank"><img src="https://fillicafe.com/public/web-assets/img/amazon.png" alt="Buy FiLLi Zafran Tea on Amazon UAE" loading="lazy"></a></div>

                </div>


            </div>

        </footer>

        <section class="main-section footer-bottom pt-lg-5 pb-lg-5 pt-4 pb-4">
            <div class="container">
                <div class="row justify-content-between justify-content-center copyright">

                    <div class="col-lg-auto align-self-center text-lg-start text-center order-md-1 order-2">
                        <div class="copy-box mt-md-0 mt-3">
                            <p id="fcopyright" class="mb-0"></p>
                        </div>
                    </div>
                    <div class="col-lg-auto ms-auto align-self-center text-lg-end text-center order-md-2 order-1">

                        <div class="f-menu">
                            <ul class="d-flex justify-content-lg-end justify-content-center">
                                <li class="mb-md-2"><a href="https://fillicafe.com/privacy-policy">Privacy Policy
                                    </a></li>
                                <li class="ps-2 pe-2">|</li>
                                <li class="mb-md-2"><a href="https://fillicafe.com/terms-of-use">Terms of Use</a></li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <div id="cookieConsentPopup" style="display: none;">
            <p>We use cookies to improve your experience. By continuing to browse the site, you agree to our use of cookies.</p>
            <button id="acceptCookiesBtn">Accept</button>
            <a target="_blank" id="closePopupBtn1" href="https://fillicafe.com/privacy-policy">Learn More</a>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.2/umd/popper.min.js"> </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
        <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
        <script src="https://fillicafe.com/public/web-assets/js/jquery.youtube-background.js" defer></script>
        <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.js' async></script>
        <script src="https://fillicafe.com/public/web-assets/js/scripts.js" async></script>

        <script>
            var token = $('meta[name="csrf-token"]').attr('content');
            $(document).ready(function() {
                $.ajax({
                    type: 'POST',
                    url: "displayblog",
                    data: {
                        _token: token
                    },
                    success: function(result) {
                        if (result == 0) {
                            $('#blogmenu').css('display', 'block');
                        } else if (result == 1) {
                            $('#blogmenu').css('display', 'none');
                        }
                    }
                })
            });

            function socialmedia() {
                $.ajax({
                    type: 'POST',
                    url: "socialmedia",
                    data: {
                        _token: token
                    },
                    success: function(result) {
                        $("#facebookurl").attr("href", result.social[0].sociallink);
                        $("#instagramurl").attr("href", result.social[1].sociallink);
                        $("#twitterurl").attr("href", result.social[2].sociallink);
                        $("#linkedinurl").attr("href", result.social[3].sociallink);
                        $('#fcopyright').html(result.footer.top_left_para);

                        $("#apple-app").attr("href", result.footer.mainheading);
                        $("#android-app").attr("href", result.footer.subheading);
                    }
                })
            }
        </script>

        <script>
            var baseurl = "https://fillicafe.com";
        </script>
        <script src="https://fillicafe.com/public/modulejs/webmaster.js" async></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDol6L6naIErfdGO6kSxsU-hhmiZs5PD70&callback=viewmap&libraries=places" async></script>
        <script src="https://fillicafe.com/public/modulejs/store-map.js" async></script>

        <script>
	new mlPushMenu( document.getElementById( 'mp-menu' ), document.getElementById( 'trigger' ) );
</script>

<script>
	$('.nav-tabs a').hover(function() {
  $(this).tab('show');
});
</script>

<script>
	AOS.init();
  </script>

<script>
	const container = document.querySelector('.wrapper');
const modal = document.querySelector('.modal');
const image = container.querySelector('.wide-image');

const itemTL = gsap.timeline({
  scrollTrigger: {
    trigger: '.image-wrap',
    start: "top 50%",
    end: "top 50%",
    scrub: 5,
    pin: true
    
  }
});

const heroImgTL = gsap.timeline({
  scrollTrigger: {
    trigger: '.hero-img',
    start: 'top top',
    end: 'bottom top',
    scrub: 1
  }
});

heroImgTL.fromTo('.hero-img__image', { y: 0 }, { y: '30%', ease: 'none'}, 0);

itemTL.fromTo(
  ".image-wrap",
  { clipPath: `polygon(30% 30%, 70% 30%, 70% 70%, 30% 70%)` },
  { clipPath: `polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)` }
)
itemTL.fromTo(image, {scale: .5}, {scale: 1}, 0);
// itemTL.fromTo(image, {scale: 1.1}, {scale: 1}, 0);

itemTL.fromTo(modal, {bottom: "-30%"}, {bottom: "30%"}, 0)

// gsap.to('.heading-title', { duration: 1.5, y: "0%", stagger: 0.4});


</script>



        <script>
            // Function to get a cookie by name
            function getCookie(name) {
                let nameEQ = name + "=";
                let cookies = document.cookie.split(';');
                for (let i = 0; i < cookies.length; i++) {
                    let c = cookies[i].trim();
                    if (c.indexOf(nameEQ) === 0) {
                        return c.substring(nameEQ.length, c.length);
                    }
                }
                return null;
            }

            // Function to set a cookie
            function setCookie(name, value, days) {
                let expires = "";
                if (days) {
                    let date = new Date();
                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                    expires = "; expires=" + date.toUTCString();
                }
                document.cookie = name + "=" + (value || "") + expires + "; path=/";
            }

            $(document).ready(function () {
                // Check if the cookieConsent cookie is already set
                if (!getCookie('cookieConsent')) {
                    // If not set, show the cookie consent popup
                    $('#cookieConsentPopup').fadeIn();
                }

                // Function to set the cookie and hide the popup
                function hidePopup() {
                    // Set the cookieConsent cookie with a value of 'accepted' and an expiration of 365 days
                    setCookie('cookieConsent', 'accepted', 365);
                    // Hide the cookie consent popup
                    $('#cookieConsentPopup').fadeOut();
                }

                // "Accept" button click event
                $('#acceptCookiesBtn').click(function () {
                    hidePopup();
                });

                // "Close" button click event
                $('#closePopupBtn').click(function () {
                    hidePopup();
                });
            });
        </script>


<script>
       function toggleSidebar() {
        const sidebar = document.getElementById('sidebar');
        const overlay = document.getElementById('overlay');
        const content = document.getElementById('content');
      
        sidebar.classList.toggle('active');
        overlay.classList.toggle('active');
        content.classList.toggle('blurred');
      }
    
</script>