{"id":1679,"date":"2024-11-22T10:35:02","date_gmt":"2024-11-22T10:35:02","guid":{"rendered":"https:\/\/themazine.com\/newwp\/orgaxi\/?page_id=1679"},"modified":"2026-08-27T07:53:55","modified_gmt":"2026-08-27T07:53:55","slug":"home-page-01","status":"publish","type":"page","link":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/","title":{"rendered":"Home Page 01"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1679\" class=\"elementor elementor-1679\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa62e6a e-con e-atomic-element e-flexbox-base e-7432af9 \" data-id=\"aa62e6a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aa62e6a\">\n    \t\t<div class=\"elementor-element elementor-element-3b360e8 elementor-widget elementor-widget-html\" data-id=\"3b360e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 SITE HEADER\r\n     Paste this whole block into an Elementor \"HTML\" widget,\r\n     placed above your existing content, full width, no padding.\r\n============================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .c3-header{\r\n    --ink:#221F1F;\r\n    --cream:#FFFDF5;\r\n    --green:#5CA670;\r\n    --orange:#F15A28;\r\n    --gold:#F2DEBA;\r\n    font-family:'Poppins',sans-serif;\r\n    position:relative;\r\n    z-index:9999;\r\n  }\r\n  .c3-header *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TOP UTILITY BAR (light) ---------- *\/\r\n  .c3-topbar{\r\n    background:var(--gold);\r\n    color:var(--ink);\r\n    font-size:13px;\r\n    font-weight:500;\r\n    letter-spacing:.02em;\r\n  }\r\n  .c3-topbar-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:9px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .c3-topbar-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .c3-topbar-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:7px;\r\n    color:var(--ink);\r\n    text-decoration:none;\r\n    white-space:nowrap;\r\n    transition:color .2s ease;\r\n  }\r\n  .c3-topbar-item:hover{color:var(--orange);}\r\n  .c3-topbar-item svg{flex:none;opacity:.75;}\r\n  .c3-topbar-item.c3-address{white-space:normal;}\r\n  .c3-topbar-right{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n  }\r\n  .c3-social{\r\n    width:28px;height:28px;\r\n    border:1px solid rgba(34,31,31,.3);\r\n    border-radius:50%;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink);\r\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;\r\n  }\r\n  .c3-social:hover{background:var(--orange);border-color:var(--orange);color:var(--cream);transform:translateY(-1px);}\r\n\r\n  \/* ---------- TICKET-PERFORATION DIVIDER ---------- *\/\r\n  .c3-perf{\r\nheight: 9px;\r\n    background: #5ca670;\r\n    background-image: radial-gradient(circle at 50% 100%, transparent 5px, #ff592f 5.5px);\r\n    background-size: 22px 18px;\r\n    background-repeat: repeat-x;\r\n    background-position: 0 5px;\r\n}\r\n  }\r\n\r\n  \/* ---------- MAIN NAV ---------- *\/\r\n  .c3-nav{\r\n    background:var(--cream);\r\n    box-shadow:0 2px 10px rgba(34,31,31,.06);\r\n  }\r\n  .c3-nav-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:14px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n  }\r\n  .c3-logo img{\r\n    height:88px;\r\n    width:auto;\r\n    display:block;\r\n  }\r\n  .c3-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    list-style:none;\r\n    margin:0;padding:0;\r\n  }\r\n  .c3-menu li{position:relative;}\r\n  .c3-menu a{\r\n    display:inline-block;\r\n    padding:10px 16px;\r\n    font-family:'Poppins',sans-serif;\r\n    font-weight:500;\r\n    font-size:15px;\r\n    color:var(--ink);\r\n    text-decoration:none;\r\n    border-radius:6px;\r\n    border-bottom:2px solid transparent;\r\n    transition:color .2s ease,border-color .2s ease;\r\n  }\r\n  .c3-menu a:hover{color:var(--orange);}\r\n\r\n  \/* current-page highlight \u2014 applied by JS to whichever link matches the page you're on *\/\r\n  .c3-menu a.c3-active{\r\n    color:var(--orange);\r\n    border-bottom:2px solid var(--orange);\r\n  }\r\n\r\n  \/* Call Now \u2014 premium pill CTA, always last item *\/\r\n  .c3-menu .c3-call a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    padding:10px 22px;\r\n    border-radius:999px;\r\n    background:var(--green);\r\n    color:var(--cream);\r\n    border-bottom:none;\r\n    box-shadow:0 4px 14px rgba(92,166,112,.35);\r\n    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;\r\n  }\r\n  .c3-menu .c3-call a svg{flex:none;}\r\n  .c3-menu .c3-call a:hover{background:#4b8f5d;color:var(--cream);box-shadow:0 6px 18px rgba(92,166,112,.45);transform:translateY(-1px);}\r\n  .c3-menu .c3-call a.c3-active{background:#4b8f5d;color:var(--cream);}\r\n\r\n  \/* hamburger (hidden on desktop) *\/\r\n  .c3-burger{\r\n    display:none;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    gap:5px;\r\n    width:42px;height:42px;\r\n    background:transparent;\r\n    border:1px solid var(--ink);\r\n    border-radius:8px;\r\n    cursor:pointer;\r\n    flex:none;\r\n  }\r\n  .c3-burger span{\r\n    display:block;\r\n    height:2px;\r\n    margin:0 9px;\r\n    background:var(--ink);\r\n    transition:transform .25s ease,opacity .25s ease;\r\n  }\r\n  .c3-header.is-open .c3-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n  .c3-header.is-open .c3-burger span:nth-child(2){opacity:0;}\r\n  .c3-header.is-open .c3-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n\r\n  \/* ---------- MOBILE MENU PANEL ---------- *\/\r\n  .c3-mobile-panel{\r\n    display:none;\r\n    background:var(--cream);\r\n    border-top:1px dashed rgba(34,31,31,.25);\r\n  }\r\n  .c3-mobile-panel .c3-menu{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    padding:14px 24px 22px;\r\n    gap:2px;\r\n  }\r\n  .c3-mobile-panel .c3-menu a{width:100%;padding:12px 6px;border-bottom:1px solid rgba(34,31,31,.08);border-radius:0;}\r\n  .c3-mobile-panel .c3-menu a.c3-active{border-bottom:1px solid rgba(34,31,31,.08);}\r\n  .c3-mobile-panel .c3-menu .c3-call{margin-top:10px;}\r\n  .c3-mobile-panel .c3-menu .c3-call a{width:100%;justify-content:center;text-align:center;border-bottom:none;border-radius:999px;}\r\n\r\n  \/* ============ RESPONSIVE BREAKPOINTS ============ *\/\r\n\r\n  \/* Tablet: hide inline desktop nav, show burger *\/\r\n  @media (max-width: 991px){\r\n    .c3-nav-inner .c3-menu.c3-desktop-menu{display:none;}\r\n    .c3-burger{display:flex;}\r\n    .c3-header.is-open .c3-mobile-panel{display:block;}\r\n  }\r\n\r\n  \/* Tablet: trim topbar *\/\r\n  @media (max-width: 768px){\r\n    .c3-topbar-item.c3-address{display:none;}\r\n    .c3-logo img{height:64px;}\r\n  }\r\n\r\n  \/* Mobile: keep topbar to phone + socials only *\/\r\n  @media (max-width: 480px){\r\n    .c3-topbar-item.c3-email{display:none;}\r\n    .c3-topbar-inner{padding:8px 16px;}\r\n    .c3-nav-inner{padding:10px 16px;}\r\n    .c3-logo img{height:52px;}\r\n  }\r\n<\/style>\r\n\r\n<header class=\"c3-header\" id=\"c3Header\">\r\n\r\n  <!-- TOP CONTACT BAR -->\r\n  <div class=\"c3-topbar\">\r\n    <div class=\"c3-topbar-inner\">\r\n      <div class=\"c3-topbar-left\">\r\n        <span class=\"c3-topbar-item c3-address\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n          CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205\r\n        <\/span>\r\n        <a href=\"tel:+919163087723\" class=\"c3-topbar-item c3-phone\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n          +91 91630 87723\r\n        <\/a>\r\n        <a href=\"mailto:info@cafecalcuttaclassic.com\" class=\"c3-topbar-item c3-email\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\r\n          info@cafecalcuttaclassic.com\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"c3-topbar-right\">\r\n        <a class=\"c3-social\" href=\"https:\/\/www.facebook.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 22v-8.5H16l.4-3H13.5V8.4c0-.9.25-1.5 1.55-1.5H16.5V4.3C16.2 4.26 15.2 4.17 14 4.17c-2.4 0-4 1.46-4 4.15v2.18H7.5v3h2.5V22h3.5z\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"c3-social\" href=\"https:\/\/www.instagram.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TICKET-PERFORATION DIVIDER -->\r\n  <div class=\"c3-perf\"><\/div>\r\n\r\n  <!-- MAIN NAV -->\r\n  <div class=\"c3-nav\">\r\n    <div class=\"c3-nav-inner\">\r\n      <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\" class=\"c3-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/C3-Logo.png\" alt=\"Cafe Calcutta Classic\">\r\n      <\/a>\r\n\r\n      <ul class=\"c3-menu c3-desktop-menu\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n        <li class=\"c3-call\">\r\n          <a href=\"tel:+919163087723\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <button class=\"c3-burger\" id=\"c3Burger\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- MOBILE PANEL -->\r\n    <div class=\"c3-mobile-panel\">\r\n      <ul class=\"c3-menu\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n        <li class=\"c3-call\">\r\n          <a href=\"tel:+919163087723\">\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n            Call Now\r\n          <\/a>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n  (function(){\r\n    var header = document.getElementById('c3Header');\r\n    var burger = document.getElementById('c3Burger');\r\n    burger.addEventListener('click', function(){\r\n      var open = header.classList.toggle('is-open');\r\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n    });\r\n\r\n    \/\/ highlight whichever menu link matches the page currently open\r\n    var currentPath = window.location.pathname.replace(\/\\\/+$\/,'') || '\/';\r\n    var links = header.querySelectorAll('.c3-menu a');\r\n    links.forEach(function(link){\r\n      if(link.getAttribute('href') === '#') return; \/\/ skip placeholder (Order Now)\r\n      try{\r\n        var linkPath = new URL(link.href, window.location.origin).pathname.replace(\/\\\/+$\/,'') || '\/';\r\n        if(linkPath === currentPath){\r\n          link.classList.add('c3-active');\r\n        }\r\n      }catch(e){}\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f3dcc42 e-con-full e-flex e-con e-parent\" data-id=\"f3dcc42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f3331 elementor-widget elementor-widget-html\" data-id=\"44f3331\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Cafe Calcutta Classic (C3) Hero Slider \u2014 Full-Width Premium Design v3 -->\r\n<!-- WordPress Elementor HTML Widget Ready -->\r\n<!-- Color Palette: Dark #221F1F | Cream #F1E7D0 | Green #5CA670 | Orange #F15A28 | Light Gold #F2DEBA -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  .c3f-section {\r\n    --c3-dark: #221F1F;\r\n    --c3-cream: #F1E7D0;\r\n    --c3-green: #5CA670;\r\n    --c3-orange: #F15A28;\r\n    --c3-gold: #F2DEBA;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .c3f-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .c3f-hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    overflow: hidden;\r\n    background: var(--c3-dark);\r\n  }\r\n\r\n  .c3f-media-slide {\r\n    position: absolute;\r\n    inset: -3%;\r\n    opacity: 0;\r\n    z-index: 1;\r\n    transition: opacity 1.3s cubic-bezier(0.4,0,0.2,1);\r\n  }\r\n\r\n  .c3f-media-slide.active {\r\n    opacity: 1;\r\n    z-index: 2;\r\n    animation: c3fKenBurns 9s ease-in-out forwards;\r\n  }\r\n\r\n  @keyframes c3fKenBurns {\r\n    0% {\r\n      transform: scale(1.15) translate(0,0);\r\n    }\r\n    100% {\r\n      transform: scale(1.02) translate(-1.2%, -1%);\r\n    }\r\n  }\r\n\r\n  .c3f-media-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    filter: saturate(1.08) contrast(1.05);\r\n  }\r\n\r\n  .c3f-media-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    background:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(34,31,31,0.92) 0%,\r\n        rgba(34,31,31,0.55) 38%,\r\n        rgba(34,31,31,0.25) 62%,\r\n        rgba(34,31,31,0.55) 100%\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(34,31,31,0.5) 0%,\r\n        transparent 55%\r\n      );\r\n  }\r\n\r\n  .c3f-media-tint {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    mix-blend-mode: multiply;\r\n    opacity: 0.25;\r\n    transition: background 1s ease;\r\n  }\r\n\r\n  .c3f-pattern-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 4;\r\n    background-image:\r\n      repeating-linear-gradient(\r\n        45deg,\r\n        transparent,\r\n        transparent 40px,\r\n        rgba(242,222,186,0.03) 40px,\r\n        rgba(242,222,186,0.03) 41px\r\n      );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .c3f-frame {\r\n    position: absolute;\r\n    inset: 26px;\r\n    border: 1px solid rgba(242, 222, 186, 0.35);\r\n    z-index: 5;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .c3f-frame::before,\r\n  .c3f-frame::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  .c3f-frame::before {\r\n    top: -1px;\r\n    left: -1px;\r\n    border-top: 2px solid var(--c3-gold);\r\n    border-left: 2px solid var(--c3-gold);\r\n  }\r\n\r\n  .c3f-frame::after {\r\n    bottom: -1px;\r\n    right: -1px;\r\n    border-bottom: 2px solid var(--c3-gold);\r\n    border-right: 2px solid var(--c3-gold);\r\n  }\r\n\r\n  .c3f-badge {\r\n    position: absolute;\r\n    top: 40px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 8;\r\n    background: rgba(34,31,31,0.4);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(242,222,186,0.35);\r\n    color: var(--c3-cream);\r\n    padding: 0.6rem 1.4rem;\r\n    font-size: 0.75rem;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    animation: c3fFloat 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes c3fFloat {\r\n    0%, 100% {\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateX(-50%) translateY(-8px);\r\n    }\r\n  }\r\n\r\n  .c3f-particle {\r\n    position: absolute;\r\n    z-index: 4;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: c3fParticleFloat 14s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .c3f-particle--1 {\r\n    width: 220px;\r\n    height: 220px;\r\n    top: 10%;\r\n    left: 6%;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(92,166,112,0.14) 0%,\r\n      transparent 70%\r\n    );\r\n  }\r\n\r\n  .c3f-particle--2 {\r\n    width: 260px;\r\n    height: 260px;\r\n    bottom: 8%;\r\n    right: 8%;\r\n    animation-delay: 5s;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(241,90,40,0.10) 0%,\r\n      transparent 70%\r\n    );\r\n  }\r\n\r\n  @keyframes c3fParticleFloat {\r\n    0% {\r\n      transform: translate(0,0) scale(1);\r\n    }\r\n    50% {\r\n      transform: translate(25px,-20px) scale(1.1);\r\n    }\r\n    100% {\r\n      transform: translate(-15px,15px) scale(0.95);\r\n    }\r\n  }\r\n\r\n  .c3f-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    padding: 0 6vw 5rem;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 3rem;\r\n  }\r\n\r\n  .c3f-slide-content {\r\n    display: none;\r\n    max-width: 760px;\r\n  }\r\n\r\n  .c3f-slide-content.active {\r\n    display: block;\r\n  }\r\n\r\n  .c3f-slide-content.active .c3f-eyebrow,\r\n  .c3f-slide-content.active .c3f-heading-line,\r\n  .c3f-slide-content.active .c3f-text,\r\n  .c3f-slide-content.active .c3f-btn-row {\r\n    animation: c3fRise 0.9s cubic-bezier(0.16,1,0.3,1) forwards;\r\n  }\r\n\r\n  .c3f-slide-content.active .c3f-eyebrow {\r\n    animation-delay: 0.05s;\r\n  }\r\n\r\n  .c3f-slide-content.active .c3f-heading-line:nth-child(1) {\r\n    animation-delay: 0.15s;\r\n  }\r\n\r\n  .c3f-slide-content.active .c3f-heading-line:nth-child(2) {\r\n    animation-delay: 0.25s;\r\n  }\r\n\r\n  .c3f-slide-content.active .c3f-text {\r\n    animation-delay: 0.4s;\r\n  }\r\n\r\n  .c3f-slide-content.active .c3f-btn-row {\r\n    animation-delay: 0.55s;\r\n  }\r\n\r\n  .c3f-eyebrow,\r\n  .c3f-heading-line,\r\n  .c3f-text,\r\n  .c3f-btn-row {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n  }\r\n\r\n  @keyframes c3fRise {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  .c3f-eyebrow {\r\n    font-weight: 600;\r\n    font-size: clamp(0.7rem, 1vw, 0.85rem);\r\n    letter-spacing: 0.28em;\r\n    text-transform: uppercase;\r\n    color: var(--c3-gold);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.7rem;\r\n    margin-bottom: 1.3rem;\r\n  }\r\n\r\n  .c3f-eyebrow::before {\r\n    content: '';\r\n    width: 34px;\r\n    height: 2px;\r\n    background: var(--c3-orange);\r\n    display: inline-block;\r\n  }\r\n\r\n  .c3f-heading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(2.2rem, 4.8vw, 4.2rem);\r\n    color: var(--c3-cream);\r\n    margin: 0 0 1.2rem;\r\n    line-height: 1.12;\r\n    text-shadow: 0 4px 24px rgba(0,0,0,0.35);\r\n  }\r\n\r\n  .c3f-heading-line {\r\n    display: block;\r\n  }\r\n\r\n  .c3f-heading span {\r\n    color: var(--c3-green);\r\n    position: relative;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .c3f-text {\r\n    font-weight: 300;\r\n    font-size: clamp(0.95rem, 1.2vw, 1.15rem);\r\n    line-height: 1.8;\r\n    color: rgba(241,231,208,0.85);\r\n    margin: 0 0 2rem;\r\n    max-width: 560px;\r\n  }\r\n\r\n  .c3f-btn-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1.6rem;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .c3f-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    font-weight: 600;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    padding: 1rem 2.4rem;\r\n    background: var(--c3-green);\r\n    color: #fff;\r\n    border: none;\r\n    text-decoration: none;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow:\r\n      0 10px 30px rgba(92,166,112,0.4),\r\n      0 2px 6px rgba(0,0,0,0.2);\r\n    transition:\r\n      box-shadow 0.35s ease,\r\n      transform 0.35s ease;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .c3f-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--c3-orange);\r\n    transform: translateX(-101%);\r\n    transition: transform 0.45s cubic-bezier(0.65,0,0.35,1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .c3f-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow:\r\n      0 16px 40px rgba(241,90,40,0.45),\r\n      0 4px 10px rgba(0,0,0,0.25);\r\n  }\r\n\r\n  .c3f-btn:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .c3f-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .c3f-btn:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .c3f-secondary-link {\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: var(--c3-cream);\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(241,231,208,0.4);\r\n    transition:\r\n      border-color 0.3s ease,\r\n      color 0.3s ease;\r\n  }\r\n\r\n  .c3f-secondary-link:hover {\r\n    color: var(--c3-orange);\r\n    border-color: var(--c3-orange);\r\n  }\r\n\r\n  .c3f-side-controls {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n    gap: 1.6rem;\r\n    flex-shrink: 0;\r\n    padding-bottom: 0.4rem;\r\n  }\r\n\r\n  .c3f-counter {\r\n    color: var(--c3-cream);\r\n    font-family: 'Playfair Display', serif;\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 0.35rem;\r\n    text-shadow: 0 2px 12px rgba(0,0,0,0.5);\r\n  }\r\n\r\n  .c3f-counter .current {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .c3f-counter .divider {\r\n    opacity: 0.5;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .c3f-counter .total {\r\n    opacity: 0.65;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .c3f-counter-track {\r\n    width: 130px;\r\n    height: 2px;\r\n    background: rgba(242,222,186,0.25);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .c3f-counter-fill {\r\n    height: 100%;\r\n    width: 0%;\r\n    background: var(--c3-orange);\r\n    box-shadow: 0 0 10px rgba(241,90,40,0.8);\r\n  }\r\n\r\n  .c3f-counter-fill.animate {\r\n    animation: c3fFill 5s linear forwards;\r\n  }\r\n\r\n  @keyframes c3fFill {\r\n    from {\r\n      width: 0%;\r\n    }\r\n    to {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .c3f-dots {\r\n    display: flex;\r\n    gap: 0.7rem;\r\n  }\r\n\r\n  .c3f-dot {\r\n    position: relative;\r\n    width: 30px;\r\n    height: 4px;\r\n    background: rgba(241,231,208,0.22);\r\n    border: none;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .c3f-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--c3-green);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .c3f-dot.active::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .c3f-dot:hover::after {\r\n    transform: scaleX(1);\r\n    background: rgba(92,166,112,0.6);\r\n  }\r\n\r\n  .c3f-arrows {\r\n    display: flex;\r\n    gap: 0.6rem;\r\n  }\r\n\r\n  .c3f-arrow {\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(242,222,186,0.4);\r\n    background: rgba(34,31,31,0.35);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    color: var(--c3-cream);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .c3f-arrow:hover {\r\n    background: var(--c3-orange);\r\n    border-color: var(--c3-orange);\r\n    transform: scale(1.08);\r\n    box-shadow: 0 8px 24px rgba(241,90,40,0.4);\r\n  }\r\n\r\n  .c3f-arrow svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .c3f-content {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 2rem;\r\n      padding: 0 6vw 3.4rem;\r\n    }\r\n\r\n    .c3f-side-controls {\r\n      align-items: flex-start;\r\n      width: 100%;\r\n    }\r\n\r\n    .c3f-frame {\r\n      inset: 14px;\r\n    }\r\n\r\n    .c3f-badge {\r\n      top: 24px;\r\n      font-size: 0.65rem;\r\n      padding: 0.5rem 1rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .c3f-btn {\r\n      padding: 0.85rem 1.9rem;\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    .c3f-dot {\r\n      width: 22px;\r\n    }\r\n\r\n    .c3f-arrows {\r\n      display: none;\r\n    }\r\n\r\n    .c3f-counter-track {\r\n      width: 90px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"c3f-section\">\r\n\r\n  <section class=\"c3f-hero\">\r\n\r\n    <!-- Slide 1 -->\r\n    <div class=\"c3f-media-slide active\" data-slide=\"0\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/1.jpg\"\r\n        alt=\"Cafe Calcutta Classic interior\"\r\n      >\r\n    <\/div>\r\n\r\n    <!-- Slide 2 -->\r\n    <div class=\"c3f-media-slide\" data-slide=\"1\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/2.jpg\"\r\n        alt=\"Cafe Calcutta Classic food\"\r\n      >\r\n    <\/div>\r\n\r\n    <!-- Slide 3 -->\r\n    <div class=\"c3f-media-slide\" data-slide=\"2\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/3.jpg\"\r\n        alt=\"Cafe Calcutta Classic live music\"\r\n      >\r\n    <\/div>\r\n\r\n\r\n    <div class=\"c3f-media-overlay\"><\/div>\r\n\r\n    <div class=\"c3f-media-tint\"><\/div>\r\n\r\n    <div class=\"c3f-pattern-overlay\"><\/div>\r\n\r\n    <div class=\"c3f-frame\"><\/div>\r\n\r\n\r\n    <div class=\"c3f-particle c3f-particle--1\"><\/div>\r\n\r\n    <div class=\"c3f-particle c3f-particle--2\"><\/div>\r\n\r\n\r\n    <div class=\"c3f-badge\">\r\n      A Classic Taste of Kolkata\r\n    <\/div>\r\n\r\n\r\n    <div class=\"c3f-content\">\r\n\r\n      <!-- Slide 1 Content -->\r\n      <div class=\"c3f-slide-content active\" data-slide=\"0\">\r\n\r\n        <div class=\"c3f-eyebrow\">\r\n          Welcome to C3\r\n        <\/div>\r\n\r\n        <h1 class=\"c3f-heading\">\r\n\r\n          <span class=\"c3f-heading-line\">\r\n            Where Kolkata Meets the\r\n          <\/span>\r\n\r\n          <span class=\"c3f-heading-line\">\r\n            <span>Classic<\/span> Caf\u00e9 Experience\r\n          <\/span>\r\n\r\n        <\/h1>\r\n\r\n        <p class=\"c3f-text\">\r\n          Good food, warm conversations, timeless interiors and live music \u2014\r\n          welcome to Cafe Calcutta Classic.\r\n        <\/p>\r\n\r\n        <div class=\"c3f-btn-row\">\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\" class=\"c3f-btn\">\r\n            Explore C3\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            >\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/order-now\" class=\"c3f-secondary-link\">\r\n            View Menu\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Slide 2 Content -->\r\n      <div class=\"c3f-slide-content\" data-slide=\"1\">\r\n\r\n        <div class=\"c3f-eyebrow\">\r\n          500+ Choices\r\n        <\/div>\r\n\r\n        <h2 class=\"c3f-heading\">\r\n\r\n          <span class=\"c3f-heading-line\">\r\n            Good Food.\r\n          <\/span>\r\n\r\n          <span class=\"c3f-heading-line\">\r\n            <span>Great Atmosphere.<\/span>\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n        <p class=\"c3f-text\">\r\n          From comforting classics to contemporary favourites,\r\n          discover a menu made for every palate in a setting inspired by Kolkata.\r\n        <\/p>\r\n\r\n        <div class=\"c3f-btn-row\">\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/order-now\" class=\"c3f-btn\">\r\n            Order Now\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            >\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\" class=\"c3f-secondary-link\">\r\n            See Gallery\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Slide 3 Content -->\r\n      <div class=\"c3f-slide-content\" data-slide=\"2\">\r\n\r\n        <div class=\"c3f-eyebrow\">\r\n          Music at C3\r\n        <\/div>\r\n\r\n        <h2 class=\"c3f-heading\">\r\n\r\n          <span class=\"c3f-heading-line\">\r\n            Where the Caf\u00e9 Finds\r\n          <\/span>\r\n\r\n          <span class=\"c3f-heading-line\">\r\n            <span>Its Rhythm<\/span>\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n        <p class=\"c3f-text\">\r\n          Enjoy Western, Bollywood and Folk-based live performances\r\n          while you eat, meet and spend the evening at C3.\r\n        <\/p>\r\n\r\n        <div class=\"c3f-btn-row\">\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\" class=\"c3f-btn\">\r\n            Live Show Booking\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2.5\"\r\n            >\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/order-now\" class=\"c3f-secondary-link\">\r\n            Book a Table\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- Slider Controls -->\r\n      <div class=\"c3f-side-controls\">\r\n\r\n        <div class=\"c3f-counter\">\r\n\r\n          <span class=\"current\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"divider\">\r\n            \/\r\n          <\/span>\r\n\r\n          <span class=\"total\">\r\n            03\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"c3f-counter-track\">\r\n\r\n          <div class=\"c3f-counter-fill animate\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"c3f-dots\">\r\n\r\n          <button\r\n            class=\"c3f-dot active\"\r\n            data-slide=\"0\"\r\n            aria-label=\"Slide 1\"\r\n          ><\/button>\r\n\r\n          <button\r\n            class=\"c3f-dot\"\r\n            data-slide=\"1\"\r\n            aria-label=\"Slide 2\"\r\n          ><\/button>\r\n\r\n          <button\r\n            class=\"c3f-dot\"\r\n            data-slide=\"2\"\r\n            aria-label=\"Slide 3\"\r\n          ><\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"c3f-arrows\">\r\n\r\n          <button\r\n            class=\"c3f-arrow\"\r\n            data-dir=\"prev\"\r\n            aria-label=\"Previous slide\"\r\n          >\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M15 18l-6-6 6-6\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            class=\"c3f-arrow\"\r\n            data-dir=\"next\"\r\n            aria-label=\"Next slide\"\r\n          >\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n              <path d=\"M9 18l6-6-6-6\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function() {\r\n\r\n  'use strict';\r\n\r\n  const mediaSlides =\r\n    document.querySelectorAll('.c3f-media-slide');\r\n\r\n  const textSlides =\r\n    document.querySelectorAll('.c3f-slide-content');\r\n\r\n  const dots =\r\n    document.querySelectorAll('.c3f-dot');\r\n\r\n  const counterCurrent =\r\n    document.querySelector('.c3f-counter .current');\r\n\r\n  const fillBar =\r\n    document.querySelector('.c3f-counter-fill');\r\n\r\n  const tintEl =\r\n    document.querySelector('.c3f-media-tint');\r\n\r\n\r\n  const tintColors = [\r\n    '#5CA670',\r\n    '#F15A28',\r\n    '#F2DEBA'\r\n  ];\r\n\r\n\r\n  let currentSlide = 0;\r\n  let interval;\r\n\r\n\r\n  function pad(n) {\r\n    return String(n + 1).padStart(2, '0');\r\n  }\r\n\r\n\r\n  function restartFill() {\r\n\r\n    if (!fillBar) return;\r\n\r\n    fillBar.classList.remove('animate');\r\n\r\n    void fillBar.offsetWidth;\r\n\r\n    fillBar.classList.add('animate');\r\n\r\n  }\r\n\r\n\r\n  function goToSlide(index) {\r\n\r\n    mediaSlides.forEach((slide, i) => {\r\n\r\n      slide.classList.toggle(\r\n        'active',\r\n        i === index\r\n      );\r\n\r\n      if (i === index) {\r\n\r\n        slide.style.animation = 'none';\r\n\r\n        void slide.offsetWidth;\r\n\r\n        slide.style.animation = '';\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    textSlides.forEach((slide, i) => {\r\n\r\n      slide.classList.toggle(\r\n        'active',\r\n        i === index\r\n      );\r\n\r\n    });\r\n\r\n\r\n    dots.forEach((dot, i) => {\r\n\r\n      dot.classList.toggle(\r\n        'active',\r\n        i === index\r\n      );\r\n\r\n    });\r\n\r\n\r\n    if (counterCurrent) {\r\n\r\n      counterCurrent.textContent =\r\n        pad(index);\r\n\r\n    }\r\n\r\n\r\n    if (tintEl) {\r\n\r\n      tintEl.style.background =\r\n        `radial-gradient(\r\n          circle at 30% 70%,\r\n          ${tintColors[index]},\r\n          transparent 60%\r\n        )`;\r\n\r\n    }\r\n\r\n\r\n    restartFill();\r\n\r\n    currentSlide = index;\r\n\r\n  }\r\n\r\n\r\n  function nextSlide() {\r\n\r\n    goToSlide(\r\n      (currentSlide + 1) % mediaSlides.length\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function prevSlide() {\r\n\r\n    goToSlide(\r\n      (currentSlide - 1 + mediaSlides.length)\r\n      % mediaSlides.length\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function startAutoplay() {\r\n\r\n    if (interval) {\r\n      clearInterval(interval);\r\n    }\r\n\r\n    interval = setInterval(\r\n      nextSlide,\r\n      5000\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function stopAutoplay() {\r\n\r\n    if (interval) {\r\n\r\n      clearInterval(interval);\r\n\r\n      interval = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  dots.forEach((dot) => {\r\n\r\n    dot.addEventListener(\r\n      'click',\r\n      function() {\r\n\r\n        const index =\r\n          parseInt(\r\n            this.getAttribute('data-slide'),\r\n            10\r\n          );\r\n\r\n        if (index !== currentSlide) {\r\n\r\n          goToSlide(index);\r\n\r\n          startAutoplay();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n\r\n  document\r\n    .querySelectorAll('.c3f-arrow')\r\n    .forEach((btn) => {\r\n\r\n      btn.addEventListener(\r\n        'click',\r\n        function() {\r\n\r\n          this.getAttribute('data-dir') === 'next'\r\n            ? nextSlide()\r\n            : prevSlide();\r\n\r\n          startAutoplay();\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n\r\n  const hero =\r\n    document.querySelector('.c3f-hero');\r\n\r\n\r\n  let touchStartX = 0;\r\n  let touchEndX = 0;\r\n\r\n\r\n  hero.addEventListener(\r\n    'touchstart',\r\n    e => {\r\n\r\n      touchStartX =\r\n        e.changedTouches[0].screenX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  hero.addEventListener(\r\n    'touchend',\r\n    e => {\r\n\r\n      touchEndX =\r\n        e.changedTouches[0].screenX;\r\n\r\n      const diff =\r\n        touchStartX - touchEndX;\r\n\r\n\r\n      if (Math.abs(diff) > 40) {\r\n\r\n        diff > 0\r\n          ? nextSlide()\r\n          : prevSlide();\r\n\r\n        startAutoplay();\r\n\r\n      }\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    e => {\r\n\r\n      if (e.key === 'ArrowRight') {\r\n\r\n        nextSlide();\r\n\r\n        startAutoplay();\r\n\r\n      }\r\n      else if (e.key === 'ArrowLeft') {\r\n\r\n        prevSlide();\r\n\r\n        startAutoplay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  hero.addEventListener(\r\n    'mouseenter',\r\n    stopAutoplay\r\n  );\r\n\r\n\r\n  hero.addEventListener(\r\n    'mouseleave',\r\n    startAutoplay\r\n  );\r\n\r\n\r\n  startAutoplay();\r\n\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1d8e42 e-con e-atomic-element e-flexbox-base e-1dbf40e \" data-id=\"b1d8e42\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b1d8e42\">\n    \t\t<div class=\"elementor-element elementor-element-589e8b8 elementor-widget elementor-widget-html\" data-id=\"589e8b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ============================================\r\n     C3 EXPERIENCE SECTION\r\n     Elementor HTML Widget Ready\r\n     ============================================ *\/\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n  .c3-experience-section {\r\n    --c3-dark: #221F1F;\r\n    --c3-cream: #F1E7D0;\r\n    --c3-green: #5CA670;\r\n    --c3-orange: #F15A28;\r\n    --c3-gold: #F2DEBA;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .c3-experience-section *,\r\n  .c3-experience-section *::before,\r\n  .c3-experience-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ============================================\r\n     MAIN SECTION\r\n     ============================================ *\/\r\n\r\n  .c3-experience {\r\n    display: flex;\r\n    min-height: 100vh;\r\n    background: var(--c3-cream);\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  \/* ============================================\r\n     LEFT CONTENT\r\n     ============================================ *\/\r\n\r\n  .c3-experience-content {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 3.5rem 3rem;\r\n    position: relative;\r\n    z-index: 2;\r\n    min-width: 50%;\r\n  }\r\n\r\n  .c3-content-inner {\r\n    max-width: 560px;\r\n    width: 100%;\r\n    animation: c3FadeUp 1s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n\r\n  @keyframes c3FadeUp {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* ============================================\r\n     BADGE\r\n     ============================================ *\/\r\n\r\n  .c3-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--c3-orange);\r\n    background: rgba(241, 90, 40, 0.07);\r\n    display: inline-block;\r\n    padding: 0.34rem 1.05rem;\r\n    border-left: 2px solid var(--c3-orange);\r\n    border-right: 2px solid var(--c3-orange);\r\n    margin-bottom: 1.1rem;\r\n  }\r\n\r\n  \/* ============================================\r\n     HEADING\r\n     ============================================ *\/\r\n\r\n  .c3-experience-heading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(2rem, 5vw, 3.15rem);\r\n    color: var(--c3-dark);\r\n    line-height: 1.13;\r\n    letter-spacing: -0.025em;\r\n    margin: 0 0 0.65rem;\r\n  }\r\n\r\n  .c3-experience-heading span {\r\n    color: var(--c3-green);\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* ============================================\r\n     SUBHEADING\r\n     ============================================ *\/\r\n\r\n  .c3-experience-subheading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-size: clamp(1rem, 1.8vw, 1.25rem);\r\n    color: var(--c3-orange);\r\n    line-height: 1.5;\r\n    margin: 0 0 1.35rem;\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* ============================================\r\n     DESCRIPTION\r\n     ============================================ *\/\r\n\r\n  .c3-experience-text {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 300;\r\n    font-size: clamp(0.92rem, 1.35vw, 1.04rem);\r\n    line-height: 1.78;\r\n    color: rgba(34, 31, 31, 0.80);\r\n    margin: 0 0 1.35rem;\r\n  }\r\n\r\n  .c3-experience-text p {\r\n    margin: 0 0 0.85rem;\r\n  }\r\n\r\n  .c3-experience-text p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .c3-experience-text strong {\r\n    color: var(--c3-green);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ============================================\r\n     TAGLINE\r\n     ============================================ *\/\r\n\r\n  .c3-tagline-block {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(0.94rem, 1.5vw, 1.08rem);\r\n    line-height: 1.5;\r\n    color: var(--c3-dark);\r\n    border-top: 2px solid var(--c3-gold);\r\n    border-bottom: 2px solid var(--c3-gold);\r\n    padding: 0.72rem 1rem;\r\n    margin: 1.35rem 0 1.8rem;\r\n    text-align: center;\r\n    letter-spacing: 0.015em;\r\n    background: rgba(242, 222, 186, 0.15);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .c3-tagline-block span {\r\n    color: var(--c3-green);\r\n  }\r\n\r\n  \/* ============================================\r\n     BUTTON\r\n     ============================================ *\/\r\n\r\n  .c3-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.78rem;\r\n    letter-spacing: 0.08em;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    padding: 0.82rem 2rem;\r\n    min-height: 46px;\r\n    background: var(--c3-green);\r\n    color: #ffffff !important;\r\n    border: 1.5px solid var(--c3-green);\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 16px rgba(92, 166, 112, 0.18);\r\n    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  \/* Orange hover fill *\/\r\n  .c3-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--c3-orange);\r\n    border-radius: 50px;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.3, 1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .c3-btn:hover {\r\n    color: #ffffff !important;\r\n    border-color: var(--c3-orange);\r\n    box-shadow: 0 7px 24px rgba(241, 90, 40, 0.20);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .c3-btn:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .c3-btn:active {\r\n    transform: translateY(0) scale(0.98);\r\n  }\r\n\r\n  \/* ============================================\r\n     RIGHT IMAGE AREA\r\n     ============================================ *\/\r\n\r\n  .c3-experience-image {\r\n    flex: 1;\r\n    position: relative;\r\n    min-height: 400px;\r\n    background: var(--c3-cream);\r\n    overflow: hidden;\r\n    z-index: 1;\r\n  }\r\n\r\n  .c3-image-wrapper {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(circle at 30% 40%, rgba(92, 166, 112, 0.10) 0%, transparent 50%),\r\n      radial-gradient(circle at 70% 60%, rgba(242, 222, 186, 0.20) 0%, transparent 40%),\r\n      radial-gradient(circle at 50% 80%, rgba(241, 90, 40, 0.06) 0%, transparent 30%);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  .c3-image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .c3-experience-image:hover .c3-image-wrapper img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  \/* ============================================\r\n     IMAGE FRAME\r\n     ============================================ *\/\r\n\r\n  .c3-image-frame {\r\n    position: absolute;\r\n    inset: 20px;\r\n    border: 2px solid rgba(242, 222, 186, 0.30);\r\n    z-index: 3;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .c3-image-frame::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -8px;\r\n    left: -8px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-top: 3px solid var(--c3-orange);\r\n    border-left: 3px solid var(--c3-orange);\r\n  }\r\n\r\n  .c3-image-frame::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    right: -8px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-bottom: 3px solid var(--c3-green);\r\n    border-right: 3px solid var(--c3-green);\r\n  }\r\n\r\n  \/* ============================================\r\n     IMAGE ORNAMENTS\r\n     ============================================ *\/\r\n\r\n  .c3-image-ornament {\r\n    position: absolute;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .c3-image-ornament--1 {\r\n    width: 200px;\r\n    height: 200px;\r\n    bottom: 10%;\r\n    right: 5%;\r\n    background: radial-gradient(circle, rgba(92, 166, 112, 0.08) 0%, transparent 70%);\r\n  }\r\n\r\n  .c3-image-ornament--2 {\r\n    width: 120px;\r\n    height: 120px;\r\n    top: 15%;\r\n    left: 8%;\r\n    background: radial-gradient(circle, rgba(241, 90, 40, 0.06) 0%, transparent 70%);\r\n  }\r\n\r\n  \/* ============================================\r\n     TABLET\r\n     ============================================ *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .c3-experience {\r\n      flex-direction: column;\r\n      min-height: auto;\r\n    }\r\n\r\n    .c3-experience-image {\r\n      order: 1;\r\n      min-height: 45vh;\r\n      flex: 0 0 45vh;\r\n    }\r\n\r\n    .c3-experience-content {\r\n      order: 2;\r\n      min-width: 100%;\r\n      padding: 2.8rem 2rem;\r\n    }\r\n\r\n    .c3-content-inner {\r\n      max-width: 650px;\r\n    }\r\n\r\n    .c3-experience-heading {\r\n      font-size: clamp(2rem, 6vw, 2.8rem);\r\n    }\r\n\r\n    .c3-experience-text {\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .c3-image-frame {\r\n      inset: 15px;\r\n    }\r\n\r\n    .c3-image-frame::before,\r\n    .c3-image-frame::after {\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n  }\r\n\r\n  \/* ============================================\r\n     MOBILE\r\n     ============================================ *\/\r\n\r\n  @media (max-width: 480px) {\r\n    .c3-experience-image {\r\n      min-height: 30vh;\r\n      flex: 0 0 30vh;\r\n    }\r\n\r\n    .c3-experience-content {\r\n      padding: 2.2rem 1.2rem 2.5rem;\r\n    }\r\n\r\n    .c3-badge {\r\n      font-size: 0.62rem;\r\n      letter-spacing: 0.16em;\r\n      padding: 0.32rem 0.85rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .c3-experience-heading {\r\n      font-size: 2rem;\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n      margin-bottom: 0.55rem;\r\n    }\r\n\r\n    .c3-experience-subheading {\r\n      font-size: 1rem;\r\n      margin-bottom: 1.15rem;\r\n    }\r\n\r\n    .c3-experience-text {\r\n      font-size: 0.91rem;\r\n      line-height: 1.72;\r\n      margin-bottom: 1.1rem;\r\n    }\r\n\r\n    .c3-experience-text p {\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .c3-tagline-block {\r\n      font-size: 0.9rem;\r\n      line-height: 1.45;\r\n      padding: 0.65rem 0.75rem;\r\n      margin: 1.1rem 0 1.5rem;\r\n    }\r\n\r\n    .c3-btn {\r\n      font-size: 0.72rem;\r\n      letter-spacing: 0.07em;\r\n      padding: 0.76rem 1.65rem;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .c3-image-frame {\r\n      inset: 10px;\r\n    }\r\n  }\r\n\r\n  \/* ============================================\r\n     REDUCED MOTION\r\n     ============================================ *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .c3-content-inner {\r\n      animation: none;\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .c3-btn,\r\n    .c3-btn::before,\r\n    .c3-image-wrapper,\r\n    .c3-image-wrapper img {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"c3-experience-section\">\r\n  <section class=\"c3-experience\">\r\n\r\n    <!-- =========================================\r\n         LEFT CONTENT\r\n         ========================================= -->\r\n    <div class=\"c3-experience-content\">\r\n      <div class=\"c3-content-inner\">\r\n        <div class=\"c3-badge\">\r\n          The Cafe Calcutta Classic Experience\r\n        <\/div>\r\n\r\n        <h2 class=\"c3-experience-heading\">\r\n          More Than a Caf\u00e9.<br>\r\n          <span>A Part of Your Everyday.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"c3-experience-subheading\">\r\n          \u2014 Cafe Calcutta Classic is built around a simple idea \u2014\r\n        <\/p>\r\n\r\n        <div class=\"c3-experience-text\">\r\n          <p>\r\n            A caf\u00e9 should feel like a place you belong.\r\n          <\/p>\r\n          <p>\r\n            Some days call for a quick coffee. Some call for a\r\n            long lunch, an evening with friends or a table where\r\n            conversations can continue for hours. There are days\r\n            when you need a comfortable place to work, and days\r\n            when there is something worth celebrating.\r\n          <\/p>\r\n          <p>\r\n            <strong>Cafe Calcutta Classic<\/strong>\r\n            brings food, atmosphere and entertainment together\r\n            under one roof, giving each visit its own character.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"c3-tagline-block\">\r\n          Come for the food.\r\n          <span>Stay for the ambience.<\/span>\r\n          Return for the memories.\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\" class=\"c3-btn\">\r\n          Discover Cafe Calcutta Classic\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         RIGHT IMAGE\r\n         ========================================= -->\r\n    <div class=\"c3-experience-image\">\r\n      <div class=\"c3-image-wrapper\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/667354030_994164669610296_7459138356716240669_n.jpg\"\r\n          alt=\"Cafe Calcutta Classic Experience\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- Image Frame -->\r\n      <div class=\"c3-image-frame\"><\/div>\r\n\r\n      <!-- Decorative Ornaments -->\r\n      <div class=\"c3-image-ornament c3-image-ornament--1\"><\/div>\r\n      <div class=\"c3-image-ornament c3-image-ornament--2\"><\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/* ============================================\r\n       BUTTON MICRO INTERACTION\r\n       ============================================ *\/\r\n    const btn = document.querySelector('.c3-experience-section .c3-btn');\r\n    if (btn) {\r\n      btn.addEventListener('click', function(e) {\r\n        if (this.getAttribute('href') === '#') {\r\n          e.preventDefault();\r\n        }\r\n        this.style.transform = 'scale(0.97)';\r\n        setTimeout(() => {\r\n          this.style.transform = '';\r\n        }, 140);\r\n      });\r\n    }\r\n\r\n    \/* ============================================\r\n       SUBTLE IMAGE PARALLAX\r\n       ============================================ *\/\r\n    const imageSection = document.querySelector('.c3-experience-section .c3-experience-image');\r\n    if (imageSection) {\r\n      imageSection.addEventListener('mousemove', function(e) {\r\n        const rect = this.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        const centerX = rect.width \/ 2;\r\n        const centerY = rect.height \/ 2;\r\n        const shiftX = (x - centerX) \/ 30;\r\n        const shiftY = (y - centerY) \/ 30;\r\n\r\n        const wrapper = this.querySelector('.c3-image-wrapper');\r\n        if (wrapper) {\r\n          wrapper.style.transform =\r\n            'translate(' + (shiftX * 0.3) + 'px, ' + (shiftY * 0.3) + 'px)';\r\n          wrapper.style.transition = 'transform 0.1s ease';\r\n        }\r\n      });\r\n\r\n      imageSection.addEventListener('mouseleave', function() {\r\n        const wrapper = this.querySelector('.c3-image-wrapper');\r\n        if (wrapper) {\r\n          wrapper.style.transform = 'translate(0, 0)';\r\n          wrapper.style.transition = 'transform 0.5s ease';\r\n        }\r\n      });\r\n    }\r\n\r\n    \/* ============================================\r\n       SCROLL ANIMATION\r\n       ============================================ *\/\r\n    const section = document.querySelector('.c3-experience-section .c3-experience');\r\n    if (section && 'IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver(\r\n        function(entries) {\r\n          entries.forEach(function(entry) {\r\n            if (entry.isIntersecting) {\r\n              const inner = section.querySelector('.c3-content-inner');\r\n              if (inner) {\r\n                inner.style.animation = 'c3FadeUp 1s cubic-bezier(0.2, 0.9, 0.3, 1) forwards';\r\n              }\r\n              observer.unobserve(section);\r\n            }\r\n          });\r\n        }, {\r\n          threshold: 0.2\r\n        }\r\n      );\r\n      observer.observe(section);\r\n    }\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2a2ffca e-con e-atomic-element e-flexbox-base e-2210e79 \" data-id=\"2a2ffca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2a2ffca\">\n    \t\t<div class=\"elementor-element elementor-element-a69d85c elementor-widget elementor-widget-html\" data-id=\"a69d85c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 QUICK HIGHLIGHTS\r\n     PREMIUM EDITORIAL \/ COFFEE MENU STYLE\r\n     Elementor HTML Widget Ready\r\n     ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=Great+Vibes&display=swap');\r\n\r\n\r\n  \/* ============================================================\r\n     ROOT SECTION\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-highlights {\r\n    --paper: #F1E7D0;\r\n    --paper-light: #FFF9ED;\r\n    --coffee: #221F1F;\r\n    --coffee-light: #49362F;\r\n    --muted: #655A54;\r\n    --green: #5CA670;\r\n    --orange: #F15A28;\r\n    --gold: #D8B87A;\r\n    --line: rgba(34, 31, 31, .15);\r\n\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    background:\r\n      radial-gradient(circle at 15% 15%, rgba(255, 255, 255, .65), transparent 28%),\r\n      radial-gradient(circle at 90% 85%, rgba(92, 166, 112, .08), transparent 25%),\r\n      linear-gradient(135deg, #F1E7D0 0%, #F8F0DD 50%, #F1E7D0 100%);\r\n\r\n    color: var(--coffee);\r\n    font-family: 'DM Sans', sans-serif;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    animation: cccFadeInUp 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  }\r\n\r\n  @keyframes cccFadeInUp {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     GLOBAL\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-highlights *,\r\n  .ccc-editorial-highlights *::before,\r\n  .ccc-editorial-highlights *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ccc-editorial-highlights img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .ccc-editorial-highlights a {\r\n    text-decoration: none;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     PAPER TEXTURE\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-highlights::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: .35;\r\n\r\n    background-image:\r\n      repeating-linear-gradient(0deg, rgba(34, 31, 31, .018) 0px, rgba(34, 31, 31, .018) 1px, transparent 1px, transparent 4px),\r\n      repeating-linear-gradient(90deg, rgba(34, 31, 31, .008) 0px, rgba(34, 31, 31, .008) 1px, transparent 1px, transparent 5px);\r\n\r\n    z-index: 0;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     DECORATIVE OUTER CIRCLE\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-highlights::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 460px;\r\n    height: 460px;\r\n\r\n    right: -210px;\r\n    top: -220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(34, 31, 31, .055);\r\n\r\n    box-shadow:\r\n      0 0 0 30px rgba(34, 31, 31, .012),\r\n      0 0 0 60px rgba(34, 31, 31, .009),\r\n      0 0 0 90px rgba(34, 31, 31, .006);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     MAIN CONTAINER\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-inner {\r\n    width: min(1180px, 92%);\r\n    margin: 0 auto;\r\n\r\n    padding: 85px 0 90px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HEADER\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-heading {\r\n    text-align: center;\r\n    margin-bottom: 55px;\r\n    position: relative;\r\n  }\r\n\r\n\r\n  .ccc-editorial-mini {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .30em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n\r\n  .ccc-editorial-mini::before,\r\n  .ccc-editorial-mini::after {\r\n    content: \"\";\r\n\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    background: var(--orange);\r\n\r\n    opacity: .75;\r\n  }\r\n\r\n\r\n  .ccc-editorial-heading h2 {\r\n    margin: 0;\r\n\r\n    color: var(--coffee);\r\n\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: clamp(44px, 5.5vw, 76px);\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -.045em;\r\n  }\r\n\r\n\r\n  .ccc-editorial-heading h2 em {\r\n    color: var(--green);\r\n\r\n    font-weight: 500;\r\n  }\r\n\r\n\r\n  .ccc-editorial-heading p {\r\n    max-width: 630px;\r\n\r\n    margin: 20px auto 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.8;\r\n\r\n    font-weight: 400;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     MAIN EDITORIAL BOARD\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-board {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      minmax(0, 1.28fr)\r\n      minmax(390px, .72fr);\r\n\r\n    min-height: 720px;\r\n\r\n    position: relative;\r\n\r\n    background:\r\n      linear-gradient(90deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .17));\r\n\r\n    border: 1px solid var(--line);\r\n\r\n    box-shadow:\r\n      0 18px 60px rgba(34, 31, 31, .09),\r\n      inset 0 0 80px rgba(255, 255, 255, .3);\r\n\r\n    transition: box-shadow 0.6s ease, transform 0.6s ease;\r\n  }\r\n\r\n  .ccc-editorial-board:hover {\r\n    box-shadow: 0 24px 80px rgba(34, 31, 31, .12), inset 0 0 80px rgba(255, 255, 255, .4);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     CENTER FOLD\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-board::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    left: 57%;\r\n\r\n    width: 1px;\r\n\r\n    background:\r\n      linear-gradient(to bottom, transparent, rgba(34, 31, 31, .16) 12%, rgba(34, 31, 31, .16) 88%, transparent);\r\n\r\n    z-index: 5;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     LEFT FEATURE PANEL\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-feature {\r\n    padding: 43px 50px 48px;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n\r\n  \/* Vertical Brand *\/\r\n  .ccc-editorial-feature::before {\r\n    content: \"CAFE CALCUTTA CLASSIC\";\r\n\r\n    position: absolute;\r\n\r\n    left: 9px;\r\n    top: 50%;\r\n\r\n    transform:\r\n      translateY(-50%)\r\n      rotate(-90deg);\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: .35em;\r\n\r\n    font-weight: 700;\r\n\r\n    color: rgba(34, 31, 31, .27);\r\n\r\n    white-space: nowrap;\r\n  }\r\n\r\n\r\n  \/* Decorative Circle *\/\r\n  .ccc-editorial-feature::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 200px;\r\n    height: 200px;\r\n\r\n    right: -105px;\r\n    bottom: -100px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(34, 31, 31, .08);\r\n\r\n    box-shadow:\r\n      0 0 0 20px rgba(34, 31, 31, .012),\r\n      0 0 0 40px rgba(34, 31, 31, .008);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     FEATURE TOP\r\n     ============================================================ *\/\r\n\r\n  .ccc-feature-top {\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    align-items: flex-start;\r\n\r\n    margin-bottom: 27px;\r\n  }\r\n\r\n\r\n  .ccc-brand-mark {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n  }\r\n\r\n\r\n  .ccc-brand-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1.5px solid var(--green);\r\n\r\n    background: rgba(92, 166, 112, .08);\r\n\r\n    color: var(--orange);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  .ccc-brand-name {\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 600;\r\n\r\n    color: var(--coffee);\r\n  }\r\n\r\n\r\n  .ccc-brand-tag {\r\n    font-size: 7px;\r\n\r\n    letter-spacing: .10em;\r\n\r\n    color: var(--muted);\r\n\r\n    margin-top: 4px;\r\n  }\r\n\r\n\r\n  .ccc-feature-date {\r\n    text-align: right;\r\n\r\n    font-size: 8px;\r\n\r\n    color: var(--muted);\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n  }\r\n\r\n\r\n  .ccc-feature-date strong {\r\n    display: block;\r\n\r\n    color: var(--coffee);\r\n\r\n    font-size: 12px;\r\n\r\n    margin-top: 5px;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     FEATURE IMAGE\r\n     ============================================================ *\/\r\n\r\n  .ccc-feature-image {\r\n    width: 100%;\r\n\r\n    height: 390px;\r\n\r\n    overflow: hidden;\r\n\r\n    position: relative;\r\n\r\n    margin-bottom: 31px;\r\n\r\n    background: #D8CCB5;\r\n\r\n    box-shadow:\r\n      0 7px 25px rgba(34, 31, 31, .10);\r\n  }\r\n\r\n\r\n  .ccc-feature-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n      linear-gradient(180deg, rgba(34, 31, 31, 0) 48%, rgba(34, 31, 31, .20) 100%);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  .ccc-feature-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    filter:\r\n      saturate(.88)\r\n      sepia(.06)\r\n      contrast(.97);\r\n\r\n    transition:\r\n      transform .8s ease;\r\n  }\r\n\r\n\r\n  .ccc-editorial-board:hover\r\n  .ccc-feature-image img {\r\n    transform: scale(1.035);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     ROUND FEATURE BADGE\r\n     ============================================================ *\/\r\n\r\n  .ccc-feature-badge {\r\n    position: absolute;\r\n\r\n    right: 22px;\r\n    top: 22px;\r\n\r\n    width: 92px;\r\n    height: 92px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(241, 231, 208, .96);\r\n\r\n    border: 2px solid var(--orange);\r\n\r\n    box-shadow:\r\n      0 7px 22px rgba(34, 31, 31, .14);\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    z-index: 3;\r\n\r\n    transform: rotate(7deg);\r\n  }\r\n\r\n\r\n  .ccc-feature-badge span {\r\n    font-size: 8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .11em;\r\n\r\n    color: var(--muted);\r\n  }\r\n\r\n\r\n  .ccc-feature-badge strong {\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: 16px;\r\n\r\n    color: var(--coffee);\r\n\r\n    margin: 3px 0;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     FEATURE COPY - LARGER FONT\r\n     ============================================================ *\/\r\n\r\n  .ccc-feature-copy {\r\n    padding-left: 19px;\r\n\r\n    position: relative;\r\n  }\r\n\r\n\r\n  .ccc-feature-copy::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    top: 5px;\r\n    bottom: 5px;\r\n\r\n    width: 2px;\r\n\r\n    background: var(--orange);\r\n  }\r\n\r\n\r\n  .ccc-feature-eyebrow {\r\n    color: var(--orange);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .20em;\r\n\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n\r\n  .ccc-feature-title {\r\n    margin: 0;\r\n\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: clamp(42px, 4.8vw, 62px);\r\n\r\n    line-height: .97;\r\n\r\n    font-weight: 500;\r\n\r\n    color: var(--coffee);\r\n\r\n    letter-spacing: -.025em;\r\n  }\r\n\r\n\r\n  .ccc-feature-title span {\r\n    display: block;\r\n\r\n    font-family: 'Great Vibes', cursive;\r\n\r\n    font-size: 1.08em;\r\n\r\n    line-height: 1.05;\r\n\r\n    color: var(--coffee);\r\n  }\r\n\r\n\r\n  .ccc-feature-text {\r\n    max-width: 580px;\r\n\r\n    margin: 15px 0 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.8;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     FEATURE INFO - LARGER FONT\r\n     ============================================================ *\/\r\n\r\n  .ccc-feature-footer {\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n\r\n    margin-top: auto;\r\n\r\n    padding-top: 29px;\r\n  }\r\n\r\n\r\n  .ccc-feature-info {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    gap: 12px 42px;\r\n  }\r\n\r\n\r\n  .ccc-info-item {\r\n    font-size: 11px;\r\n\r\n    line-height: 1.5;\r\n\r\n    color: var(--muted);\r\n  }\r\n\r\n\r\n  .ccc-info-item strong {\r\n    color: var(--coffee);\r\n\r\n    font-weight: 700;\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     ROUND BUTTON WITH HOVER\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-cta {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    padding: 14px 28px;\r\n\r\n    border: 2px solid var(--orange);\r\n\r\n    border-radius: 50px;\r\n\r\n    color: var(--orange);\r\n\r\n    text-transform: uppercase;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    white-space: nowrap;\r\n\r\n    background: transparent;\r\n\r\n    transition:\r\n      background .4s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n      color .4s ease,\r\n      transform .4s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n      box-shadow .4s ease;\r\n  }\r\n\r\n\r\n  .ccc-editorial-cta:hover {\r\n    background: var(--orange);\r\n\r\n    color: #ffffff;\r\n\r\n    transform: translateY(-4px) scale(1.03);\r\n\r\n    box-shadow: 0 12px 32px rgba(241, 90, 40, .25);\r\n  }\r\n\r\n\r\n  .ccc-editorial-cta:active {\r\n    transform: scale(0.95);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     RIGHT MENU PANEL\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-menu {\r\n    padding: 40px 31px 30px;\r\n\r\n    background:\r\n      rgba(255, 255, 255, .23);\r\n\r\n    position: relative;\r\n  }\r\n\r\n\r\n  .ccc-menu-heading {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding-bottom: 17px;\r\n\r\n    border-bottom: 1px solid var(--line);\r\n\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n\r\n  .ccc-menu-heading h3 {\r\n    margin: 0;\r\n\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: 27px;\r\n\r\n    font-weight: 600;\r\n\r\n    color: var(--coffee);\r\n  }\r\n\r\n\r\n  .ccc-menu-heading span {\r\n    font-size: 8px;\r\n\r\n    color: var(--green);\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    font-weight: 700;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     MENU ITEM\r\n     ============================================================ *\/\r\n\r\n  .ccc-menu-item {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      105px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 20px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 20px 0;\r\n\r\n    border-bottom: 1px dashed rgba(34, 31, 31, .17);\r\n\r\n    position: relative;\r\n\r\n    transition:\r\n      transform .35s ease;\r\n  }\r\n\r\n\r\n  .ccc-menu-item:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n\r\n  .ccc-menu-item:hover {\r\n    transform: translateX(6px);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     ROUND MENU IMAGE \u2014 LARGE\r\n     ============================================================ *\/\r\n\r\n  .ccc-menu-thumb {\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    border-radius: 50%;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 5px solid rgba(255, 255, 255, .82);\r\n\r\n    background: #DDD1BA;\r\n\r\n    box-shadow:\r\n      0 7px 20px rgba(34, 31, 31, .15),\r\n      0 0 0 1px rgba(34, 31, 31, .08);\r\n\r\n    position: relative;\r\n  }\r\n\r\n\r\n  .ccc-menu-thumb::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(34, 31, 31, .12);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  .ccc-menu-thumb img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    filter:\r\n      saturate(.90)\r\n      contrast(.98);\r\n\r\n    transition:\r\n      transform .55s ease;\r\n  }\r\n\r\n\r\n  .ccc-menu-item:hover\r\n  .ccc-menu-thumb img {\r\n    transform: scale(1.10);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     MENU CONTENT\r\n     ============================================================ *\/\r\n\r\n  .ccc-menu-content {\r\n    min-width: 0;\r\n\r\n    position: relative;\r\n\r\n    padding-right: 30px;\r\n  }\r\n\r\n\r\n  .ccc-menu-number {\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    top: 0;\r\n\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: 13px;\r\n\r\n    color: rgba(34, 31, 31, .30);\r\n  }\r\n\r\n\r\n  .ccc-menu-tag {\r\n    display: inline-block;\r\n\r\n    color: var(--orange);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n\r\n  .ccc-menu-title {\r\n    margin: 0;\r\n\r\n    font-family: 'Playfair Display', serif;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1.18;\r\n\r\n    font-weight: 600;\r\n\r\n    color: var(--coffee);\r\n  }\r\n\r\n\r\n  .ccc-menu-text {\r\n    margin: 6px 0 0;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.7;\r\n\r\n    color: var(--muted);\r\n\r\n    max-width: 300px;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     DECORATIVE COFFEE BEANS\r\n     ============================================================ *\/\r\n\r\n  .ccc-bean {\r\n    position: absolute;\r\n\r\n    width: 14px;\r\n    height: 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(34, 31, 31, .15);\r\n\r\n    transform: rotate(35deg);\r\n\r\n    pointer-events: none;\r\n  }\r\n\r\n\r\n  .ccc-bean::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 1px;\r\n\r\n    width: 1px;\r\n    height: 7px;\r\n\r\n    background: rgba(241, 231, 208, .75);\r\n\r\n    transform: rotate(-12deg);\r\n  }\r\n\r\n\r\n  .ccc-bean-1 {\r\n    top: 85px;\r\n    right: 20px;\r\n  }\r\n\r\n\r\n  .ccc-bean-2 {\r\n    bottom: 75px;\r\n    left: 30px;\r\n\r\n    transform:\r\n      rotate(-25deg)\r\n      scale(.8);\r\n  }\r\n\r\n\r\n  .ccc-bean-3 {\r\n    top: 43%;\r\n    right: 11px;\r\n\r\n    transform:\r\n      rotate(65deg)\r\n      scale(.7);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     BOTTOM STRIP - ANIMATED\r\n     ============================================================ *\/\r\n\r\n  .ccc-editorial-strip {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 23px;\r\n\r\n    color: rgba(34, 31, 31, .42);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .22em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-align: center;\r\n\r\n    overflow: hidden;\r\n\r\n    white-space: nowrap;\r\n\r\n    position: relative;\r\n  }\r\n\r\n\r\n  .ccc-editorial-strip-inner {\r\n    display: inline-block;\r\n\r\n    animation: cccStripScroll 20s linear infinite;\r\n  }\r\n\r\n\r\n  @keyframes cccStripScroll {\r\n    0% {\r\n      transform: translateX(100%);\r\n      opacity: 0;\r\n    }\r\n    5% {\r\n      opacity: 1;\r\n    }\r\n    90% {\r\n      opacity: 1;\r\n    }\r\n    95% {\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      transform: translateX(-100%);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n\r\n  .ccc-editorial-strip::before,\r\n  .ccc-editorial-strip::after {\r\n    content: \"\";\r\n\r\n    width: 55px;\r\n    height: 1px;\r\n\r\n    background: rgba(34, 31, 31, .18);\r\n\r\n    flex-shrink: 0;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     TABLET\r\n     ============================================================ *\/\r\n\r\n  @media(max-width:1000px) {\r\n\r\n    .ccc-editorial-inner {\r\n      width: 94%;\r\n    }\r\n\r\n    .ccc-editorial-board {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ccc-editorial-board::before {\r\n      display: none;\r\n    }\r\n\r\n    .ccc-editorial-feature {\r\n      padding: 40px 42px 45px;\r\n    }\r\n\r\n    .ccc-feature-image {\r\n      height: 410px;\r\n    }\r\n\r\n    .ccc-editorial-menu {\r\n      padding: 34px 42px 42px;\r\n\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n    .ccc-menu-item {\r\n      grid-template-columns:\r\n        105px\r\n        minmax(0, 1fr);\r\n    }\r\n\r\n    .ccc-menu-thumb {\r\n      width: 105px;\r\n      height: 105px;\r\n    }\r\n\r\n    .ccc-menu-text {\r\n      max-width: 600px;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     MOBILE\r\n     ============================================================ *\/\r\n\r\n  @media(max-width:600px) {\r\n\r\n    .ccc-editorial-inner {\r\n      width: 94%;\r\n\r\n      padding: 50px 0 55px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-heading {\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-mini {\r\n      font-size: 9px;\r\n\r\n      letter-spacing: .22em;\r\n\r\n      gap: 9px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-mini::before,\r\n    .ccc-editorial-mini::after {\r\n      width: 25px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-heading h2 {\r\n      font-size: 43px;\r\n\r\n      line-height: 1;\r\n    }\r\n\r\n\r\n    .ccc-editorial-heading p {\r\n      font-size: 12px;\r\n\r\n      line-height: 1.7;\r\n\r\n      padding: 0 7px;\r\n    }\r\n\r\n\r\n    \/* FEATURE *\/\r\n\r\n    .ccc-editorial-feature {\r\n      padding: 27px 23px 30px;\r\n    }\r\n\r\n\r\n    .ccc-feature-top {\r\n      margin-bottom: 19px;\r\n    }\r\n\r\n\r\n    .ccc-brand-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n\r\n      font-size: 13px;\r\n    }\r\n\r\n\r\n    .ccc-brand-name {\r\n      font-size: 12px;\r\n    }\r\n\r\n\r\n    .ccc-brand-tag {\r\n      font-size: 6px;\r\n    }\r\n\r\n\r\n    .ccc-feature-date {\r\n      font-size: 6px;\r\n    }\r\n\r\n\r\n    .ccc-feature-date strong {\r\n      font-size: 9px;\r\n    }\r\n\r\n\r\n    .ccc-feature-image {\r\n      height: 285px;\r\n\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .ccc-feature-badge {\r\n      width: 72px;\r\n      height: 72px;\r\n\r\n      right: 13px;\r\n      top: 13px;\r\n    }\r\n\r\n\r\n    .ccc-feature-badge span {\r\n      font-size: 6px;\r\n    }\r\n\r\n\r\n    .ccc-feature-badge strong {\r\n      font-size: 12px;\r\n    }\r\n\r\n\r\n    .ccc-feature-copy {\r\n      padding-left: 14px;\r\n    }\r\n\r\n\r\n    .ccc-feature-eyebrow {\r\n      font-size: 9px;\r\n\r\n      letter-spacing: .15em;\r\n    }\r\n\r\n\r\n    .ccc-feature-title {\r\n      font-size: 37px;\r\n    }\r\n\r\n\r\n    .ccc-feature-text {\r\n      font-size: 11px;\r\n\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    .ccc-feature-footer {\r\n      flex-direction: column;\r\n\r\n      align-items: flex-start;\r\n\r\n      margin-top: 22px;\r\n\r\n      padding-top: 20px;\r\n    }\r\n\r\n\r\n    .ccc-feature-info {\r\n      gap: 10px 25px;\r\n    }\r\n\r\n\r\n    .ccc-info-item {\r\n      font-size: 10px;\r\n    }\r\n\r\n\r\n    .ccc-info-item strong {\r\n      font-size: 12px;\r\n    }\r\n\r\n\r\n    \/* RIGHT MENU *\/\r\n\r\n    .ccc-editorial-menu {\r\n      padding: 27px 23px 30px;\r\n    }\r\n\r\n\r\n    .ccc-menu-heading {\r\n      padding-bottom: 15px;\r\n    }\r\n\r\n\r\n    .ccc-menu-heading h3 {\r\n      font-size: 21px;\r\n    }\r\n\r\n\r\n    .ccc-menu-heading span {\r\n      font-size: 7px;\r\n    }\r\n\r\n\r\n    .ccc-menu-item {\r\n      grid-template-columns:\r\n        88px\r\n        minmax(0, 1fr);\r\n\r\n      gap: 16px;\r\n\r\n      padding: 18px 0;\r\n    }\r\n\r\n\r\n    .ccc-menu-thumb {\r\n      width: 88px;\r\n      height: 88px;\r\n\r\n      border-width: 4px;\r\n    }\r\n\r\n\r\n    .ccc-menu-tag {\r\n      font-size: 7.5px;\r\n\r\n      letter-spacing: .12em;\r\n\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n\r\n    .ccc-menu-title {\r\n      font-size: 18px;\r\n\r\n      line-height: 1.18;\r\n    }\r\n\r\n\r\n    .ccc-menu-text {\r\n      font-size: 9.5px;\r\n\r\n      line-height: 1.6;\r\n    }\r\n\r\n\r\n    .ccc-menu-number {\r\n      font-size: 10px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-cta {\r\n      padding: 12px 22px;\r\n\r\n      font-size: 8px;\r\n\r\n      border-width: 1.5px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-strip {\r\n      gap: 10px;\r\n\r\n      font-size: 6px;\r\n\r\n      letter-spacing: .12em;\r\n    }\r\n\r\n\r\n    .ccc-editorial-strip::before,\r\n    .ccc-editorial-strip::after {\r\n      width: 25px;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     SMALL MOBILE\r\n     ============================================================ *\/\r\n\r\n  @media(max-width:380px) {\r\n\r\n    .ccc-editorial-inner {\r\n      padding-top: 40px;\r\n    }\r\n\r\n\r\n    .ccc-editorial-heading h2 {\r\n      font-size: 36px;\r\n    }\r\n\r\n\r\n    .ccc-feature-image {\r\n      height: 250px;\r\n    }\r\n\r\n\r\n    .ccc-feature-title {\r\n      font-size: 32px;\r\n    }\r\n\r\n\r\n    .ccc-menu-item {\r\n      grid-template-columns:\r\n        76px\r\n        minmax(0, 1fr);\r\n\r\n      gap: 13px;\r\n    }\r\n\r\n\r\n    .ccc-menu-thumb {\r\n      width: 76px;\r\n      height: 76px;\r\n    }\r\n\r\n\r\n    .ccc-menu-title {\r\n      font-size: 16px;\r\n    }\r\n\r\n\r\n    .ccc-menu-text {\r\n      font-size: 9px;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     REDUCED MOTION\r\n     ============================================================ *\/\r\n\r\n  @media(prefers-reduced-motion:reduce) {\r\n\r\n    .ccc-feature-image img,\r\n    .ccc-menu-thumb img,\r\n    .ccc-menu-item,\r\n    .ccc-editorial-cta,\r\n    .ccc-editorial-strip-inner {\r\n      transition: none !important;\r\n      animation: none !important;\r\n    }\r\n\r\n    .ccc-editorial-highlights {\r\n      animation: none !important;\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .ccc-editorial-strip-inner {\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     SECTION\r\n     ============================================================ -->\r\n\r\n<div class=\"ccc-editorial-highlights\">\r\n\r\n  <div class=\"ccc-editorial-inner\">\r\n\r\n\r\n    <!-- ========================================================\r\n         HEADER\r\n         ======================================================== -->\r\n\r\n    <div class=\"ccc-editorial-heading\">\r\n\r\n      <div class=\"ccc-editorial-mini\">\r\n        Quick Highlights\r\n      <\/div>\r\n\r\n      <h2>\r\n        A Good Time,<br>\r\n        <em>Served Your Way<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Discover the food, music, spaces and little details\r\n        that make Cafe Calcutta Classic a place worth returning to.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         EDITORIAL BOARD\r\n         ======================================================== -->\r\n\r\n    <div class=\"ccc-editorial-board\">\r\n\r\n\r\n      <!-- ======================================================\r\n           LEFT FEATURED AREA\r\n           ====================================================== -->\r\n\r\n      <div class=\"ccc-editorial-feature\">\r\n\r\n\r\n        <!-- BRAND TOP -->\r\n\r\n        <div class=\"ccc-feature-top\">\r\n\r\n          <div class=\"ccc-brand-mark\">\r\n\r\n            <div class=\"ccc-brand-icon\">\r\n              \u2615\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <div class=\"ccc-brand-name\">\r\n                Cafe Calcutta Classic\r\n              <\/div>\r\n\r\n              <div class=\"ccc-brand-tag\">\r\n                Everyday Dining \u00b7 Music \u00b7 Celebrations\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ccc-feature-date\">\r\n\r\n            Open Daily\r\n\r\n            <strong>\r\n              Good Food \u00b7 Good Times\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             FEATURE IMAGE\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-feature-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_afszeoafszeoafsz.jpg\"\r\n            alt=\"Cafe Calcutta Classic Dining Experience\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n\r\n          <div class=\"ccc-feature-badge\">\r\n\r\n            <span>\r\n              More Than\r\n            <\/span>\r\n\r\n            <strong>\r\n              500+\r\n            <\/strong>\r\n\r\n            <span>\r\n              Choices\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             FEATURE TEXT\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-feature-copy\">\r\n\r\n          <div class=\"ccc-feature-eyebrow\">\r\n            Cafe Calcutta Classic Present\r\n          <\/div>\r\n\r\n          <h3 class=\"ccc-feature-title\">\r\n\r\n            Everything for\r\n\r\n            <span>\r\n              a good time.\r\n            <\/span>\r\n\r\n          <\/h3>\r\n\r\n          <p class=\"ccc-feature-text\">\r\n\r\n            From comforting favourites and refreshing drinks\r\n            to live performances and relaxed spaces, Cafe Calcutta Classic\r\n            brings together everything you need for everyday dining\r\n            and memorable occasions.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             FEATURE INFORMATION - LARGER FONT\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-feature-footer\">\r\n\r\n\r\n          <div class=\"ccc-feature-info\">\r\n\r\n            <div class=\"ccc-info-item\">\r\n\r\n              <strong>\r\n                500+ Choices\r\n              <\/strong>\r\n\r\n              Something for every palate\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ccc-info-item\">\r\n\r\n              <strong>\r\n                Live Music\r\n              <\/strong>\r\n\r\n              Western \u00b7 Bollywood \u00b7 Folk\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ccc-info-item\">\r\n\r\n              <strong>\r\n                Indoor & Outdoor\r\n              <\/strong>\r\n\r\n              Choose your atmosphere\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ccc-info-item\">\r\n\r\n              <strong>\r\n                Celebrations\r\n              <\/strong>\r\n\r\n              Birthdays \u00b7 Gatherings \u00b7 More\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\"\r\n            class=\"ccc-editorial-cta\"\r\n          >\r\n            Explore Cafe Calcutta Classic \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Decorative Beans -->\r\n\r\n        <span class=\"ccc-bean ccc-bean-1\"><\/span>\r\n\r\n        <span class=\"ccc-bean ccc-bean-2\"><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           RIGHT MENU\r\n           ====================================================== -->\r\n\r\n      <div class=\"ccc-editorial-menu\">\r\n\r\n\r\n        <!-- MENU HEADER -->\r\n\r\n        <div class=\"ccc-menu-heading\">\r\n\r\n          <h3>\r\n            What's Waiting\r\n          <\/h3>\r\n\r\n          <span>\r\n            Highlights\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             ITEM 01 \u2014 FOOD\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-menu-item\">\r\n\r\n          <div class=\"ccc-menu-thumb\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_afszeoafszeoafsz.jpg\"\r\n              alt=\"500 Plus Food Choices\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ccc-menu-content\">\r\n\r\n            <span class=\"ccc-menu-number\">\r\n              01\r\n            <\/span>\r\n\r\n            <div class=\"ccc-menu-tag\">\r\n              500+ Choices\r\n            <\/div>\r\n\r\n            <h4 class=\"ccc-menu-title\">\r\n              A Menu for Every Palate\r\n            <\/h4>\r\n\r\n            <p class=\"ccc-menu-text\">\r\n              Comforting classics, contemporary favourites\r\n              and plenty of choices for every kind of craving.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             ITEM 02 \u2014 MUSIC\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-menu-item\">\r\n\r\n          <div class=\"ccc-menu-thumb\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_5tixij5tixij5tix.jpg\"\r\n              alt=\"Live Music and Events\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ccc-menu-content\">\r\n\r\n            <span class=\"ccc-menu-number\">\r\n              02\r\n            <\/span>\r\n\r\n            <div class=\"ccc-menu-tag\">\r\n              Live Music & Events\r\n            <\/div>\r\n\r\n            <h4 class=\"ccc-menu-title\">\r\n              Unforgettable Evenings\r\n            <\/h4>\r\n\r\n            <p class=\"ccc-menu-text\">\r\n              Western, Bollywood and folk-based performances\r\n              bring a changing rhythm to your evening.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             ITEM 03 \u2014 SEATING\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-menu-item\">\r\n\r\n          <div class=\"ccc-menu-thumb\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_qkwjsqqkwjsqqkwj.jpg\"\r\n              alt=\"Indoor and Outdoor Seating\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ccc-menu-content\">\r\n\r\n            <span class=\"ccc-menu-number\">\r\n              03\r\n            <\/span>\r\n\r\n            <div class=\"ccc-menu-tag\">\r\n              Indoor & Outdoor\r\n            <\/div>\r\n\r\n            <h4 class=\"ccc-menu-title\">\r\n              Your Way to Enjoy\r\n            <\/h4>\r\n\r\n            <p class=\"ccc-menu-text\">\r\n              Settle into indoor comfort or enjoy the openness\r\n              of an outdoor space.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             ITEM 04 \u2014 WIFI\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-menu-item\">\r\n\r\n          <div class=\"ccc-menu-thumb\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_avm06oavm06oavm0.jpg\"\r\n              alt=\"Free WiFi Cafe\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ccc-menu-content\">\r\n\r\n            <span class=\"ccc-menu-number\">\r\n              04\r\n            <\/span>\r\n\r\n            <div class=\"ccc-menu-tag\">\r\n              Free Wi-Fi\r\n            <\/div>\r\n\r\n            <h4 class=\"ccc-menu-title\">\r\n              Work, Connect & Create\r\n            <\/h4>\r\n\r\n            <p class=\"ccc-menu-text\">\r\n              Bring your work, meet over coffee or simply stay\r\n              connected while enjoying the caf\u00e9.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             ITEM 05 \u2014 CELEBRATIONS\r\n             ==================================================== -->\r\n\r\n        <div class=\"ccc-menu-item\">\r\n\r\n          <div class=\"ccc-menu-thumb\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2wmfoj2wmfoj2wmf.jpg\"\r\n              alt=\"Celebrations at Cafe Calcutta Classic\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"ccc-menu-content\">\r\n\r\n            <span class=\"ccc-menu-number\">\r\n              05\r\n            <\/span>\r\n\r\n            <div class=\"ccc-menu-tag\">\r\n              Dining & Celebrations\r\n            <\/div>\r\n\r\n            <h4 class=\"ccc-menu-title\">\r\n              From Coffee to Special Moments\r\n            <\/h4>\r\n\r\n            <p class=\"ccc-menu-text\">\r\n              Birthdays, anniversaries, gatherings and everyday\r\n              moments worth sharing.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"ccc-bean ccc-bean-3\"><\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         BOTTOM ANIMATED BRAND LINE\r\n         ======================================================== -->\r\n\r\n    <div class=\"ccc-editorial-strip\">\r\n      <span class=\"ccc-editorial-strip-inner\">\r\n        Good Food \u00b7 Good Music \u00b7 Good Company \u00b7 Cafe Calcutta Classic\r\n      <\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-185dd0f e-con e-atomic-element e-flexbox-base e-d129cc0 \" data-id=\"185dd0f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"185dd0f\">\n    \t\t<div class=\"elementor-element elementor-element-a7766b5 elementor-widget elementor-widget-html\" data-id=\"a7766b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Food Section - Cafe Calcutta Classic -->\r\n<!-- WordPress Elementor HTML Widget Ready -->\r\n<!-- Color Palette: Dark #221F1F | Cream #F1E7D0 | Green #5CA670 | Orange #F15A28 | Gold #F2DEBA -->\r\n<style>\r\n  \/* ============================================\r\n     FOOD SECTION - CAFE CALCUTTA CLASSIC\r\n     ============================================ *\/\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n  .ccc-food-section {\r\n    --ccc-dark: #221F1F;\r\n    --ccc-cream: #F1E7D0;\r\n    --ccc-green: #5CA670;\r\n    --ccc-orange: #F15A28;\r\n    --ccc-gold: #F2DEBA;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    background: var(--ccc-cream);\r\n  }\r\n\r\n  .ccc-food-section *,\r\n  .ccc-food-section *::before,\r\n  .ccc-food-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ============================================\r\n     MAIN CONTAINER\r\n     ============================================ *\/\r\n\r\n  .ccc-food {\r\n    display: flex;\r\n    min-height: 80vh;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 3rem 1.5rem 4rem;\r\n    gap: 3rem;\r\n    align-items: center;\r\n    flex-direction: row;\r\n  }\r\n\r\n  \/* ============================================\r\n     LEFT IMAGE\r\n     ============================================ *\/\r\n\r\n  .ccc-food-image {\r\n    flex: 1;\r\n    position: relative;\r\n    min-height: 400px;\r\n    background: var(--ccc-cream);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 40px rgba(34, 31, 31, 0.06);\r\n    transition: box-shadow 0.4s ease, transform 0.4s ease;\r\n    order: 1;\r\n  }\r\n\r\n  .ccc-food-image:hover {\r\n    box-shadow: 0 16px 60px rgba(34, 31, 31, 0.10);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .ccc-food-image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 400px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background:\r\n      radial-gradient(circle at 30% 40%, rgba(92, 166, 112, 0.08) 0%, transparent 50%),\r\n      radial-gradient(circle at 70% 60%, rgba(242, 222, 186, 0.15) 0%, transparent 40%),\r\n      radial-gradient(circle at 50% 80%, rgba(241, 90, 40, 0.04) 0%, transparent 30%),\r\n      var(--ccc-cream);\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .ccc-food-image:hover .ccc-food-image-wrapper {\r\n    transform: scale(1.01);\r\n  }\r\n\r\n  .ccc-food-image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .ccc-food-image:hover .ccc-food-image-wrapper img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  \/* ============================================\r\n     IMAGE FRAME \/ DECORATIVE BORDER\r\n     ============================================ *\/\r\n\r\n  .ccc-food-image-frame {\r\n    position: absolute;\r\n    inset: 18px;\r\n    border: 2px solid rgba(242, 222, 186, 0.30);\r\n    border-radius: 12px;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    transition: border-color 0.4s ease;\r\n  }\r\n\r\n  .ccc-food-image:hover .ccc-food-image-frame {\r\n    border-color: rgba(92, 166, 112, 0.25);\r\n  }\r\n\r\n  .ccc-food-image-frame::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -8px;\r\n    left: -8px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-top: 3px solid var(--ccc-orange);\r\n    border-left: 3px solid var(--ccc-orange);\r\n    border-radius: 4px 0 0 0;\r\n    transition: width 0.3s ease, height 0.3s ease;\r\n  }\r\n\r\n  .ccc-food-image:hover .ccc-food-image-frame::before {\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n\r\n  .ccc-food-image-frame::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    right: -8px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-bottom: 3px solid var(--ccc-green);\r\n    border-right: 3px solid var(--ccc-green);\r\n    border-radius: 0 0 4px 0;\r\n    transition: width 0.3s ease, height 0.3s ease;\r\n  }\r\n\r\n  .ccc-food-image:hover .ccc-food-image-frame::after {\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n\r\n  \/* ============================================\r\n     ORNAMENTS\r\n     ============================================ *\/\r\n\r\n  .ccc-food-ornament {\r\n    position: absolute;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .ccc-food-ornament--1 {\r\n    width: 160px;\r\n    height: 160px;\r\n    bottom: 5%;\r\n    right: 3%;\r\n    background: radial-gradient(circle, rgba(92, 166, 112, 0.06) 0%, transparent 70%);\r\n  }\r\n\r\n  .ccc-food-ornament--2 {\r\n    width: 100px;\r\n    height: 100px;\r\n    top: 8%;\r\n    left: 5%;\r\n    background: radial-gradient(circle, rgba(241, 90, 40, 0.05) 0%, transparent 70%);\r\n  }\r\n\r\n  \/* ============================================\r\n     RIGHT CONTENT\r\n     ============================================ *\/\r\n\r\n  .ccc-food-content {\r\n    flex: 1;\r\n    padding-left: 1rem;\r\n    animation: cccFoodFadeUp 1s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    order: 2;\r\n  }\r\n\r\n  @keyframes cccFoodFadeUp {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* Badge *\/\r\n  .ccc-food-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--ccc-orange);\r\n    background: rgba(241, 90, 40, 0.07);\r\n    display: inline-block;\r\n    padding: 0.35rem 1.2rem;\r\n    border-left: 2px solid var(--ccc-orange);\r\n    border-right: 2px solid var(--ccc-orange);\r\n    margin-bottom: 1.2rem;\r\n    animation: cccBadgePulse 3s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes cccBadgePulse {\r\n    0%,\r\n    100% {\r\n      opacity: 1;\r\n    }\r\n    50% {\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n\r\n  \/* Heading *\/\r\n  .ccc-food-heading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 700;\r\n    font-size: clamp(2.2rem, 5vw, 3.4rem);\r\n    color: var(--ccc-dark);\r\n    line-height: 1.12;\r\n    letter-spacing: -0.025em;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  .ccc-food-heading span {\r\n    color: var(--ccc-green);\r\n    font-style: italic;\r\n  }\r\n\r\n  .ccc-food-subheading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 400;\r\n    font-size: clamp(1rem, 1.6vw, 1.25rem);\r\n    color: var(--ccc-orange);\r\n    line-height: 1.5;\r\n    margin: 0 0 1.4rem;\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* Description *\/\r\n  .ccc-food-text {\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 300;\r\n    font-size: clamp(0.95rem, 1.3vw, 1.08rem);\r\n    line-height: 1.85;\r\n    color: rgba(34, 31, 31, 0.78);\r\n    margin: 0 0 1.8rem;\r\n  }\r\n\r\n  .ccc-food-text p {\r\n    margin: 0 0 0.9rem;\r\n  }\r\n\r\n  .ccc-food-text p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .ccc-food-text strong {\r\n    color: var(--ccc-green);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ============================================\r\n     BUTTON - FULLY ROUNDED\r\n     ============================================ *\/\r\n\r\n  .ccc-food-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.6rem;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.08em;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    padding: 0.9rem 2.5rem;\r\n    min-height: 50px;\r\n    background: var(--ccc-green);\r\n    color: #ffffff !important;\r\n    border: 1.5px solid var(--ccc-green);\r\n    border-radius: 50px;\r\n    text-decoration: none !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 20px rgba(92, 166, 112, 0.20);\r\n    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .ccc-food-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--ccc-orange);\r\n    border-radius: 50px;\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.3, 1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .ccc-food-btn:hover {\r\n    color: #ffffff !important;\r\n    border-color: var(--ccc-orange);\r\n    box-shadow: 0 8px 30px rgba(241, 90, 40, 0.22);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ccc-food-btn:hover::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .ccc-food-btn:active {\r\n    transform: translateY(0) scale(0.97);\r\n  }\r\n\r\n  .ccc-food-btn .ccc-btn-arrow {\r\n    display: inline-block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .ccc-food-btn:hover .ccc-btn-arrow {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* ============================================\r\n     RESPONSIVE\r\n     ============================================ *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .ccc-food {\r\n      flex-direction: column;\r\n      padding: 2.5rem 1.5rem 3.5rem;\r\n      gap: 2rem;\r\n      min-height: auto;\r\n    }\r\n\r\n    .ccc-food-image {\r\n      order: 1;\r\n      width: 100%;\r\n      min-height: 320px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .ccc-food-content {\r\n      order: 2;\r\n      padding-left: 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .ccc-food-image-wrapper {\r\n      min-height: 320px;\r\n    }\r\n\r\n    .ccc-food-image-frame {\r\n      inset: 14px;\r\n    }\r\n\r\n    .ccc-food-image-frame::before,\r\n    .ccc-food-image-frame::after {\r\n      width: 35px;\r\n      height: 35px;\r\n    }\r\n\r\n    .ccc-food-heading {\r\n      font-size: clamp(2rem, 5vw, 2.6rem);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ccc-food {\r\n      padding: 2rem 1rem 3rem;\r\n      gap: 1.5rem;\r\n    }\r\n\r\n    .ccc-food-image {\r\n      min-height: 250px;\r\n    }\r\n\r\n    .ccc-food-image-wrapper {\r\n      min-height: 250px;\r\n    }\r\n\r\n    .ccc-food-badge {\r\n      font-size: 0.62rem;\r\n      padding: 0.3rem 0.9rem;\r\n    }\r\n\r\n    .ccc-food-heading {\r\n      font-size: 1.8rem;\r\n    }\r\n\r\n    .ccc-food-text {\r\n      font-size: 0.9rem;\r\n      line-height: 1.72;\r\n    }\r\n\r\n    .ccc-food-btn {\r\n      padding: 0.8rem 1.8rem;\r\n      font-size: 0.7rem;\r\n      min-height: 44px;\r\n    }\r\n\r\n    .ccc-food-image-frame {\r\n      inset: 10px;\r\n    }\r\n\r\n    .ccc-food-image-frame::before,\r\n    .ccc-food-image-frame::after {\r\n      width: 28px;\r\n      height: 28px;\r\n      top: -6px;\r\n      left: -6px;\r\n      bottom: -6px;\r\n      right: -6px;\r\n    }\r\n\r\n    .ccc-food-ornament--1 {\r\n      width: 100px;\r\n      height: 100px;\r\n    }\r\n    .ccc-food-ornament--2 {\r\n      width: 70px;\r\n      height: 70px;\r\n    }\r\n  }\r\n\r\n  \/* ============================================\r\n     REDUCED MOTION\r\n     ============================================ *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ccc-food-content {\r\n      animation: none;\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .ccc-food-badge {\r\n      animation: none;\r\n    }\r\n\r\n    .ccc-food-btn,\r\n    .ccc-food-btn::before,\r\n    .ccc-food-image,\r\n    .ccc-food-image-wrapper,\r\n    .ccc-food-image-frame::before,\r\n    .ccc-food-image-frame::after {\r\n      transition: none !important;\r\n    }\r\n\r\n    .ccc-food-image:hover {\r\n      transform: none;\r\n    }\r\n\r\n    .ccc-food-image:hover .ccc-food-image-wrapper {\r\n      transform: none;\r\n    }\r\n\r\n    .ccc-food-btn:hover .ccc-btn-arrow {\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ccc-food-section\">\r\n  <section class=\"ccc-food\">\r\n    <!-- =========================================\r\n         LEFT IMAGE\r\n         ========================================= -->\r\n    <div class=\"ccc-food-image\">\r\n      <div class=\"ccc-food-image-wrapper\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2ndsyd2ndsyd2nds.jpg\"\r\n          alt=\"Cafe Calcutta Classic Food\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- Decorative frame -->\r\n      <div class=\"ccc-food-image-frame\"><\/div>\r\n\r\n      <!-- Ornaments -->\r\n      <div class=\"ccc-food-ornament ccc-food-ornament--1\"><\/div>\r\n      <div class=\"ccc-food-ornament ccc-food-ornament--2\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- =========================================\r\n         RIGHT CONTENT\r\n         ========================================= -->\r\n    <div class=\"ccc-food-content\">\r\n      <div class=\"ccc-food-badge\">Food<\/div>\r\n\r\n      <h2 class=\"ccc-food-heading\">\r\n        500+ Choices. <span>Plenty to Come Back For.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"ccc-food-subheading\">\r\n        \u2014 Food is at the heart of the Cafe Calcutta Classic experience \u2014\r\n      <\/p>\r\n\r\n      <div class=\"ccc-food-text\">\r\n        <p>\r\n          With a menu of more than 500 choices, there is room for different\r\n          tastes, different moods and different kinds of visits. From familiar\r\n          comfort food to contemporary caf\u00e9 favourites, Cafe Calcutta Classic\r\n          brings variety to the table without making the experience complicated.\r\n        <\/p>\r\n        <p>\r\n          You might already know what you want. Or you might spend a little time\r\n          looking through the menu before deciding. Either way,\r\n          <strong>there is plenty to explore.<\/strong>\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a href=\"#\" class=\"ccc-food-btn\">\r\n        Explore the Menu\r\n        <span class=\"ccc-btn-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- Interactive JavaScript -->\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/* ============================================\r\n       BUTTON INTERACTION\r\n       ============================================ *\/\r\n    const btn = document.querySelector('.ccc-food-btn');\r\n    if (btn) {\r\n      btn.addEventListener('click', function(e) {\r\n        if (this.getAttribute('href') === '#') {\r\n          e.preventDefault();\r\n        }\r\n        this.style.transform = 'scale(0.96)';\r\n        setTimeout(function() {\r\n          this.style.transform = '';\r\n        }.bind(this), 150);\r\n      });\r\n    }\r\n\r\n    \/* ============================================\r\n       IMAGE PARALLAX ON HOVER\r\n       ============================================ *\/\r\n    const imageSection = document.querySelector('.ccc-food-image');\r\n    if (imageSection) {\r\n      imageSection.addEventListener('mousemove', function(e) {\r\n        const rect = this.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        const centerX = rect.width \/ 2;\r\n        const centerY = rect.height \/ 2;\r\n        const shiftX = (x - centerX) \/ 35;\r\n        const shiftY = (y - centerY) \/ 35;\r\n\r\n        const wrapper = this.querySelector('.ccc-food-image-wrapper');\r\n        if (wrapper) {\r\n          wrapper.style.transform = 'translate(' + (shiftX * 0.2) + 'px, ' + (shiftY * 0.2) + 'px) scale(1.01)';\r\n          wrapper.style.transition = 'transform 0.1s ease';\r\n        }\r\n      });\r\n\r\n      imageSection.addEventListener('mouseleave', function() {\r\n        const wrapper = this.querySelector('.ccc-food-image-wrapper');\r\n        if (wrapper) {\r\n          wrapper.style.transform = 'scale(1)';\r\n          wrapper.style.transition = 'transform 0.5s ease';\r\n        }\r\n      });\r\n    }\r\n\r\n    \/* ============================================\r\n       SCROLL ANIMATION\r\n       ============================================ *\/\r\n    const section = document.querySelector('.ccc-food');\r\n    if (section && 'IntersectionObserver' in window) {\r\n      const observer = new IntersectionObserver(\r\n        function(entries) {\r\n          entries.forEach(function(entry) {\r\n            if (entry.isIntersecting) {\r\n              const content = entry.target.querySelector('.ccc-food-content');\r\n              if (content) {\r\n                content.style.animation = 'cccFoodFadeUp 1s cubic-bezier(0.2, 0.9, 0.3, 1) forwards';\r\n              }\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, {\r\n          threshold: 0.15\r\n        }\r\n      );\r\n      observer.observe(section);\r\n    }\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c0a9620 e-con e-atomic-element e-flexbox-base e-06cbae8 \" data-id=\"c0a9620\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c0a9620\">\n    <div class=\"elementor-element elementor-element-80cb6cd e-con e-atomic-element e-flexbox-base e-c89391f \" data-id=\"80cb6cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"80cb6cd\">\n    \t\t<div class=\"elementor-element elementor-element-faef888 elementor-widget elementor-widget-html\" data-id=\"faef888\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAFE CALCUTTA CLASSIC \u2014 AMBIENCE EDITORIAL POSTER -->\r\n<!-- Elementor HTML Widget Ready -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n  .c3-ambience-poster {\r\n    --c3-dark: #221F1F;\r\n    --c3-cream: #F1E7D0;\r\n    --c3-green: #5CA670;\r\n    --c3-orange: #F15A28;\r\n    --c3-gold: #F2DEBA;\r\n\r\n    width: 100%;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    line-height: 0;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .c3-ambience-poster svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     CTA HOVER\r\n  ========================================= *\/\r\n\r\n  .c3-ambience-poster .c3-cta {\r\n    cursor: pointer;\r\n    transform-origin: center;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .c3-ambience-poster .c3-cta-bg {\r\n    transition: fill 0.35s ease;\r\n  }\r\n\r\n  .c3-ambience-poster .c3-cta:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .c3-ambience-poster .c3-cta:hover .c3-cta-bg {\r\n    fill: #5CA670;\r\n  }\r\n\r\n  .c3-ambience-poster .c3-cta:active {\r\n    transform: translateY(0) scale(0.97);\r\n  }\r\n\r\n  \/* =========================================\r\n     BACKGROUND IMAGE\r\n  ========================================= *\/\r\n\r\n  .c3-ambience-poster .c3-bg-image {\r\n    opacity: 0.13;\r\n    transition: opacity 0.5s ease;\r\n  }\r\n\r\n  .c3-ambience-poster:hover .c3-bg-image {\r\n    opacity: 0.17;\r\n  }\r\n\r\n  \/* =========================================\r\n     MOBILE\r\n  ========================================= *\/\r\n\r\n  @media (max-width: 600px) {\r\n    .c3-ambience-poster {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .c3-ambience-poster {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"c3-ambience-poster\">\r\n\r\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 1000\" width=\"100%\" height=\"auto\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n    <defs>\r\n\r\n      <!-- =====================================\r\n           SHADOWS\r\n      ====================================== -->\r\n\r\n      <filter id=\"c3PosterShadow\" x=\"-15%\" y=\"-15%\" width=\"140%\" height=\"140%\">\r\n        <feDropShadow dx=\"4\" dy=\"10\" stdDeviation=\"14\" flood-color=\"#221F1F\" flood-opacity=\".16\" \/>\r\n        <feDropShadow dx=\"0\" dy=\"3\" stdDeviation=\"5\" flood-color=\"#221F1F\" flood-opacity=\".08\" \/>\r\n      <\/filter>\r\n\r\n      <filter id=\"c3SoftShadow\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n        <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"6\" flood-color=\"#221F1F\" flood-opacity=\".10\" \/>\r\n      <\/filter>\r\n\r\n      <!-- =====================================\r\n           HEADER GRADIENT - WEBSITE COLORS\r\n      ====================================== -->\r\n\r\n      <linearGradient id=\"c3Header\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#221F1F\" \/>\r\n        <stop offset=\"45%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F15A28\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- =====================================\r\n           BACKGROUND - WEBSITE CREAM\r\n      ====================================== -->\r\n\r\n      <radialGradient id=\"c3Bg\" cx=\"50%\" cy=\"35%\" r=\"75%\">\r\n        <stop offset=\"0%\" stop-color=\"#F1E7D0\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F1E7D0\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- =====================================\r\n           ILLUSTRATION\r\n      ====================================== -->\r\n\r\n      <radialGradient id=\"c3Illustration\" cx=\"50%\" cy=\"45%\" r=\"65%\">\r\n        <stop offset=\"0%\" stop-color=\"#FFFDF8\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F1E7D0\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- =====================================\r\n           GOLD\r\n      ====================================== -->\r\n\r\n      <linearGradient id=\"c3Gold\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"50%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#5CA670\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- =====================================\r\n           BUTTON - WEBSITE COLORS\r\n      ====================================== -->\r\n\r\n      <linearGradient id=\"c3Button\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F15A28\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- =====================================\r\n           IMAGE CLIP\r\n      ====================================== -->\r\n\r\n      <clipPath id=\"c3ImageClip\">\r\n        <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" \/>\r\n      <\/clipPath>\r\n\r\n    <\/defs>\r\n\r\n    <!-- =========================================\r\n         OUTER BACKGROUND\r\n    ========================================= -->\r\n\r\n    <rect width=\"800\" height=\"1000\" fill=\"url(#c3Bg)\" \/>\r\n\r\n    <!-- =========================================\r\n         BACKGROUND IMAGE\r\n    ========================================= -->\r\n\r\n    <image class=\"c3-bg-image\" href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/cafe-placeholder.jpg\" x=\"80\" y=\"75\" width=\"640\" height=\"860\" preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#c3ImageClip)\" \/>\r\n\r\n    <!-- Soft Image Overlay -->\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" fill=\"#F1E7D0\" opacity=\".82\" clip-path=\"url(#c3ImageClip)\" \/>\r\n\r\n    <!-- Top Decorative Line -->\r\n    <line x1=\"100\" y1=\"42\" x2=\"700\" y2=\"42\" stroke=\"#5CA670\" stroke-width=\".8\" stroke-dasharray=\"4 6\" opacity=\".55\" \/>\r\n\r\n    <!-- Hanging Wires -->\r\n    <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"75\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".35\" \/>\r\n    <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"75\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".35\" \/>\r\n\r\n    <!-- =========================================\r\n         POSTER\r\n    ========================================= -->\r\n\r\n    <g filter=\"url(#c3PosterShadow)\">\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"#FFFDF8\" \/>\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         METAL CLIPS\r\n    ========================================= -->\r\n\r\n    <g filter=\"url(#c3SoftShadow)\">\r\n      <rect x=\"175\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"#221F1F\" \/>\r\n      <rect x=\"178\" y=\"70\" width=\"24\" height=\"2\" fill=\"#5CA670\" \/>\r\n      <rect x=\"178\" y=\"74\" width=\"24\" height=\"2\" fill=\"#F2DEBA\" \/>\r\n\r\n      <rect x=\"595\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"#221F1F\" \/>\r\n      <rect x=\"598\" y=\"70\" width=\"24\" height=\"2\" fill=\"#5CA670\" \/>\r\n      <rect x=\"598\" y=\"74\" width=\"24\" height=\"2\" fill=\"#F2DEBA\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         HEADER\r\n    ========================================= -->\r\n\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" rx=\"3\" fill=\"url(#c3Header)\" \/>\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" fill=\"#221F1F\" opacity=\".12\" \/>\r\n\r\n    <!-- =========================================\r\n         AMBIENCE\r\n    ========================================= -->\r\n\r\n    <text x=\"400\" y=\"115\" font-size=\"17\" font-weight=\"600\" fill=\"#F2DEBA\" text-anchor=\"middle\" letter-spacing=\"5\">\r\n      AMBIENCE\r\n    <\/text>\r\n\r\n    <line x1=\"270\" y1=\"130\" x2=\"530\" y2=\"130\" stroke=\"#F2DEBA\" stroke-width=\".8\" opacity=\".7\" \/>\r\n\r\n    <!-- =========================================\r\n         MAIN HEADING\r\n    ========================================= -->\r\n\r\n    <text x=\"400\" y=\"165\" font-size=\"29\" font-weight=\"600\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      A Caf\u00e9 Inspired by\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"200\" font-size=\"29\" font-weight=\"600\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      the Character of Kolkata\r\n    <\/text>\r\n\r\n    <!-- Accent Dots -->\r\n    <circle cx=\"392\" cy=\"220\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"400\" cy=\"220\" r=\"2\" fill=\"#FFFFFF\" \/>\r\n    <circle cx=\"408\" cy=\"220\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n\r\n    <!-- Intro -->\r\n    <text x=\"400\" y=\"250\" font-size=\"10\" font-weight=\"500\" fill=\"#F1E7D0\" text-anchor=\"middle\" letter-spacing=\"1.5\">\r\n      ROOTED IN HERITAGE \u00b7 SHAPED FOR TODAY\r\n    <\/text>\r\n\r\n    <!-- Header Bottom -->\r\n    <rect x=\"80\" y=\"318\" width=\"640\" height=\"2\" fill=\"#F15A28\" opacity=\".55\" \/>\r\n\r\n    <!-- =========================================\r\n         CENTRAL CAFE ILLUSTRATION\r\n    ========================================= -->\r\n\r\n    <g transform=\"translate(400 365)\">\r\n\r\n      <!-- Gold Ring -->\r\n      <circle cx=\"0\" cy=\"0\" r=\"64\" fill=\"none\" stroke=\"url(#c3Gold)\" stroke-width=\"2.5\" opacity=\".9\" \/>\r\n\r\n      <!-- Inner Circle -->\r\n      <circle cx=\"0\" cy=\"0\" r=\"57\" fill=\"url(#c3Illustration)\" filter=\"url(#c3SoftShadow)\" \/>\r\n\r\n      <!-- Kolkata Architecture -->\r\n      <path d=\"\r\n        M-40 22\r\n        L-40 2\r\n        L-34 2\r\n        L-34 -12\r\n        L-29 -12\r\n        L-29 2\r\n        L-22 2\r\n        L-22 -18\r\n        L-17 -18\r\n        L-17 2\r\n        L-10 2\r\n        L-10 -7\r\n        L-4 -7\r\n        L-4 2\r\n        L4 2\r\n        L4 -20\r\n        L9 -20\r\n        L9 2\r\n        L16 2\r\n        L16 -12\r\n        L21 -12\r\n        L21 2\r\n        L29 2\r\n        L29 -16\r\n        L34 -16\r\n        L34 2\r\n        L40 2\r\n        L40 22\r\n        Z\" fill=\"#5CA670\" opacity=\".18\" \/>\r\n\r\n      <!-- Windows -->\r\n      <g fill=\"#F15A28\" opacity=\".28\">\r\n        <rect x=\"-31\" y=\"4\" width=\"4\" height=\"6\" rx=\"1\" \/>\r\n        <rect x=\"-20\" y=\"-9\" width=\"4\" height=\"6\" rx=\"1\" \/>\r\n        <rect x=\"1\" y=\"-11\" width=\"4\" height=\"6\" rx=\"1\" \/>\r\n        <rect x=\"20\" y=\"-6\" width=\"4\" height=\"6\" rx=\"1\" \/>\r\n        <rect x=\"30\" y=\"4\" width=\"4\" height=\"6\" rx=\"1\" \/>\r\n      <\/g>\r\n\r\n      <!-- Table -->\r\n      <ellipse cx=\"0\" cy=\"22\" rx=\"31\" ry=\"7\" fill=\"#221F1F\" opacity=\".12\" \/>\r\n\r\n      <!-- Cup -->\r\n      <path d=\"M-14 0 L-11 21 Q0 25 11 21 L14 0 Z\" fill=\"#FFFFFF\" \/>\r\n\r\n      <!-- Cup Top -->\r\n      <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"5\" fill=\"#FFFFFF\" \/>\r\n      <ellipse cx=\"0\" cy=\"-1\" rx=\"10.5\" ry=\"3.5\" fill=\"#221F1F\" opacity=\".85\" \/>\r\n\r\n      <!-- Coffee Highlight -->\r\n      <ellipse cx=\"-3\" cy=\"-2\" rx=\"4\" ry=\"1.2\" fill=\"#F15A28\" opacity=\".5\" \/>\r\n\r\n      <!-- Handle -->\r\n      <path d=\"M14 5 Q25 4 25 12 Q25 20 14 18\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" \/>\r\n\r\n      <!-- Cup Decoration -->\r\n      <path d=\"M-10 11 Q0 14 10 11\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"1.2\" opacity=\".65\" \/>\r\n\r\n      <!-- Steam -->\r\n      <path d=\"M-6 -7 Q-9 -17 -4 -24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\".7\" \/>\r\n      <path d=\"M0 -8 Q3 -18 -1 -27\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\".6\" \/>\r\n      <path d=\"M6 -7 Q9 -17 4 -24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\".7\" \/>\r\n\r\n      <!-- Pastry -->\r\n      <ellipse cx=\"23\" cy=\"19\" rx=\"8\" ry=\"3\" fill=\"#FFFFFF\" \/>\r\n      <ellipse cx=\"23\" cy=\"18\" rx=\"5\" ry=\"2.5\" fill=\"#F15A28\" opacity=\".45\" \/>\r\n\r\n      <!-- Flower -->\r\n      <line x1=\"-24\" y1=\"17\" x2=\"-24\" y2=\"-3\" stroke=\"#5CA670\" stroke-width=\"1\" \/>\r\n      <circle cx=\"-24\" cy=\"-7\" r=\"4\" fill=\"#F2DEBA\" \/>\r\n      <circle cx=\"-24\" cy=\"-7\" r=\"1.5\" fill=\"#FFFFFF\" \/>\r\n\r\n      <!-- Stars -->\r\n      <circle cx=\"-37\" cy=\"-24\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n      <circle cx=\"36\" cy=\"-26\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         EDITORIAL CONTENT\r\n    ========================================= -->\r\n\r\n    <line x1=\"145\" y1=\"445\" x2=\"655\" y2=\"445\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n\r\n    <!-- BODY TITLE -->\r\n    <text x=\"400\" y=\"478\" font-size=\"14\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\">\r\n      The character and charm of Kolkata\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"500\" font-size=\"14\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\">\r\n      have always been part of the Cafe Calcutta Classic identity.\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         BODY PARAGRAPH\r\n    ========================================= -->\r\n\r\n    <text x=\"400\" y=\"538\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      The setting takes inspiration from the timeless character\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"555\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      of 1920s Kolkata while bringing it into a contemporary\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"572\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      caf\u00e9 environment. The result is a space designed for\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"589\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      relaxed afternoons, lively evenings, conversations,\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"606\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      meals and everything in between.\r\n    <\/text>\r\n\r\n    <!-- FINAL PARAGRAPH -->\r\n    <text x=\"400\" y=\"643\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      Comfortable seating, distinctive interiors and a welcoming\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"660\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      atmosphere make Cafe Calcutta Classic a place where you can stay\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"677\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      a little longer.\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         DECORATIVE ACCENT\r\n    ========================================= -->\r\n\r\n    <line x1=\"300\" y1=\"700\" x2=\"365\" y2=\"700\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".45\" \/>\r\n    <circle cx=\"380\" cy=\"700\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"400\" cy=\"700\" r=\"2.5\" fill=\"#F15A28\" opacity=\".65\" \/>\r\n    <circle cx=\"420\" cy=\"700\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <line x1=\"435\" y1=\"700\" x2=\"500\" y2=\"700\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".45\" \/>\r\n\r\n    <!-- =========================================\r\n         CTA\r\n    ========================================= -->\r\n\r\n    <text x=\"400\" y=\"742\" font-size=\"13\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\" letter-spacing=\"2\">\r\n      DISCOVER THE CAFE CALCUTTA CLASSIC EXPERIENCE\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         CTA BUTTON - FIXED WIDTH & ARROW\r\n    ========================================= -->\r\n\r\n    <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\" class=\"c3-cta\">\r\n\r\n      <!-- Shadow -->\r\n      <rect x=\"224\" y=\"758\" width=\"352\" height=\"54\" rx=\"27\" fill=\"#221F1F\" opacity=\".10\" \/>\r\n\r\n      <!-- Button Background -->\r\n      <rect class=\"c3-cta-bg\" x=\"224\" y=\"755\" width=\"352\" height=\"54\" rx=\"27\" fill=\"url(#c3Button)\" filter=\"url(#c3SoftShadow)\" \/>\r\n\r\n      <!-- Border -->\r\n      <rect x=\"226\" y=\"757\" width=\"348\" height=\"50\" rx=\"25\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\"1\" opacity=\".4\" \/>\r\n\r\n      <!-- Button Text -->\r\n      <text x=\"380\" y=\"788\" font-size=\"12\" font-weight=\"600\" fill=\"#FFFFFF\" text-anchor=\"middle\" letter-spacing=\"1.2\">\r\n        EXPLORE CAFE CALCUTTA CLASSIC\r\n      <\/text>\r\n\r\n      <!-- Arrow - Fixed -->\r\n      <path d=\"M503 781 L514 781 M511 778 L514 781 L511 784\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n\r\n    <\/a>\r\n\r\n    <!-- =========================================\r\n         BRANDING\r\n    ========================================= -->\r\n\r\n    <line x1=\"200\" y1=\"845\" x2=\"600\" y2=\"845\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n\r\n    <!-- Coffee Mark -->\r\n    <g transform=\"translate(400 870)\">\r\n      <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" opacity=\".5\" \/>\r\n      <path d=\"M-6 -2 L-5 5 Q0 8 5 5 L6 -2\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"1\" \/>\r\n      <ellipse cx=\"0\" cy=\"-2\" rx=\"6\" ry=\"2\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" \/>\r\n      <path d=\"M6 0 Q11 0 11 3 Q11 6 6 5\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         BRAND NAME\r\n    ========================================= -->\r\n\r\n    <text x=\"400\" y=\"910\" font-size=\"11\" font-weight=\"600\" fill=\"#F15A28\" text-anchor=\"middle\" letter-spacing=\"2.5\">\r\n      CAFE CALCUTTA CLASSIC \u00b7 KOLKATA\r\n    <\/text>\r\n\r\n    <!-- Bottom Dots -->\r\n    <circle cx=\"360\" cy=\"920\" r=\"1.5\" fill=\"#5CA670\" \/>\r\n    <circle cx=\"375\" cy=\"920\" r=\"1.5\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"390\" cy=\"920\" r=\"1.5\" fill=\"#F15A28\" \/>\r\n    <circle cx=\"410\" cy=\"920\" r=\"1.5\" fill=\"#F15A28\" \/>\r\n    <circle cx=\"425\" cy=\"920\" r=\"1.5\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"440\" cy=\"920\" r=\"1.5\" fill=\"#5CA670\" \/>\r\n\r\n    <!-- Final Border -->\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\".7\" \/>\r\n\r\n  <\/svg>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n\r\n    const cta = document.querySelector(\r\n      '.c3-ambience-poster .c3-cta'\r\n    );\r\n\r\n    if (cta) {\r\n\r\n      cta.addEventListener('click', function(e) {\r\n\r\n        if (this.getAttribute('href') === '#') {\r\n          e.preventDefault();\r\n        }\r\n\r\n      });\r\n\r\n    }\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-50da4b6 e-con e-atomic-element e-flexbox-base e-87a39ee \" data-id=\"50da4b6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"50da4b6\">\n    \t\t<div class=\"elementor-element elementor-element-d49c8d6 elementor-widget elementor-widget-html\" data-id=\"d49c8d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAFE CALCUTTA CLASSIC \u2014 LIVE MUSIC EDITORIAL POSTER -->\r\n<!-- Elementor HTML Widget Ready -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n  .ccc-live-music-poster {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    line-height: 0;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ccc-live-music-poster svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     PREMIUM BUTTON\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn {\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .ccc-live-music-poster .ccc-live-btn-group {\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n    transition: transform 0.35s cubic-bezier(.22, .61, .36, 1);\r\n  }\r\n\r\n  \/* =========================================\r\n     BUTTON HOVER \u2014 LIFT\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn:hover .ccc-live-btn-group {\r\n    transform: translateY(-4px) scale(1.025);\r\n  }\r\n\r\n  \/* =========================================\r\n     BUTTON BACKGROUND\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn-bg {\r\n    transition: filter 0.35s ease, opacity 0.35s ease;\r\n  }\r\n\r\n  \/* =========================================\r\n     BUTTON GLOW\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn:hover .ccc-live-btn-bg {\r\n    filter: drop-shadow(0 7px 12px rgba(92, 166, 112, 0.28)) drop-shadow(0 0 8px rgba(241, 90, 40, 0.18));\r\n  }\r\n\r\n  \/* =========================================\r\n     BUTTON BORDER HOVER\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn-border {\r\n    transition: opacity 0.35s ease, stroke-width 0.35s ease;\r\n  }\r\n\r\n  .ccc-live-music-poster .ccc-live-btn:hover .ccc-live-btn-border {\r\n    opacity: 0.7;\r\n    stroke-width: 1.3;\r\n  }\r\n\r\n  \/* =========================================\r\n     ARROW HOVER\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn-arrow {\r\n    transition: transform 0.35s cubic-bezier(.22, .61, .36, 1);\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n  }\r\n\r\n  .ccc-live-music-poster .ccc-live-btn:hover .ccc-live-btn-arrow {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* =========================================\r\n     BUTTON ACTIVE \/ CLICK EFFECT\r\n  ========================================= *\/\r\n\r\n  .ccc-live-music-poster .ccc-live-btn:active .ccc-live-btn-group {\r\n    transform: translateY(-1px) scale(.99);\r\n  }\r\n\r\n  \/* =========================================\r\n     MOBILE\r\n  ========================================= *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ccc-live-music-poster {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ccc-live-music-poster\">\r\n\r\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 1000\" width=\"100%\" height=\"auto\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n    <defs>\r\n\r\n      <!-- Poster Shadow -->\r\n      <filter id=\"livePosterShadow\" x=\"-15%\" y=\"-15%\" width=\"140%\" height=\"140%\">\r\n        <feDropShadow dx=\"4\" dy=\"10\" stdDeviation=\"14\" flood-color=\"#221F1F\" flood-opacity=\"0.16\" \/>\r\n        <feDropShadow dx=\"0\" dy=\"3\" stdDeviation=\"5\" flood-color=\"#221F1F\" flood-opacity=\"0.08\" \/>\r\n      <\/filter>\r\n\r\n      <!-- Soft Shadow -->\r\n      <filter id=\"liveSoftShadow\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n        <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"6\" flood-color=\"#221F1F\" flood-opacity=\"0.10\" \/>\r\n      <\/filter>\r\n\r\n      <!-- Warm Header - Website Colors -->\r\n      <linearGradient id=\"liveHeaderWarm\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#221F1F\" \/>\r\n        <stop offset=\"45%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F15A28\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Background - Website Cream -->\r\n      <radialGradient id=\"liveBgGrad\" cx=\"50%\" cy=\"35%\" r=\"75%\">\r\n        <stop offset=\"0%\" stop-color=\"#F1E7D0\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F1E7D0\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- Illustration Background -->\r\n      <radialGradient id=\"liveIllustrationBg\" cx=\"50%\" cy=\"45%\" r=\"65%\">\r\n        <stop offset=\"0%\" stop-color=\"#FFFDF8\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F1E7D0\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- Gold Ring -->\r\n      <linearGradient id=\"liveGoldRing\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"50%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#5CA670\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Button - Website Colors -->\r\n      <linearGradient id=\"liveButtonGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F15A28\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Paper Texture -->\r\n      <filter id=\"livePaperNoise\">\r\n        <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"2\" stitchTiles=\"stitch\" \/>\r\n        <feColorMatrix type=\"saturate\" values=\"0\" \/>\r\n        <feComponentTransfer>\r\n          <feFuncA type=\"table\" tableValues=\"0 0.025\" \/>\r\n        <\/feComponentTransfer>\r\n      <\/filter>\r\n\r\n      <!-- Clip -->\r\n      <linearGradient id=\"liveClipGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#221F1F\" \/>\r\n        <stop offset=\"50%\" stop-color=\"#221F1F\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#221F1F\" \/>\r\n      <\/linearGradient>\r\n\r\n    <\/defs>\r\n\r\n    <!-- =========================================\r\n         OUTER BACKGROUND\r\n    ========================================== -->\r\n\r\n    <rect width=\"800\" height=\"1000\" fill=\"url(#liveBgGrad)\" \/>\r\n\r\n    <line x1=\"100\" y1=\"42\" x2=\"700\" y2=\"42\" stroke=\"#5CA670\" stroke-width=\".8\" stroke-dasharray=\"4 6\" opacity=\".55\" \/>\r\n\r\n    <!-- Hanging wires -->\r\n    <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"75\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".35\" \/>\r\n    <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"75\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".35\" \/>\r\n\r\n    <!-- =========================================\r\n         POSTER\r\n    ========================================== -->\r\n\r\n    <g filter=\"url(#livePosterShadow)\">\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"#FFFDF8\" \/>\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         METAL CLIPS\r\n    ========================================== -->\r\n\r\n    <g filter=\"url(#liveSoftShadow)\">\r\n      <rect x=\"175\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"url(#liveClipGrad)\" \/>\r\n      <rect x=\"178\" y=\"70\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#5CA670\" \/>\r\n      <rect x=\"178\" y=\"74\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F2DEBA\" \/>\r\n      <rect x=\"178\" y=\"78\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F15A28\" \/>\r\n\r\n      <rect x=\"595\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"url(#liveClipGrad)\" \/>\r\n      <rect x=\"598\" y=\"70\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#5CA670\" \/>\r\n      <rect x=\"598\" y=\"74\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F2DEBA\" \/>\r\n      <rect x=\"598\" y=\"78\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F15A28\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         HEADER\r\n    ========================================== -->\r\n\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" rx=\"3\" fill=\"url(#liveHeaderWarm)\" \/>\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" fill=\"#FFFFFF\" opacity=\"0.035\" filter=\"url(#livePaperNoise)\" \/>\r\n\r\n    <!-- HEADER LABEL -->\r\n    <text x=\"400\" y=\"115\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"17\" font-weight=\"600\" fill=\"#F2DEBA\" text-anchor=\"middle\" letter-spacing=\"5\">\r\n      LIVE MUSIC\r\n    <\/text>\r\n\r\n    <!-- Decorative line -->\r\n    <line x1=\"270\" y1=\"130\" x2=\"530\" y2=\"130\" stroke=\"#F2DEBA\" stroke-width=\".8\" opacity=\".7\" \/>\r\n\r\n    <!-- MAIN HEADING -->\r\n    <text x=\"400\" y=\"165\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"27\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      Where Food Meets\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"199\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"27\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      Music\r\n    <\/text>\r\n\r\n    <!-- Decorative dots -->\r\n    <circle cx=\"392\" cy=\"221\" r=\"2\" fill=\"#F2DEBA\" opacity=\"0.9\" \/>\r\n    <circle cx=\"400\" cy=\"221\" r=\"2\" fill=\"#FFFFFF\" opacity=\"0.9\" \/>\r\n    <circle cx=\"408\" cy=\"221\" r=\"2\" fill=\"#F2DEBA\" opacity=\"0.9\" \/>\r\n\r\n    <!-- Supporting line -->\r\n    <text x=\"400\" y=\"251\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"500\" fill=\"#F1E7D0\" text-anchor=\"middle\" letter-spacing=\"1.5\">\r\n      WESTERN \u00b7 BOLLYWOOD \u00b7 FOLK\r\n    <\/text>\r\n\r\n    <!-- Header bottom line -->\r\n    <rect x=\"80\" y=\"318\" width=\"640\" height=\"2\" fill=\"#F15A28\" opacity=\".55\" \/>\r\n\r\n    <!-- =========================================\r\n         CENTRAL LIVE MUSIC ILLUSTRATION\r\n    ========================================== -->\r\n\r\n    <g transform=\"translate(400 365)\">\r\n\r\n      <!-- Gold outer circle -->\r\n      <circle cx=\"0\" cy=\"0\" r=\"64\" fill=\"none\" stroke=\"url(#liveGoldRing)\" stroke-width=\"2.5\" opacity=\".9\" \/>\r\n\r\n      <!-- Inner circle -->\r\n      <circle cx=\"0\" cy=\"0\" r=\"57\" fill=\"url(#liveIllustrationBg)\" filter=\"url(#liveSoftShadow)\" \/>\r\n\r\n      <!-- Soft stage glow -->\r\n      <circle cx=\"0\" cy=\"-5\" r=\"39\" fill=\"#F15A28\" opacity=\"0.06\" \/>\r\n\r\n      <!-- Microphone stand -->\r\n      <line x1=\"0\" y1=\"-7\" x2=\"0\" y2=\"31\" stroke=\"#221F1F\" stroke-width=\"2\" opacity=\"0.2\" \/>\r\n\r\n      <!-- Microphone -->\r\n      <ellipse cx=\"0\" cy=\"-25\" rx=\"8\" ry=\"12\" fill=\"#221F1F\" opacity=\"0.7\" \/>\r\n      <ellipse cx=\"0\" cy=\"-28\" rx=\"6\" ry=\"8\" fill=\"#5CA670\" opacity=\"0.5\" \/>\r\n\r\n      <!-- Microphone highlight -->\r\n      <path d=\"M-3 -34 Q-5 -28 -3 -23\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.3\" \/>\r\n\r\n      <!-- Microphone base -->\r\n      <ellipse cx=\"0\" cy=\"31\" rx=\"15\" ry=\"4\" fill=\"#221F1F\" opacity=\"0.08\" \/>\r\n\r\n      <!-- Guitar-inspired shape -->\r\n      <path d=\"M-27 13 Q-35 5 -29 -2 Q-24 -7 -17 -2 Q-11 4 -16 12 Q-21 19 -27 13 Z\" fill=\"#F15A28\" opacity=\"0.10\" \/>\r\n      <line x1=\"-22\" y1=\"-1\" x2=\"-8\" y2=\"-19\" stroke=\"#221F1F\" stroke-width=\"1.5\" opacity=\"0.12\" \/>\r\n\r\n      <!-- Music notes -->\r\n      <g fill=\"#F15A28\" opacity=\"0.35\">\r\n        <path d=\"M22 -19 L22 -36 L33 -39 L33 -35 L25 -33 L25 -20 Z\" \/>\r\n        <circle cx=\"19\" cy=\"-17\" r=\"4\" \/>\r\n        <circle cx=\"30\" cy=\"-33\" r=\"4\" \/>\r\n      <\/g>\r\n\r\n      <!-- Small musical note -->\r\n      <path d=\"M-37 1 L-37 -13 L-28 -15 L-28 -12 L-34 -11 L-34 0 Z\" fill=\"#F2DEBA\" opacity=\"0.4\" \/>\r\n      <circle cx=\"-39\" cy=\"3\" r=\"3.5\" fill=\"#F2DEBA\" opacity=\"0.4\" \/>\r\n\r\n      <!-- Stage floor -->\r\n      <ellipse cx=\"0\" cy=\"34\" rx=\"38\" ry=\"7\" fill=\"#221F1F\" opacity=\"0.06\" \/>\r\n\r\n      <!-- Decorative stars -->\r\n      <circle cx=\"-38\" cy=\"-28\" r=\"2\" fill=\"#F2DEBA\" opacity=\"0.5\" \/>\r\n      <circle cx=\"38\" cy=\"-30\" r=\"2\" fill=\"#F2DEBA\" opacity=\"0.45\" \/>\r\n      <circle cx=\"32\" cy=\"17\" r=\"1.8\" fill=\"#F2DEBA\" opacity=\"0.4\" \/>\r\n\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         EDITORIAL CONTENT\r\n    ========================================== -->\r\n\r\n    <line x1=\"145\" y1=\"445\" x2=\"655\" y2=\"445\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n\r\n    <!-- BODY TITLE -->\r\n    <text x=\"400\" y=\"478\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\">\r\n      Music is part of what makes\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"498\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\">\r\n      Cafe Calcutta Classic different.\r\n    <\/text>\r\n\r\n    <!-- BODY PARAGRAPH -->\r\n    <text x=\"400\" y=\"536\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      Throughout the live music calendar, Western, Bollywood\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"552\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      and Folk-based performances bring artists and audiences\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"568\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      together. The music changes, the artists change and every\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"584\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"300\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      show brings something different to the evening.\r\n    <\/text>\r\n\r\n    <!-- Final paragraph -->\r\n    <text x=\"400\" y=\"620\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"500\" fill=\"#5CA670\" text-anchor=\"middle\">\r\n      Come for dinner. Stay for the performance.\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         DECORATIVE ACCENTS\r\n    ========================================== -->\r\n\r\n    <line x1=\"300\" y1=\"660\" x2=\"365\" y2=\"660\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".45\" \/>\r\n    <circle cx=\"380\" cy=\"660\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"400\" cy=\"660\" r=\"2.5\" fill=\"#F15A28\" opacity=\".65\" \/>\r\n    <circle cx=\"420\" cy=\"660\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <line x1=\"435\" y1=\"660\" x2=\"500\" y2=\"660\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".45\" \/>\r\n\r\n    <!-- =========================================\r\n         CTA AREA\r\n    ========================================== -->\r\n\r\n    <text x=\"400\" y=\"702\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"13\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\" letter-spacing=\"2\">\r\n      EXPERIENCE LIVE MUSIC\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         CLICKABLE PREMIUM CTA BUTTON - FIXED\r\n    ========================================== -->\r\n\r\n    <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ccc-live-btn\">\r\n\r\n      <g class=\"ccc-live-btn-group\">\r\n\r\n        <!-- Shadow -->\r\n        <rect x=\"234\" y=\"722\" width=\"332\" height=\"52\" rx=\"26\" fill=\"#221F1F\" opacity=\".10\" \/>\r\n\r\n        <!-- Button Background -->\r\n        <rect class=\"ccc-live-btn-bg\" x=\"234\" y=\"719\" width=\"332\" height=\"52\" rx=\"26\" fill=\"url(#liveButtonGrad)\" filter=\"url(#liveSoftShadow)\" \/>\r\n\r\n        <!-- Button Border -->\r\n        <rect class=\"ccc-live-btn-border\" x=\"236\" y=\"721\" width=\"328\" height=\"48\" rx=\"24\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\"1\" opacity=\".4\" \/>\r\n\r\n        <!-- Button Text -->\r\n        <text x=\"385\" y=\"751\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\" letter-spacing=\"1.2\">\r\n          VIEW LIVE MUSIC\r\n        <\/text>\r\n\r\n        <!-- Arrow - Fixed -->\r\n        <path class=\"ccc-live-btn-arrow\" d=\"M505 744 L516 744 M513 741 L516 744 L513 747\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n\r\n      <\/g>\r\n\r\n    <\/a>\r\n\r\n    <!-- =========================================\r\n         SUPPORTING LINE\r\n    ========================================== -->\r\n\r\n    <text x=\"400\" y=\"808\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"500\" fill=\"#221F1F\" opacity=\".5\" text-anchor=\"middle\" letter-spacing=\"2\">\r\n      WESTERN \u00b7 BOLLYWOOD \u00b7 FOLK\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         BOTTOM BRANDING\r\n    ========================================== -->\r\n\r\n    <line x1=\"200\" y1=\"845\" x2=\"600\" y2=\"845\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n\r\n    <!-- Bottom decorative music mark -->\r\n    <g transform=\"translate(400 870)\">\r\n      <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" opacity=\".5\" \/>\r\n      <path d=\"M-1 -7 L5 -9 L5 4 L-1 6 Z\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".5\" \/>\r\n      <circle cx=\"-4\" cy=\"7\" r=\"3\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" opacity=\".5\" \/>\r\n      <circle cx=\"3\" cy=\"4\" r=\"3\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" opacity=\".5\" \/>\r\n    <\/g>\r\n\r\n    <!-- Brand -->\r\n    <text x=\"400\" y=\"910\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"11\" font-weight=\"600\" fill=\"#F15A28\" text-anchor=\"middle\" letter-spacing=\"2.5\">\r\n      CAFE CALCUTTA CLASSIC \u00b7 KOLKATA\r\n    <\/text>\r\n\r\n    <!-- Bottom dots -->\r\n    <circle cx=\"360\" cy=\"920\" r=\"1.5\" fill=\"#5CA670\" \/>\r\n    <circle cx=\"375\" cy=\"920\" r=\"1.5\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"390\" cy=\"920\" r=\"1.5\" fill=\"#F15A28\" \/>\r\n    <circle cx=\"410\" cy=\"920\" r=\"1.5\" fill=\"#F15A28\" \/>\r\n    <circle cx=\"425\" cy=\"920\" r=\"1.5\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"440\" cy=\"920\" r=\"1.5\" fill=\"#5CA670\" \/>\r\n\r\n    <!-- Poster Border -->\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\".7\" \/>\r\n\r\n  <\/svg>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-39811bd e-con e-atomic-element e-flexbox-base e-39811bd-d31a23b \" data-id=\"39811bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"39811bd\">\n    <div class=\"elementor-element elementor-element-fe35729 e-con e-atomic-element e-flexbox-base e-fe35729-ee8c196 \" data-id=\"fe35729\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fe35729\">\n    \t\t<div class=\"elementor-element elementor-element-d354802 elementor-widget elementor-widget-html\" data-id=\"d354802\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAFE CALCUTTA CLASSIC \u2014 WORK & CONNECT \u2014 Premium Editorial Poster -->\r\n<!-- Elementor HTML Widget Ready -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n  .ccc-work-connect-poster {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    line-height: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n  }\r\n\r\n  .ccc-work-connect-poster svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CLICKABLE BUTTON AREA\r\n  ========================================================= *\/\r\n\r\n  .ccc-work-click-area {\r\n    position: absolute;\r\n    left: 30.5%;\r\n    top: 76.9%;\r\n    width: 39%;\r\n    height: 5%;\r\n    display: block;\r\n    z-index: 10;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* =========================================================\r\n     PREMIUM BUTTON HOVER\r\n  ========================================================= *\/\r\n\r\n  .ccc-work-connect-poster .ccc-work-btn,\r\n  .ccc-work-connect-poster .ccc-work-btn-border {\r\n    transition: transform 0.35s cubic-bezier(.22, .61, .36, 1), opacity 0.35s ease, filter 0.35s ease;\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n  }\r\n\r\n  \/* Main hover *\/\r\n  .ccc-work-connect-poster:hover .ccc-work-btn {\r\n    transform: translateY(-3px) scale(1.04);\r\n    filter: drop-shadow(0 8px 16px rgba(92, 166, 112, .38)) drop-shadow(0 0 8px rgba(92, 166, 112, .20)) brightness(1.08);\r\n  }\r\n\r\n  \/* Border hover *\/\r\n  .ccc-work-connect-poster:hover .ccc-work-btn-border {\r\n    transform: translateY(-3px) scale(1.04);\r\n    opacity: .90;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CLICK AREA HOVER \u2014 SUBTLE POINTER FEEL\r\n  ========================================================= *\/\r\n\r\n  .ccc-work-click-area {\r\n    transition: transform 0.35s ease, filter 0.35s ease;\r\n  }\r\n\r\n  .ccc-work-click-area:hover {\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ccc-work-connect-poster {\r\n      width: 100%;\r\n    }\r\n    .ccc-work-click-area {\r\n      left: 28%;\r\n      top: 76.8%;\r\n      width: 44%;\r\n      height: 4.8%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ccc-work-click-area {\r\n      left: 22%;\r\n      top: 76.5%;\r\n      width: 56%;\r\n      height: 4.5%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ccc-work-connect-poster\">\r\n\r\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 1000\" width=\"100%\" height=\"auto\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n    <defs>\r\n\r\n      <!-- Poster Shadow -->\r\n      <filter id=\"workPosterShadowGreen\" x=\"-15%\" y=\"-15%\" width=\"140%\" height=\"140%\">\r\n        <feDropShadow dx=\"4\" dy=\"10\" stdDeviation=\"14\" flood-color=\"#183D2B\" flood-opacity=\"0.16\" \/>\r\n        <feDropShadow dx=\"0\" dy=\"3\" stdDeviation=\"5\" flood-color=\"#183D2B\" flood-opacity=\"0.08\" \/>\r\n      <\/filter>\r\n\r\n      <!-- Soft Shadow -->\r\n      <filter id=\"workSoftShadowGreen\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n        <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"6\" flood-color=\"#183D2B\" flood-opacity=\"0.12\" \/>\r\n      <\/filter>\r\n\r\n      <!-- Premium Green Header -->\r\n      <linearGradient id=\"workHeaderGreen\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#3E7653\" \/>\r\n        <stop offset=\"48%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#78B889\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Background -->\r\n      <radialGradient id=\"workBgGreen\" cx=\"50%\" cy=\"35%\" r=\"75%\">\r\n        <stop offset=\"0%\" stop-color=\"#FCFEFC\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#E2EEE5\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- Illustration Background -->\r\n      <radialGradient id=\"workIllustrationGreen\" cx=\"50%\" cy=\"45%\" r=\"65%\">\r\n        <stop offset=\"0%\" stop-color=\"#FFFFFF\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#E4F0E7\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- Gold -->\r\n      <linearGradient id=\"workGoldGreen\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#F8E58A\" \/>\r\n        <stop offset=\"45%\" stop-color=\"#E5C75A\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#C79B27\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Green Button -->\r\n      <linearGradient id=\"workButtonGreen\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#3E7653\" \/>\r\n        <stop offset=\"50%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#43865C\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Paper Texture -->\r\n      <filter id=\"workPaperGreen\">\r\n        <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"2\" stitchTiles=\"stitch\" \/>\r\n        <feColorMatrix type=\"saturate\" values=\"0\" \/>\r\n        <feComponentTransfer>\r\n          <feFuncA type=\"table\" tableValues=\"0 0.025\" \/>\r\n        <\/feComponentTransfer>\r\n      <\/filter>\r\n\r\n      <!-- Clip -->\r\n      <linearGradient id=\"workClipGreen\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#3B4540\" \/>\r\n        <stop offset=\"50%\" stop-color=\"#202723\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#0D100E\" \/>\r\n      <\/linearGradient>\r\n\r\n    <\/defs>\r\n\r\n    <!-- =========================================\r\n         OUTER BACKGROUND\r\n    ========================================== -->\r\n\r\n    <rect width=\"800\" height=\"1000\" fill=\"url(#workBgGreen)\" \/>\r\n\r\n    <line x1=\"100\" y1=\"42\" x2=\"700\" y2=\"42\" stroke=\"#91A79A\" stroke-width=\"0.8\" stroke-dasharray=\"4 6\" opacity=\"0.55\" \/>\r\n\r\n    <!-- Hanging wires -->\r\n    <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"75\" stroke=\"#82968A\" stroke-width=\"0.8\" \/>\r\n    <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"75\" stroke=\"#82968A\" stroke-width=\"0.8\" \/>\r\n\r\n    <!-- =========================================\r\n         POSTER\r\n    ========================================== -->\r\n\r\n    <g filter=\"url(#workPosterShadowGreen)\">\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"#FFFFFF\" \/>\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#D2E0D5\" stroke-width=\"0.7\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         METAL CLIPS\r\n    ========================================== -->\r\n\r\n    <g filter=\"url(#workSoftShadowGreen)\">\r\n      <rect x=\"175\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"url(#workClipGreen)\" \/>\r\n      <rect x=\"178\" y=\"70\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#68726C\" \/>\r\n      <rect x=\"178\" y=\"74\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#4B554F\" \/>\r\n      <rect x=\"178\" y=\"78\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#333A36\" \/>\r\n\r\n      <rect x=\"595\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"url(#workClipGreen)\" \/>\r\n      <rect x=\"598\" y=\"70\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#68726C\" \/>\r\n      <rect x=\"598\" y=\"74\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#4B554F\" \/>\r\n      <rect x=\"598\" y=\"78\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#333A36\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         HEADER\r\n    ========================================== -->\r\n\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" rx=\"3\" fill=\"url(#workHeaderGreen)\" \/>\r\n\r\n    <!-- Header texture -->\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" fill=\"#FFFFFF\" opacity=\"0.035\" filter=\"url(#workPaperGreen)\" \/>\r\n\r\n    <!-- HEADER LABEL -->\r\n    <text x=\"400\" y=\"115\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"17\" font-weight=\"600\" fill=\"#FFFFFF\" text-anchor=\"middle\" letter-spacing=\"5\">\r\n      WORK &amp; CONNECT\r\n    <\/text>\r\n\r\n    <!-- Decorative line -->\r\n    <line x1=\"270\" y1=\"130\" x2=\"530\" y2=\"130\" stroke=\"#EFF8F1\" stroke-width=\"0.7\" opacity=\"0.6\" \/>\r\n\r\n    <!-- MAIN HEADING -->\r\n    <text x=\"400\" y=\"165\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      A Place to Work,\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"198\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      Meet or Simply Stay Awhile\r\n    <\/text>\r\n\r\n    <!-- Decorative dots -->\r\n    <circle cx=\"392\" cy=\"221\" r=\"2\" fill=\"#E8CC67\" opacity=\"0.95\" \/>\r\n    <circle cx=\"400\" cy=\"221\" r=\"2\" fill=\"#F5F9F6\" opacity=\"0.95\" \/>\r\n    <circle cx=\"408\" cy=\"221\" r=\"2\" fill=\"#E8CC67\" opacity=\"0.95\" \/>\r\n\r\n    <!-- Supporting line -->\r\n    <text x=\"400\" y=\"251\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"500\" fill=\"#EFF7F1\" text-anchor=\"middle\" letter-spacing=\"1.8\">\r\n      WORK \u00b7 MEET \u00b7 RELAX\r\n    <\/text>\r\n\r\n    <!-- Header bottom line -->\r\n    <rect x=\"80\" y=\"318\" width=\"640\" height=\"2\" fill=\"#3E7653\" opacity=\"0.32\" \/>\r\n\r\n    <!-- =========================================\r\n         CENTRAL WORK \/ CAFE ILLUSTRATION\r\n    ========================================== -->\r\n\r\n    <g transform=\"translate(400 365)\">\r\n\r\n      <circle cx=\"0\" cy=\"0\" r=\"64\" fill=\"none\" stroke=\"url(#workGoldGreen)\" stroke-width=\"2.5\" opacity=\"0.85\" \/>\r\n\r\n      <circle cx=\"0\" cy=\"0\" r=\"57\" fill=\"url(#workIllustrationGreen)\" filter=\"url(#workSoftShadowGreen)\" \/>\r\n\r\n      <circle cx=\"0\" cy=\"-3\" r=\"40\" fill=\"#5CA670\" opacity=\"0.055\" \/>\r\n\r\n      <!-- Table -->\r\n      <ellipse cx=\"0\" cy=\"27\" rx=\"38\" ry=\"7\" fill=\"#3E7653\" opacity=\"0.14\" \/>\r\n      <rect x=\"-28\" y=\"22\" width=\"56\" height=\"4\" rx=\"2\" fill=\"#3E7653\" opacity=\"0.20\" \/>\r\n\r\n      <!-- Laptop -->\r\n      <path d=\"M-27 -18 Q-27 -22 -23 -22 L17 -22 Q21 -22 21 -18 L21 7 L-27 7 Z\" fill=\"#3E7653\" opacity=\"0.82\" \/>\r\n      <rect x=\"-23\" y=\"-18\" width=\"40\" height=\"21\" rx=\"2\" fill=\"#F8FCF9\" opacity=\"0.98\" \/>\r\n      <rect x=\"-19\" y=\"-14\" width=\"32\" height=\"13\" rx=\"1\" fill=\"#5CA670\" opacity=\"0.10\" \/>\r\n\r\n      <line x1=\"-15\" y1=\"-9\" x2=\"8\" y2=\"-9\" stroke=\"#3E7653\" stroke-width=\"1\" opacity=\"0.28\" \/>\r\n      <line x1=\"-15\" y1=\"-5\" x2=\"3\" y2=\"-5\" stroke=\"#3E7653\" stroke-width=\"0.8\" opacity=\"0.18\" \/>\r\n      <line x1=\"-15\" y1=\"-1\" x2=\"10\" y2=\"-1\" stroke=\"#3E7653\" stroke-width=\"0.8\" opacity=\"0.18\" \/>\r\n\r\n      <!-- Laptop base -->\r\n      <path d=\"M-31 8 L24 8 L29 14 L-35 14 Z\" fill=\"#3E7653\" opacity=\"0.30\" \/>\r\n\r\n      <!-- Coffee cup -->\r\n      <path d=\"M17 10 L19 23 Q25 26 31 23 L33 10 Z\" fill=\"#FFFFFF\" opacity=\"0.97\" \/>\r\n      <ellipse cx=\"25\" cy=\"10\" rx=\"8\" ry=\"3\" fill=\"#FFFFFF\" \/>\r\n      <ellipse cx=\"25\" cy=\"9\" rx=\"6\" ry=\"2\" fill=\"#3E7653\" opacity=\"0.82\" \/>\r\n\r\n      <!-- Coffee handle -->\r\n      <path d=\"M33 13 Q40 12 40 17 Q40 22 33 21\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" opacity=\"0.9\" \/>\r\n\r\n      <!-- Steam -->\r\n      <path d=\"M22 5 Q19 -4 23 -10\" fill=\"none\" stroke=\"#3E7653\" stroke-width=\"1.3\" stroke-linecap=\"round\" opacity=\"0.30\" \/>\r\n      <path d=\"M27 5 Q30 -4 27 -11\" fill=\"none\" stroke=\"#3E7653\" stroke-width=\"1.3\" stroke-linecap=\"round\" opacity=\"0.24\" \/>\r\n\r\n      <!-- Notebook -->\r\n      <rect x=\"-40\" y=\"15\" width=\"21\" height=\"14\" rx=\"1.5\" fill=\"#5CA670\" opacity=\"0.34\" transform=\"rotate(-8 -40 15)\" \/>\r\n      <line x1=\"-36\" y1=\"19\" x2=\"-22\" y2=\"17\" stroke=\"#FFFFFF\" stroke-width=\"0.8\" opacity=\"0.65\" \/>\r\n      <line x1=\"-36\" y1=\"23\" x2=\"-24\" y2=\"21\" stroke=\"#FFFFFF\" stroke-width=\"0.8\" opacity=\"0.50\" \/>\r\n\r\n      <!-- Small pen -->\r\n      <line x1=\"-18\" y1=\"21\" x2=\"-5\" y2=\"16\" stroke=\"#3E7653\" stroke-width=\"1.6\" stroke-linecap=\"round\" opacity=\"0.38\" \/>\r\n\r\n      <!-- Decorative dots -->\r\n      <circle cx=\"-40\" cy=\"-27\" r=\"2\" fill=\"#E5C75A\" opacity=\"0.65\" \/>\r\n      <circle cx=\"38\" cy=\"-28\" r=\"2\" fill=\"#E5C75A\" opacity=\"0.55\" \/>\r\n      <circle cx=\"38\" cy=\"19\" r=\"2\" fill=\"#5CA670\" opacity=\"0.55\" \/>\r\n\r\n    <\/g>\r\n\r\n    <!-- =========================================\r\n         EDITORIAL CONTENT\r\n    ========================================== -->\r\n\r\n    <line x1=\"145\" y1=\"445\" x2=\"655\" y2=\"445\" stroke=\"#D6E2D9\" stroke-width=\"0.7\" \/>\r\n\r\n    <!-- Opening paragraph -->\r\n    <text x=\"400\" y=\"478\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#244A32\" text-anchor=\"middle\">\r\n      A caf\u00e9 can be more than\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"498\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#244A32\" text-anchor=\"middle\">\r\n      a place to eat.\r\n    <\/text>\r\n\r\n    <!-- Body paragraph -->\r\n    <text x=\"400\" y=\"536\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#68756D\" text-anchor=\"middle\">\r\n      With comfortable seating and free Wi-Fi, Cafe Calcutta Classic gives you\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"556\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#68756D\" text-anchor=\"middle\">\r\n      a space to work, study, meet someone, catch up with\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"576\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#68756D\" text-anchor=\"middle\">\r\n      friends or simply take a break from the usual routine.\r\n    <\/text>\r\n\r\n    <!-- Second paragraph -->\r\n    <text x=\"400\" y=\"608\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#68756D\" text-anchor=\"middle\">\r\n      Some conversations happen over coffee. Some ideas\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"628\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#68756D\" text-anchor=\"middle\">\r\n      begin around a table. Sometimes you just need\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"648\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#68756D\" text-anchor=\"middle\">\r\n      somewhere comfortable to sit.\r\n    <\/text>\r\n\r\n    <!-- Final statement -->\r\n    <text x=\"400\" y=\"680\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#244A32\" text-anchor=\"middle\">\r\n      CAFE CALCUTTA CLASSIC makes room for all of it.\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         DECORATIVE ACCENTS\r\n    ========================================== -->\r\n\r\n    <line x1=\"300\" y1=\"712\" x2=\"365\" y2=\"712\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\"0.35\" \/>\r\n    <circle cx=\"380\" cy=\"712\" r=\"2\" fill=\"#E5C75A\" opacity=\"0.70\" \/>\r\n    <circle cx=\"400\" cy=\"712\" r=\"2.5\" fill=\"#5CA670\" opacity=\"0.55\" \/>\r\n    <circle cx=\"420\" cy=\"712\" r=\"2\" fill=\"#E5C75A\" opacity=\"0.70\" \/>\r\n    <line x1=\"435\" y1=\"712\" x2=\"500\" y2=\"712\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\"0.35\" \/>\r\n\r\n    <!-- =========================================\r\n         CTA AREA\r\n    ========================================== -->\r\n\r\n    <text x=\"400\" y=\"748\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"#244A32\" text-anchor=\"middle\" letter-spacing=\"2\">\r\n      FIND YOUR SPACE AT CAFE CALCUTTA CLASSIC\r\n    <\/text>\r\n\r\n    <!-- CTA Shadow - Wider -->\r\n    <rect x=\"224\" y=\"769\" width=\"352\" height=\"50\" rx=\"25\" fill=\"#183D2B\" opacity=\"0.10\" transform=\"translate(0 4)\" \/>\r\n\r\n    <!-- CTA Button - Wider (352px) -->\r\n    <rect class=\"ccc-work-btn\" x=\"224\" y=\"769\" width=\"352\" height=\"50\" rx=\"25\" fill=\"url(#workButtonGreen)\" filter=\"url(#workSoftShadowGreen)\" \/>\r\n\r\n    <!-- Button border - Wider -->\r\n    <rect class=\"ccc-work-btn-border\" x=\"226\" y=\"771\" width=\"348\" height=\"46\" rx=\"23\" fill=\"none\" stroke=\"#F5FBF6\" stroke-width=\"0.9\" opacity=\"0.40\" \/>\r\n\r\n    <!-- Coffee icon circle -->\r\n    <circle cx=\"256\" cy=\"794\" r=\"10\" fill=\"#FFFFFF\" opacity=\"0.16\" \/>\r\n\r\n    <!-- Coffee icon -->\r\n    <path d=\"M251 791 L252.5 799 L259.5 799 L261 791 Z\" fill=\"#FFFFFF\" opacity=\"0.94\" \/>\r\n    <ellipse cx=\"256\" cy=\"791\" rx=\"5\" ry=\"1.8\" fill=\"#FFFFFF\" opacity=\"0.96\" \/>\r\n    <path d=\"M261 793 Q265 793 265 796 Q265 799 261 798\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.9\" \/>\r\n\r\n    <!-- SHORT BUTTON TEXT -->\r\n    <text x=\"400\" y=\"799\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"12\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\" letter-spacing=\"1.8\">\r\n      VISIT CAFE CALCUTTA CLASSIC\r\n    <\/text>\r\n\r\n    <!-- Arrow - Repositioned -->\r\n    <path d=\"M502 794 L513 794 M510 790 L513 794 L510 798\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.95\" \/>\r\n\r\n    <!-- =========================================\r\n         SUPPORTING LINE\r\n    ========================================== -->\r\n\r\n    <text x=\"400\" y=\"848\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"500\" fill=\"#68756D\" text-anchor=\"middle\" letter-spacing=\"2\">\r\n      WORK \u00b7 MEET \u00b7 STUDY \u00b7 RELAX\r\n    <\/text>\r\n\r\n    <!-- =========================================\r\n         BOTTOM BRANDING\r\n    ========================================== -->\r\n\r\n    <line x1=\"200\" y1=\"875\" x2=\"600\" y2=\"875\" stroke=\"#D6E2D9\" stroke-width=\"0.7\" \/>\r\n\r\n    <!-- Bottom decorative coffee mark -->\r\n    <g transform=\"translate(400 898)\">\r\n      <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"0.8\" opacity=\"0.28\" \/>\r\n      <path d=\"M-6 -2 L-5 5 Q0 8 5 5 L6 -2\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\"0.45\" \/>\r\n      <ellipse cx=\"0\" cy=\"-2\" rx=\"6\" ry=\"2\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"0.8\" opacity=\"0.45\" \/>\r\n      <path d=\"M6 0 Q11 0 11 3 Q11 6 6 5\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"0.8\" opacity=\"0.45\" \/>\r\n    <\/g>\r\n\r\n    <!-- Brand -->\r\n    <text x=\"400\" y=\"932\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"600\" fill=\"#3E7653\" text-anchor=\"middle\" letter-spacing=\"3\" opacity=\"0.78\">\r\n      CAFE CALCUTTA CLASSIC\r\n    <\/text>\r\n\r\n    <!-- Bottom dots -->\r\n    <circle cx=\"360\" cy=\"940\" r=\"1.5\" fill=\"#5CA670\" opacity=\"0.30\" \/>\r\n    <circle cx=\"375\" cy=\"940\" r=\"1.5\" fill=\"#E5C75A\" opacity=\"0.45\" \/>\r\n    <circle cx=\"390\" cy=\"940\" r=\"1.5\" fill=\"#78B889\" opacity=\"0.40\" \/>\r\n    <circle cx=\"410\" cy=\"940\" r=\"1.5\" fill=\"#78B889\" opacity=\"0.40\" \/>\r\n    <circle cx=\"425\" cy=\"940\" r=\"1.5\" fill=\"#E5C75A\" opacity=\"0.45\" \/>\r\n    <circle cx=\"440\" cy=\"940\" r=\"1.5\" fill=\"#5CA670\" opacity=\"0.30\" \/>\r\n\r\n    <!-- Poster Border -->\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#CDDCD1\" stroke-width=\"0.6\" \/>\r\n\r\n  <\/svg>\r\n\r\n  <!-- Invisible clickable overlay -->\r\n  <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\" class=\"ccc-work-click-area\" aria-label=\"Visit Cafe Calcutta Classic\"><\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2394b8e e-con e-atomic-element e-flexbox-base e-2394b8e-ac0cd49 \" data-id=\"2394b8e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2394b8e\">\n    \t\t<div class=\"elementor-element elementor-element-4058e4f elementor-widget elementor-widget-html\" data-id=\"4058e4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CAFE CALCUTTA CLASSIC \u2014 EVERYDAY DINING & CELEBRATIONS -->\r\n<!-- Premium Yellow + White Editorial Poster -->\r\n<!-- Elementor HTML Widget Ready -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n  .ccc-dining-poster {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    line-height: 0;\r\n    overflow: hidden;\r\n    font-family: 'Poppins', Arial, sans-serif;\r\n  }\r\n\r\n  .ccc-dining-poster svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* =========================================================\r\n     CLICKABLE AREAS\r\n  ========================================================= *\/\r\n\r\n  .ccc-dining-click {\r\n    position: absolute;\r\n    top: 76.5%;\r\n    height: 4.8%;\r\n    display: block;\r\n    z-index: 20;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Left Button *\/\r\n  .ccc-dining-event {\r\n    left: 23.75%;\r\n    width: 23.75%;\r\n  }\r\n\r\n  \/* Right Button *\/\r\n  .ccc-dining-contact {\r\n    left: 52.5%;\r\n    width: 23.75%;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BUTTON HOVER\r\n  ========================================================= *\/\r\n\r\n  .ccc-dining-poster .ccc-dining-btn {\r\n    transition: transform 0.35s cubic-bezier(.22, .61, .36, 1), filter 0.35s ease, opacity 0.35s ease;\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n  }\r\n\r\n  \/* Primary Button Hover *\/\r\n  .ccc-dining-poster:hover .ccc-dining-btn-primary {\r\n    transform: scale(1.045);\r\n    filter: drop-shadow(0 7px 14px rgba(184, 137, 28, .28)) brightness(1.08);\r\n  }\r\n\r\n  \/* Secondary Button Hover *\/\r\n  .ccc-dining-poster:hover .ccc-dining-btn-secondary {\r\n    transform: scale(1.045);\r\n    filter: drop-shadow(0 7px 14px rgba(184, 137, 28, .20));\r\n  }\r\n\r\n  \/* =========================================================\r\n     RESPONSIVE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ccc-dining-poster {\r\n      width: 100%;\r\n    }\r\n    .ccc-dining-event {\r\n      left: 20%;\r\n      width: 28%;\r\n    }\r\n    .ccc-dining-contact {\r\n      left: 52%;\r\n      width: 28%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ccc-dining-event {\r\n      left: 15%;\r\n      width: 32%;\r\n      top: 76.2%;\r\n      height: 4.2%;\r\n    }\r\n    .ccc-dining-contact {\r\n      left: 53%;\r\n      width: 32%;\r\n      top: 76.2%;\r\n      height: 4.2%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ccc-dining-poster\">\r\n\r\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 1000\" width=\"100%\" height=\"auto\" preserveAspectRatio=\"xMidYMid meet\">\r\n\r\n    <defs>\r\n\r\n      <!-- Poster Shadow -->\r\n      <filter id=\"diningPosterShadowYellow\" x=\"-15%\" y=\"-15%\" width=\"140%\" height=\"140%\">\r\n        <feDropShadow dx=\"4\" dy=\"10\" stdDeviation=\"14\" flood-color=\"#221F1F\" flood-opacity=\"0.15\" \/>\r\n        <feDropShadow dx=\"0\" dy=\"3\" stdDeviation=\"5\" flood-color=\"#221F1F\" flood-opacity=\"0.07\" \/>\r\n      <\/filter>\r\n\r\n      <!-- Soft Shadow -->\r\n      <filter id=\"diningSoftShadowYellow\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n        <feDropShadow dx=\"0\" dy=\"4\" stdDeviation=\"6\" flood-color=\"#221F1F\" flood-opacity=\"0.10\" \/>\r\n      <\/filter>\r\n\r\n      <!-- Warm Yellow Header - Website Colors -->\r\n      <linearGradient id=\"diningHeaderYellow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"45%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#5CA670\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Background - Website Cream -->\r\n      <radialGradient id=\"diningBgYellow\" cx=\"50%\" cy=\"35%\" r=\"75%\">\r\n        <stop offset=\"0%\" stop-color=\"#F1E7D0\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F1E7D0\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- Illustration Background -->\r\n      <radialGradient id=\"diningIllustrationYellow\" cx=\"50%\" cy=\"45%\" r=\"65%\">\r\n        <stop offset=\"0%\" stop-color=\"#FFFFFF\" \/>\r\n        <stop offset=\"70%\" stop-color=\"#FFFDF6\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F1E7D0\" \/>\r\n      <\/radialGradient>\r\n\r\n      <!-- Gold Ring -->\r\n      <linearGradient id=\"diningGoldYellow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"45%\" stop-color=\"#F2DEBA\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#5CA670\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Button - Website Colors -->\r\n      <linearGradient id=\"diningButtonYellow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#5CA670\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#F15A28\" \/>\r\n      <\/linearGradient>\r\n\r\n      <!-- Paper Texture -->\r\n      <filter id=\"diningPaperYellow\">\r\n        <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"2\" stitchTiles=\"stitch\" \/>\r\n        <feColorMatrix type=\"saturate\" values=\"0\" \/>\r\n        <feComponentTransfer>\r\n          <feFuncA type=\"table\" tableValues=\"0 0.025\" \/>\r\n        <\/feComponentTransfer>\r\n      <\/filter>\r\n\r\n      <!-- Clip -->\r\n      <linearGradient id=\"diningClipYellow\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n        <stop offset=\"0%\" stop-color=\"#221F1F\" \/>\r\n        <stop offset=\"50%\" stop-color=\"#221F1F\" \/>\r\n        <stop offset=\"100%\" stop-color=\"#221F1F\" \/>\r\n      <\/linearGradient>\r\n\r\n    <\/defs>\r\n\r\n    <!-- =========================================================\r\n         OUTER BACKGROUND\r\n    ========================================================== -->\r\n\r\n    <rect width=\"800\" height=\"1000\" fill=\"url(#diningBgYellow)\" \/>\r\n\r\n    <line x1=\"100\" y1=\"42\" x2=\"700\" y2=\"42\" stroke=\"#5CA670\" stroke-width=\".8\" stroke-dasharray=\"4 6\" opacity=\".55\" \/>\r\n\r\n    <!-- Hanging Wires -->\r\n    <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"75\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".35\" \/>\r\n    <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"75\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".35\" \/>\r\n\r\n    <!-- =========================================================\r\n         POSTER\r\n    ========================================================== -->\r\n\r\n    <g filter=\"url(#diningPosterShadowYellow)\">\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"#FFFDF8\" \/>\r\n      <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================================\r\n         METAL CLIPS\r\n    ========================================================== -->\r\n\r\n    <g filter=\"url(#diningSoftShadowYellow)\">\r\n      <rect x=\"175\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"url(#diningClipYellow)\" \/>\r\n      <rect x=\"178\" y=\"70\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#5CA670\" \/>\r\n      <rect x=\"178\" y=\"74\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F2DEBA\" \/>\r\n      <rect x=\"178\" y=\"78\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F15A28\" \/>\r\n\r\n      <rect x=\"595\" y=\"68\" width=\"30\" height=\"18\" rx=\"2\" fill=\"url(#diningClipYellow)\" \/>\r\n      <rect x=\"598\" y=\"70\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#5CA670\" \/>\r\n      <rect x=\"598\" y=\"74\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F2DEBA\" \/>\r\n      <rect x=\"598\" y=\"78\" width=\"24\" height=\"2\" rx=\"1\" fill=\"#F15A28\" \/>\r\n    <\/g>\r\n\r\n    <!-- =========================================================\r\n         HEADER\r\n    ========================================================== -->\r\n\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" rx=\"3\" fill=\"url(#diningHeaderYellow)\" \/>\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"245\" fill=\"#FFFFFF\" opacity=\"0.035\" filter=\"url(#diningPaperYellow)\" \/>\r\n\r\n    <!-- Header Label -->\r\n    <text x=\"400\" y=\"115\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"17\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\" letter-spacing=\"5\">\r\n      EVERYDAY DINING\r\n    <\/text>\r\n\r\n    <!-- Decorative Line -->\r\n    <line x1=\"270\" y1=\"130\" x2=\"530\" y2=\"130\" stroke=\"#221F1F\" stroke-width=\".8\" opacity=\".5\" \/>\r\n\r\n    <!-- Main Heading -->\r\n    <text x=\"400\" y=\"165\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      From Everyday Moments\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"198\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\">\r\n      to Special Occasions\r\n    <\/text>\r\n\r\n    <!-- Decorative Dots -->\r\n    <circle cx=\"392\" cy=\"221\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"400\" cy=\"221\" r=\"2\" fill=\"#FFFFFF\" \/>\r\n    <circle cx=\"408\" cy=\"221\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n\r\n    <!-- Supporting Line -->\r\n    <text x=\"400\" y=\"251\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"500\" fill=\"#F1E7D0\" text-anchor=\"middle\" letter-spacing=\"1.5\">\r\n      DINING \u00b7 GATHERING \u00b7 CELEBRATING\r\n    <\/text>\r\n\r\n    <!-- Header Bottom Line -->\r\n    <rect x=\"80\" y=\"318\" width=\"640\" height=\"2\" fill=\"#F15A28\" opacity=\".55\" \/>\r\n\r\n    <!-- =========================================================\r\n         CENTRAL DINING ILLUSTRATION\r\n    ========================================================== -->\r\n\r\n    <g transform=\"translate(400 365)\">\r\n\r\n      <!-- Gold Outer Circle -->\r\n      <circle cx=\"0\" cy=\"0\" r=\"64\" fill=\"none\" stroke=\"url(#diningGoldYellow)\" stroke-width=\"2.5\" opacity=\".9\" \/>\r\n\r\n      <!-- Inner Circle -->\r\n      <circle cx=\"0\" cy=\"0\" r=\"57\" fill=\"url(#diningIllustrationYellow)\" filter=\"url(#diningSoftShadowYellow)\" \/>\r\n\r\n      <!-- Soft Yellow Glow -->\r\n      <circle cx=\"0\" cy=\"-3\" r=\"40\" fill=\"#F2DEBA\" opacity=\"0.15\" \/>\r\n\r\n      <!-- Table -->\r\n      <ellipse cx=\"0\" cy=\"27\" rx=\"39\" ry=\"8\" fill=\"#221F1F\" opacity=\"0.08\" \/>\r\n      <rect x=\"-31\" y=\"18\" width=\"62\" height=\"6\" rx=\"3\" fill=\"#F2DEBA\" opacity=\"0.25\" \/>\r\n\r\n      <!-- Dinner Plate -->\r\n      <ellipse cx=\"0\" cy=\"14\" rx=\"24\" ry=\"7\" fill=\"#FFFFFF\" opacity=\"0.98\" \/>\r\n      <ellipse cx=\"0\" cy=\"14\" rx=\"17\" ry=\"4.5\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\"1\" opacity=\"0.5\" \/>\r\n\r\n      <!-- Cup -->\r\n      <path d=\"M-10 -10 L-8 8 Q0 11 8 8 L10 -10 Z\" fill=\"#FFFFFF\" opacity=\"0.98\" \/>\r\n      <ellipse cx=\"0\" cy=\"-10\" rx=\"10\" ry=\"3.5\" fill=\"#FFFFFF\" \/>\r\n      <ellipse cx=\"0\" cy=\"-11\" rx=\"7.5\" ry=\"2.5\" fill=\"#221F1F\" opacity=\"0.7\" \/>\r\n\r\n      <!-- Cup Handle -->\r\n      <path d=\"M10 -6 Q20 -6 20 1 Q20 8 10 6\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.3\" opacity=\"0.95\" \/>\r\n\r\n      <!-- Fork -->\r\n      <line x1=\"26\" y1=\"-6\" x2=\"26\" y2=\"14\" stroke=\"#F15A28\" stroke-width=\"1.3\" opacity=\"0.3\" \/>\r\n      <line x1=\"23\" y1=\"-6\" x2=\"23\" y2=\"0\" stroke=\"#F15A28\" stroke-width=\"0.9\" opacity=\"0.3\" \/>\r\n      <line x1=\"26\" y1=\"-6\" x2=\"26\" y2=\"0\" stroke=\"#F15A28\" stroke-width=\"0.9\" opacity=\"0.3\" \/>\r\n      <line x1=\"29\" y1=\"-6\" x2=\"29\" y2=\"0\" stroke=\"#F15A28\" stroke-width=\"0.9\" opacity=\"0.3\" \/>\r\n\r\n      <!-- Knife -->\r\n      <path d=\"M-27 -6 L-25 14\" fill=\"none\" stroke=\"#F15A28\" stroke-width=\"1.5\" opacity=\"0.25\" \/>\r\n\r\n      <!-- Small Flower -->\r\n      <line x1=\"-26\" y1=\"12\" x2=\"-26\" y2=\"-10\" stroke=\"#F15A28\" stroke-width=\"1\" opacity=\"0.25\" \/>\r\n      <circle cx=\"-26\" cy=\"-14\" r=\"5\" fill=\"#F2DEBA\" opacity=\"0.5\" \/>\r\n      <circle cx=\"-26\" cy=\"-14\" r=\"1.8\" fill=\"#FFFFFF\" opacity=\"0.9\" \/>\r\n\r\n      <!-- Celebration Sparkles -->\r\n      <circle cx=\"-39\" cy=\"-28\" r=\"2\" fill=\"#F2DEBA\" opacity=\"0.7\" \/>\r\n      <circle cx=\"38\" cy=\"-29\" r=\"2\" fill=\"#F2DEBA\" opacity=\"0.6\" \/>\r\n      <circle cx=\"35\" cy=\"8\" r=\"1.8\" fill=\"#F15A28\" opacity=\"0.35\" \/>\r\n      <circle cx=\"-38\" cy=\"8\" r=\"1.8\" fill=\"#F15A28\" opacity=\"0.35\" \/>\r\n\r\n    <\/g>\r\n\r\n    <!-- =========================================================\r\n         EDITORIAL CONTENT\r\n    ========================================================== -->\r\n\r\n    <line x1=\"145\" y1=\"445\" x2=\"655\" y2=\"445\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n\r\n    <!-- Opening Title -->\r\n    <text x=\"400\" y=\"478\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\">\r\n      Not every visit needs a reason.\r\n    <\/text>\r\n\r\n    <!-- Body Paragraph -->\r\n    <text x=\"400\" y=\"516\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      Cafe Calcutta Classic is a place for an everyday coffee, a relaxed meal,\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"536\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      a lunch with friends, an evening out or a celebration\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"556\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      with the people who matter.\r\n    <\/text>\r\n\r\n    <!-- Second Paragraph -->\r\n    <text x=\"400\" y=\"590\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      For birthdays, anniversaries, corporate gatherings,\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"610\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      private celebrations and social occasions, Cafe Calcutta Classic offers\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"630\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      a lively and comfortable setting where people can come\r\n    <\/text>\r\n\r\n    <text x=\"400\" y=\"650\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"400\" fill=\"#221F1F\" opacity=\".72\" text-anchor=\"middle\">\r\n      together.\r\n    <\/text>\r\n\r\n    <!-- Final Statement -->\r\n    <text x=\"400\" y=\"684\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"14\" font-weight=\"600\" fill=\"#5CA670\" text-anchor=\"middle\">\r\n      CAFE CALCUTTA CLASSIC makes room for all of it.\r\n    <\/text>\r\n\r\n    <!-- =========================================================\r\n         DECORATIVE ACCENTS\r\n    ========================================================== -->\r\n\r\n    <line x1=\"300\" y1=\"712\" x2=\"365\" y2=\"712\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".45\" \/>\r\n    <circle cx=\"380\" cy=\"712\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"400\" cy=\"712\" r=\"2.5\" fill=\"#F15A28\" opacity=\".65\" \/>\r\n    <circle cx=\"420\" cy=\"712\" r=\"2\" fill=\"#F2DEBA\" \/>\r\n    <line x1=\"435\" y1=\"712\" x2=\"500\" y2=\"712\" stroke=\"#5CA670\" stroke-width=\"1\" opacity=\".45\" \/>\r\n\r\n    <!-- =========================================================\r\n         CTA TITLE\r\n    ========================================================== -->\r\n\r\n    <text x=\"400\" y=\"744\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"12\" font-weight=\"600\" fill=\"#221F1F\" text-anchor=\"middle\" letter-spacing=\"2\">\r\n      MAKE YOUR NEXT MOMENT SPECIAL\r\n    <\/text>\r\n\r\n    <!-- =========================================================\r\n         BUTTON 1 \u2014 BOOK AN EVENT\r\n    ========================================================== -->\r\n\r\n    <!-- Shadow -->\r\n    <rect class=\"ccc-dining-btn-shadow\" x=\"190\" y=\"765\" width=\"190\" height=\"48\" rx=\"24\" fill=\"#221F1F\" opacity=\"0.08\" transform=\"translate(0 3)\" \/>\r\n\r\n    <!-- Button -->\r\n    <rect class=\"ccc-dining-btn ccc-dining-btn-primary\" x=\"190\" y=\"765\" width=\"190\" height=\"48\" rx=\"24\" fill=\"url(#diningButtonYellow)\" filter=\"url(#diningSoftShadowYellow)\" \/>\r\n\r\n    <!-- Button Border -->\r\n    <rect class=\"ccc-dining-btn-border\" x=\"192\" y=\"767\" width=\"186\" height=\"44\" rx=\"22\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\"0.9\" opacity=\"0.4\" \/>\r\n\r\n    <!-- Calendar Icon -->\r\n    <rect x=\"214\" y=\"781\" width=\"13\" height=\"13\" rx=\"2\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.95\" \/>\r\n    <line x1=\"214\" y1=\"785\" x2=\"227\" y2=\"785\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.95\" \/>\r\n    <line x1=\"218\" y1=\"778\" x2=\"218\" y2=\"783\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.95\" \/>\r\n    <line x1=\"223\" y1=\"778\" x2=\"223\" y2=\"783\" stroke=\"#FFFFFF\" stroke-width=\"1\" opacity=\"0.95\" \/>\r\n\r\n    <!-- Button Text -->\r\n    <text x=\"302\" y=\"795\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#FFFFFF\" text-anchor=\"middle\" letter-spacing=\"1.5\">\r\n      BOOK AN EVENT\r\n    <\/text>\r\n\r\n    <!-- Arrow -->\r\n    <path d=\"M350 789 L361 789 M357 785 L361 789 L357 793\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.95\" \/>\r\n\r\n    <!-- =========================================================\r\n         BUTTON 2 \u2014 CONTACT US\r\n    ========================================================== -->\r\n\r\n    <!-- Shadow -->\r\n    <rect class=\"ccc-dining-btn-shadow\" x=\"420\" y=\"765\" width=\"190\" height=\"48\" rx=\"24\" fill=\"#221F1F\" opacity=\"0.06\" transform=\"translate(0 3)\" \/>\r\n\r\n    <!-- White Button -->\r\n    <rect class=\"ccc-dining-btn ccc-dining-btn-secondary\" x=\"420\" y=\"765\" width=\"190\" height=\"48\" rx=\"24\" fill=\"#FFFFFF\" stroke=\"#F2DEBA\" stroke-width=\"1.4\" filter=\"url(#diningSoftShadowYellow)\" \/>\r\n\r\n    <!-- Chat Icon -->\r\n    <path d=\"M445 781 Q445 777 450 777 L461 777 Q466 777 466 781 L466 788 Q466 792 461 792 L453 792 L449 796 L450 792 Q445 792 445 788 Z\" fill=\"none\" stroke=\"#F15A28\" stroke-width=\"1.1\" \/>\r\n\r\n    <!-- Contact Text -->\r\n    <text x=\"530\" y=\"795\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"#F15A28\" text-anchor=\"middle\" letter-spacing=\"1.5\">\r\n      CONTACT US\r\n    <\/text>\r\n\r\n    <!-- Arrow -->\r\n    <path d=\"M570 789 L581 789 M577 785 L581 789 L577 793\" fill=\"none\" stroke=\"#F15A28\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n\r\n    <!-- =========================================================\r\n         BOTTOM BRANDING\r\n    ========================================================== -->\r\n\r\n    <line x1=\"200\" y1=\"845\" x2=\"600\" y2=\"845\" stroke=\"#F2DEBA\" stroke-width=\".8\" \/>\r\n\r\n    <!-- Bottom Decorative Dining Mark -->\r\n    <g transform=\"translate(400 870)\">\r\n      <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\".8\" opacity=\".5\" \/>\r\n\r\n      <!-- Plate -->\r\n      <ellipse cx=\"0\" cy=\"2\" rx=\"7\" ry=\"4\" fill=\"none\" stroke=\"#5CA670\" stroke-width=\"0.9\" opacity=\"0.55\" \/>\r\n\r\n      <!-- Fork -->\r\n      <line x1=\"-9\" y1=\"-7\" x2=\"-9\" y2=\"7\" stroke=\"#5CA670\" stroke-width=\"0.8\" opacity=\"0.45\" \/>\r\n      <line x1=\"-11\" y1=\"-7\" x2=\"-11\" y2=\"-2\" stroke=\"#5CA670\" stroke-width=\"0.7\" opacity=\"0.45\" \/>\r\n      <line x1=\"-9\" y1=\"-7\" x2=\"-9\" y2=\"-2\" stroke=\"#5CA670\" stroke-width=\"0.7\" opacity=\"0.45\" \/>\r\n      <line x1=\"-7\" y1=\"-7\" x2=\"-7\" y2=\"-2\" stroke=\"#5CA670\" stroke-width=\"0.7\" opacity=\"0.45\" \/>\r\n\r\n      <!-- Knife -->\r\n      <line x1=\"9\" y1=\"-7\" x2=\"9\" y2=\"7\" stroke=\"#5CA670\" stroke-width=\"0.9\" opacity=\"0.45\" \/>\r\n    <\/g>\r\n\r\n    <!-- Brand -->\r\n    <text x=\"400\" y=\"910\" font-family=\"Poppins, Arial, Helvetica, sans-serif\" font-size=\"10\" font-weight=\"600\" fill=\"#F15A28\" text-anchor=\"middle\" letter-spacing=\"2.5\" opacity=\"0.78\">\r\n      CAFE CALCUTTA CLASSIC \u00b7 KOLKATA\r\n    <\/text>\r\n\r\n    <!-- Bottom Dots -->\r\n    <circle cx=\"360\" cy=\"920\" r=\"1.5\" fill=\"#5CA670\" \/>\r\n    <circle cx=\"375\" cy=\"920\" r=\"1.5\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"390\" cy=\"920\" r=\"1.5\" fill=\"#F15A28\" \/>\r\n    <circle cx=\"410\" cy=\"920\" r=\"1.5\" fill=\"#F15A28\" \/>\r\n    <circle cx=\"425\" cy=\"920\" r=\"1.5\" fill=\"#F2DEBA\" \/>\r\n    <circle cx=\"440\" cy=\"920\" r=\"1.5\" fill=\"#5CA670\" \/>\r\n\r\n    <!-- Poster Border -->\r\n    <rect x=\"80\" y=\"75\" width=\"640\" height=\"860\" rx=\"3\" fill=\"none\" stroke=\"#F2DEBA\" stroke-width=\".7\" \/>\r\n\r\n  <\/svg>\r\n\r\n  <!-- =========================================================\r\n       CLICKABLE BUTTON OVERLAYS\r\n  ========================================================= -->\r\n\r\n  <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\" class=\"ccc-dining-click ccc-dining-event\" aria-label=\"Book an event at Cafe Calcutta Classic\"><\/a>\r\n\r\n  <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\" class=\"ccc-dining-click ccc-dining-contact\" aria-label=\"Contact Cafe Calcutta Classic\"><\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-3771222 e-con e-atomic-element e-flexbox-base e-65d0906 \" data-id=\"3771222\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3771222\">\n    \t\t<div class=\"elementor-element elementor-element-4f5b4f9 elementor-widget elementor-widget-html\" data-id=\"4f5b4f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n C3 \u2014 GALLERY \/ LIVE SHOWS \/ EVENTS\r\n NEW EDITORIAL MAGAZINE LAYOUT\r\n WordPress Elementor HTML Widget Ready\r\n ========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.c3-editorial {\r\n  --dark: #221F1F;\r\n  --cream: #F1E7D0;\r\n  --green: #5CA670;\r\n  --orange: #F15A28;\r\n  --gold: #F2DEBA;\r\n\r\n  background: var(--cream);\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.c3-editorial *,\r\n.c3-editorial *::before,\r\n.c3-editorial *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================\r\n   MAIN WRAPPER\r\n========================= *\/\r\n\r\n.c3-ed-wrap {\r\n  width: min(1240px, 92%);\r\n  margin: auto;\r\n  padding: 110px 0 120px;\r\n}\r\n\r\n\/* =========================\r\n   INTRO\r\n========================= *\/\r\n\r\n.c3-ed-intro {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.3fr;\r\n  gap: 60px;\r\n  align-items: end;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.c3-ed-label {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .28em;\r\n  text-transform: uppercase;\r\n  color: var(--orange);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.c3-ed-label::before {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 2px;\r\n  background: var(--orange);\r\n}\r\n\r\n.c3-ed-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(3rem, 6vw, 6rem);\r\n  line-height: .94;\r\n  color: var(--dark);\r\n  margin: 18px 0 0;\r\n  font-weight: 700;\r\n}\r\n\r\n.c3-ed-title em {\r\n  color: var(--green);\r\n  font-weight: 400;\r\n}\r\n\r\n.c3-ed-intro-text {\r\n  max-width: 550px;\r\n  margin-left: auto;\r\n}\r\n\r\n.c3-ed-intro-text p {\r\n  color: rgba(34,31,31,.68);\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  font-weight: 300;\r\n  margin: 0;\r\n}\r\n\r\n\/* =========================\r\n   FEATURED GALLERY\r\n========================= *\/\r\n\r\n.c3-ed-feature {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1.5fr .8fr;\r\n  min-height: 570px;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.c3-ed-feature-image {\r\n  position: relative;\r\n  min-height: 570px;\r\n  overflow: hidden;\r\n}\r\n\r\n.c3-ed-feature-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform .8s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.c3-ed-feature:hover img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* image overlay *\/\r\n\r\n.c3-ed-feature-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(34,31,31,0) 55%,\r\n      rgba(34,31,31,.35) 100%\r\n    );\r\n}\r\n\r\n\/* NUMBER *\/\r\n\r\n.c3-ed-number {\r\n  position: absolute;\r\n  top: 25px;\r\n  left: 25px;\r\n  z-index: 3;\r\n\r\n  width: 62px;\r\n  height: 62px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(34,31,31,.72);\r\n  backdrop-filter: blur(10px);\r\n\r\n  color: var(--cream);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 19px;\r\n\r\n  border: 1px solid rgba(242,222,186,.4);\r\n}\r\n\r\n\/* IMAGE CAPTION *\/\r\n\r\n.c3-ed-image-caption {\r\n  position: absolute;\r\n  bottom: 28px;\r\n  left: 30px;\r\n  z-index: 3;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: .2em;\r\n}\r\n\r\n\/* =========================\r\n   FEATURE CONTENT\r\n========================= *\/\r\n\r\n.c3-ed-feature-content {\r\n  background: var(--dark);\r\n  color: var(--cream);\r\n\r\n  padding: 60px 48px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  position: relative;\r\n}\r\n\r\n.c3-ed-feature-content::before {\r\n  content: \"C3\";\r\n  position: absolute;\r\n\r\n  right: -20px;\r\n  bottom: -65px;\r\n\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 180px;\r\n  line-height: 1;\r\n\r\n  color: rgba(255,255,255,.035);\r\n}\r\n\r\n.c3-ed-small {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n\r\n  color: var(--gold);\r\n\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.c3-ed-feature-title {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  font-size: clamp(2.2rem, 4vw, 4rem);\r\n  line-height: 1.05;\r\n\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.c3-ed-feature-title em {\r\n  color: var(--green);\r\n  font-weight: 400;\r\n}\r\n\r\n.c3-ed-feature-text {\r\n  font-size: 14px;\r\n  line-height: 1.85;\r\n  font-weight: 300;\r\n\r\n  color: rgba(241,231,208,.7);\r\n\r\n  margin: 0 0 35px;\r\n}\r\n\r\n\/* =========================\r\n   BUTTON\r\n========================= *\/\r\n\r\n.c3-ed-btn {\r\n  width: fit-content;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  padding: 14px 22px;\r\n\r\n  border: 1px solid rgba(241,231,208,.35);\r\n\r\n  color: var(--cream);\r\n  text-decoration: none;\r\n\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .13em;\r\n  text-transform: uppercase;\r\n\r\n  transition: .35s ease;\r\n}\r\n\r\n.c3-ed-btn span {\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.c3-ed-btn:hover {\r\n  background: var(--green);\r\n  border-color: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n.c3-ed-btn:hover span {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* =========================\r\n   THREE MINI PANELS\r\n========================= *\/\r\n\r\n.c3-ed-panels {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n}\r\n\r\n.c3-ed-panel {\r\n  position: relative;\r\n\r\n  min-height: 300px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #fff;\r\n\r\n  padding: 30px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .45s ease;\r\n}\r\n\r\n.c3-ed-panel:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 25px 50px rgba(34,31,31,.13);\r\n}\r\n\r\n\/* PANEL IMAGE *\/\r\n\r\n.c3-ed-panel-image {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.c3-ed-panel-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n\r\n  transition: transform .7s ease;\r\n}\r\n\r\n.c3-ed-panel:hover img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.c3-ed-panel-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(34,31,31,0) 20%,\r\n      rgba(34,31,31,.9) 100%\r\n    );\r\n}\r\n\r\n\/* PANEL CONTENT *\/\r\n\r\n.c3-ed-panel-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: #fff;\r\n}\r\n\r\n.c3-ed-panel-number {\r\n  position: absolute;\r\n  top: 25px;\r\n  right: 25px;\r\n\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(255,255,255,.4);\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: #fff;\r\n\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 13px;\r\n\r\n  z-index: 3;\r\n}\r\n\r\n.c3-ed-panel-label {\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n\r\n  color: var(--gold);\r\n\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.c3-ed-panel-title {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  font-size: 28px;\r\n  line-height: 1.05;\r\n\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.c3-ed-panel-title em {\r\n  color: var(--green);\r\n  font-weight: 400;\r\n}\r\n\r\n.c3-ed-panel-text {\r\n  font-size: 12px;\r\n  line-height: 1.65;\r\n  font-weight: 300;\r\n\r\n  color: rgba(255,255,255,.75);\r\n\r\n  margin: 0 0 18px;\r\n}\r\n\r\n.c3-ed-panel-link {\r\n  color: #fff;\r\n  text-decoration: none;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.c3-ed-panel-link span {\r\n  transition: transform .3s ease;\r\n}\r\n\r\n.c3-ed-panel-link:hover span {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* =========================\r\n   DECORATIVE LINE\r\n========================= *\/\r\n\r\n.c3-ed-line {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n\r\n  margin: 65px 0 0;\r\n\r\n  color: rgba(34,31,31,.4);\r\n\r\n  font-size: 9px;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.c3-ed-line::before {\r\n  content: \"\";\r\n  width: 80px;\r\n  height: 1px;\r\n  background: var(--orange);\r\n}\r\n\r\n\/* =========================\r\n   SCROLL REVEAL\r\n========================= *\/\r\n\r\n.c3-ed-reveal {\r\n  opacity: 0;\r\n  transform: translateY(35px);\r\n\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .8s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.c3-ed-reveal.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width: 900px) {\r\n\r\n  .c3-ed-intro {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n  }\r\n\r\n  .c3-ed-intro-text {\r\n    margin-left: 0;\r\n  }\r\n\r\n  .c3-ed-feature {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .c3-ed-feature-image {\r\n    min-height: 430px;\r\n  }\r\n\r\n  .c3-ed-feature-content {\r\n    min-height: 420px;\r\n  }\r\n\r\n  .c3-ed-panels {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .c3-ed-panel:last-child {\r\n    grid-column: span 2;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width: 600px) {\r\n\r\n  .c3-ed-wrap {\r\n    width: 90%;\r\n    padding: 70px 0 80px;\r\n  }\r\n\r\n  .c3-ed-intro {\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .c3-ed-title {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  .c3-ed-feature {\r\n    display: block;\r\n  }\r\n\r\n  .c3-ed-feature-image {\r\n    min-height: 320px;\r\n  }\r\n\r\n  .c3-ed-feature-content {\r\n    padding: 42px 28px 50px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .c3-ed-feature-title {\r\n    font-size: 2.4rem;\r\n  }\r\n\r\n  .c3-ed-panels {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .c3-ed-panel,\r\n  .c3-ed-panel:last-child {\r\n    grid-column: auto;\r\n    min-height: 330px;\r\n  }\r\n\r\n  .c3-ed-number {\r\n    width: 50px;\r\n    height: 50px;\r\n    top: 18px;\r\n    left: 18px;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   REDUCED MOTION\r\n========================= *\/\r\n\r\n@media(prefers-reduced-motion: reduce) {\r\n\r\n  .c3-ed-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n  .c3-ed-feature:hover img,\r\n  .c3-ed-panel:hover img {\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"c3-editorial\">\r\n\r\n  <div class=\"c3-ed-wrap\">\r\n\r\n    <!-- =========================\r\n         INTRO\r\n    ========================== -->\r\n\r\n    <div class=\"c3-ed-intro c3-ed-reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"c3-ed-label\">\r\n          Gallery \u00b7 Music \u00b7 Events\r\n        <\/div>\r\n\r\n        <h2 class=\"c3-ed-title\">\r\n          See C3.<br>\r\n          <em>Live C3.<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"c3-ed-intro-text\">\r\n\r\n        <p>\r\n          Food, people, music, celebrations and everyday moments \u2014\r\n          explore the different sides of Cafe Calcutta Classic and\r\n          discover what makes every visit feel different.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         FEATURED GALLERY\r\n    ========================== -->\r\n\r\n    <div class=\"c3-ed-feature c3-ed-reveal\">\r\n\r\n      <div class=\"c3-ed-feature-image\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/485995043_699701029056663_3711560956978350121_n.jpg\"\r\n          alt=\"Cafe Calcutta Classic Gallery\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"c3-ed-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-image-caption\">\r\n          Food \u00b7 People \u00b7 Places \u00b7 Moments\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"c3-ed-feature-content\">\r\n\r\n        <div class=\"c3-ed-small\">\r\n          The Gallery\r\n        <\/div>\r\n\r\n        <h2 class=\"c3-ed-feature-title\">\r\n          See C3.<br>\r\n          <em>Feel C3.<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"c3-ed-feature-text\">\r\n          Take a look around Cafe Calcutta Classic \u2014 from beautifully prepared dishes\r\n          and Kolkata-inspired interiors to celebrations, people\r\n          and the everyday moments that bring the caf\u00e9 to life.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\" class=\"c3-ed-btn\">\r\n          View Gallery\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================\r\n         THREE FEATURE PANELS\r\n    ========================== -->\r\n\r\n    <div class=\"c3-ed-panels\">\r\n\r\n      <!-- LIVE SHOW -->\r\n\r\n      <div class=\"c3-ed-panel c3-ed-reveal\">\r\n\r\n        <div class=\"c3-ed-panel-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_xptf9jxptf9jxptf.jpg\"\r\n            alt=\"Live Shows at C3\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-panel-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-panel-content\">\r\n\r\n          <div class=\"c3-ed-panel-label\">\r\n            Live Music\r\n          <\/div>\r\n\r\n          <h3 class=\"c3-ed-panel-title\">\r\n            The Caf\u00e9 Finds\r\n            <em>Its Rhythm.<\/em>\r\n          <\/h3>\r\n\r\n          <p class=\"c3-ed-panel-text\">\r\n            Western, Bollywood and Folk-based performances\r\n            featuring emerging and established artists.\r\n          <\/p>\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\" class=\"c3-ed-panel-link\">\r\n            Explore Shows <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- EVENTS -->\r\n\r\n      <div class=\"c3-ed-panel c3-ed-reveal\">\r\n\r\n        <div class=\"c3-ed-panel-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_489d30489d30489d.jpg\"\r\n            alt=\"Events at C3\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-panel-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-panel-content\">\r\n\r\n          <div class=\"c3-ed-panel-label\">\r\n            Events & Celebrations\r\n          <\/div>\r\n\r\n          <h3 class=\"c3-ed-panel-title\">\r\n            Make It\r\n            <em>Classic.<\/em>\r\n          <\/h3>\r\n\r\n          <p class=\"c3-ed-panel-text\">\r\n            Birthdays, anniversaries, corporate gatherings,\r\n            private celebrations and memorable evenings.\r\n          <\/p>\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\" class=\"c3-ed-panel-link\">\r\n            Book An Event <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- DIGITAL ORDERING -->\r\n\r\n      <div class=\"c3-ed-panel c3-ed-reveal\">\r\n\r\n        <div class=\"c3-ed-panel-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_k8qtgnk8qtgnk8qt.jpg\"\r\n            alt=\"C3 Digital Menu\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-panel-number\">\r\n          04\r\n        <\/div>\r\n\r\n        <div class=\"c3-ed-panel-content\">\r\n\r\n          <div class=\"c3-ed-panel-label\">\r\n            Digital Ordering\r\n          <\/div>\r\n\r\n          <h3 class=\"c3-ed-panel-title\">\r\n            Your Menu.\r\n            <em>Your Way.<\/em>\r\n          <\/h3>\r\n\r\n          <p class=\"c3-ed-panel-text\">\r\n            Browse the complete menu, discover your favourites\r\n            and order with ease from any device.\r\n          <\/p>\r\n\r\n          <a href=\"#\" class=\"c3-ed-panel-link\">\r\n            View Menu <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"c3-ed-line\">\r\n      Food \u00b7 Music \u00b7 Community \u00b7 Kolkata\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const items = document.querySelectorAll('.c3-ed-reveal');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n\r\n    const observer = new IntersectionObserver(\r\n      function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n          if(entry.isIntersecting){\r\n\r\n            entry.target.classList.add('is-visible');\r\n\r\n            observer.unobserve(entry.target);\r\n\r\n          }\r\n\r\n        });\r\n\r\n      },\r\n      {\r\n        threshold: 0.12,\r\n        rootMargin: '0px 0px -50px 0px'\r\n      }\r\n    );\r\n\r\n    items.forEach(function(item){\r\n      observer.observe(item);\r\n    });\r\n\r\n  } else {\r\n\r\n    items.forEach(function(item){\r\n      item.classList.add('is-visible');\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-358393c e-con e-atomic-element e-flexbox-base e-ba07999 \" data-id=\"358393c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"358393c\">\n    \t\t<div class=\"elementor-element elementor-element-a8d4ceb elementor-widget elementor-widget-html\" data-id=\"a8d4ceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n C3 JOURNAL + NEWSLETTER + FINAL CTA\r\n Premium Editorial Closing Section\r\n WordPress Elementor HTML Widget Ready\r\n ========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.c3-final-section {\r\n  --dark: #221F1F;\r\n  --cream: #F1E7D0;\r\n  --green: #5CA670;\r\n  --orange: #F15A28;\r\n  --gold: #F2DEBA;\r\n\r\n  font-family: 'Inter', sans-serif;\r\n  background: var(--dark);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.c3-final-section *,\r\n.c3-final-section *::before,\r\n.c3-final-section *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.c3-final-wrap {\r\n  width: min(1240px, 92%);\r\n  margin: auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOURNAL SECTION\r\n========================================================= *\/\r\n\r\n.c3-journal {\r\n  padding: 110px 0 95px;\r\n  position: relative;\r\n}\r\n\r\n\/* Decorative giant C3 *\/\r\n\r\n.c3-journal::after {\r\n  content: \"C3\";\r\n  position: absolute;\r\n  right: -20px;\r\n  top: 35px;\r\n\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(180px, 28vw, 430px);\r\n  font-weight: 900;\r\n  line-height: .7;\r\n\r\n  color: rgba(241,231,208,.025);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* Top line *\/\r\n\r\n.c3-final-topline {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: .28em;\r\n  text-transform: uppercase;\r\n\r\n  color: var(--orange);\r\n\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.c3-final-topline::before {\r\n  content: \"\";\r\n  width: 45px;\r\n  height: 2px;\r\n  background: var(--orange);\r\n}\r\n\r\n\r\n\/* Journal layout *\/\r\n\r\n.c3-journal-grid {\r\n  display: grid;\r\n  grid-template-columns: .8fr 1.5fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n\r\n\r\n\/* Left *\/\r\n\r\n.c3-journal-side {\r\n  position: sticky;\r\n  top: 100px;\r\n}\r\n\r\n.c3-journal-number {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 14px;\r\n  color: var(--gold);\r\n\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.c3-journal-title {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  font-size: clamp(3rem, 6vw, 6.2rem);\r\n  line-height: .9;\r\n\r\n  color: var(--cream);\r\n\r\n  margin: 0;\r\n}\r\n\r\n.c3-journal-title em {\r\n  color: var(--green);\r\n  font-weight: 400;\r\n}\r\n\r\n\r\n\/* Right *\/\r\n\r\n.c3-journal-content {\r\n  padding-top: 15px;\r\n}\r\n\r\n.c3-journal-heading {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  font-size: clamp(2rem, 4vw, 3.5rem);\r\n  line-height: 1.08;\r\n\r\n  color: var(--cream);\r\n\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.c3-journal-heading span {\r\n  color: var(--green);\r\n  font-style: italic;\r\n}\r\n\r\n.c3-journal-text {\r\n  max-width: 680px;\r\n\r\n  color: rgba(241,231,208,.67);\r\n\r\n  font-size: 15px;\r\n  font-weight: 300;\r\n  line-height: 1.9;\r\n\r\n  margin: 0 0 18px;\r\n}\r\n\r\n\r\n\/* Journal CTA *\/\r\n\r\n.c3-final-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n\r\n  margin-top: 18px;\r\n\r\n  padding: 15px 24px;\r\n\r\n  border: 1px solid rgba(241,231,208,.35);\r\n\r\n  color: var(--cream);\r\n  text-decoration: none;\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n\r\n  transition: all .35s ease;\r\n}\r\n\r\n.c3-final-btn span {\r\n  font-size: 17px;\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.c3-final-btn:hover {\r\n  background: var(--green);\r\n  border-color: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n.c3-final-btn:hover span {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOURNAL TOPICS\r\n========================================================= *\/\r\n\r\n.c3-journal-topics {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 9px;\r\n\r\n  margin-top: 45px;\r\n  padding-top: 28px;\r\n\r\n  border-top: 1px solid rgba(241,231,208,.12);\r\n}\r\n\r\n.c3-topic {\r\n  padding: 9px 13px;\r\n\r\n  border: 1px solid rgba(241,231,208,.16);\r\n\r\n  color: rgba(241,231,208,.55);\r\n\r\n  font-size: 9px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.c3-topic:hover {\r\n  color: var(--cream);\r\n  border-color: var(--green);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NEWSLETTER\r\n========================================================= *\/\r\n\r\n.c3-newsletter {\r\n  background: var(--cream);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.c3-newsletter-inner {\r\n  width: min(1240px, 92%);\r\n  margin: auto;\r\n\r\n  padding: 75px 0;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 70px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* Newsletter heading *\/\r\n\r\n.c3-newsletter-label {\r\n  color: var(--orange);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .25em;\r\n  text-transform: uppercase;\r\n\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.c3-newsletter-title {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  color: var(--dark);\r\n\r\n  font-size: clamp(2.4rem, 5vw, 4.5rem);\r\n  line-height: .95;\r\n\r\n  margin: 0 0 20px;\r\n}\r\n\r\n.c3-newsletter-title em {\r\n  color: var(--green);\r\n  font-weight: 400;\r\n}\r\n\r\n.c3-newsletter-text {\r\n  max-width: 500px;\r\n\r\n  color: rgba(34,31,31,.63);\r\n\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n\r\n  margin: 0;\r\n}\r\n\r\n\r\n\/* Form *\/\r\n\r\n.c3-newsletter-form {\r\n  position: relative;\r\n}\r\n\r\n.c3-newsletter-form-row {\r\n  display: flex;\r\n\r\n  border-bottom: 2px solid var(--dark);\r\n\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.c3-newsletter-input {\r\n  flex: 1;\r\n\r\n  border: 0;\r\n  outline: 0;\r\n\r\n  background: transparent;\r\n\r\n  padding: 14px 5px;\r\n\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n\r\n  color: var(--dark);\r\n}\r\n\r\n.c3-newsletter-input::placeholder {\r\n  color: rgba(34,31,31,.45);\r\n}\r\n\r\n.c3-newsletter-submit {\r\n  border: 0;\r\n  background: transparent;\r\n\r\n  padding: 0 5px;\r\n\r\n  cursor: pointer;\r\n\r\n  color: var(--orange);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n\r\n  transition: .3s ease;\r\n}\r\n\r\n.c3-newsletter-submit:hover {\r\n  color: var(--green);\r\n}\r\n\r\n.c3-newsletter-note {\r\n  margin-top: 14px;\r\n\r\n  color: rgba(34,31,31,.45);\r\n\r\n  font-size: 9px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* Decorative circle *\/\r\n\r\n.c3-newsletter::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 380px;\r\n  height: 380px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(92,166,112,.15);\r\n\r\n  right: -190px;\r\n  top: -190px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.c3-closing {\r\n  background: var(--green);\r\n\r\n  position: relative;\r\n\r\n  padding: 120px 0 115px;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* giant text *\/\r\n\r\n.c3-closing::before {\r\n  content: \"CLASSIC\";\r\n\r\n  position: absolute;\r\n\r\n  left: -25px;\r\n  bottom: -70px;\r\n\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  font-size: clamp(120px, 22vw, 330px);\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: .8;\r\n\r\n  color: rgba(255,255,255,.055);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* content *\/\r\n\r\n.c3-closing-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  text-align: center;\r\n\r\n  max-width: 900px;\r\n\r\n  margin: auto;\r\n}\r\n\r\n.c3-closing-label {\r\n  color: rgba(255,255,255,.8);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .3em;\r\n  text-transform: uppercase;\r\n\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.c3-closing-title {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  color: #fff;\r\n\r\n  font-size: clamp(3.2rem, 7vw, 7rem);\r\n\r\n  line-height: .88;\r\n\r\n  margin: 0 0 32px;\r\n}\r\n\r\n.c3-closing-title em {\r\n  color: var(--gold);\r\n  font-weight: 400;\r\n}\r\n\r\n.c3-closing-text {\r\n  max-width: 650px;\r\n\r\n  margin: auto;\r\n\r\n  color: rgba(255,255,255,.82);\r\n\r\n  font-size: 15px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1.9;\r\n}\r\n\r\n\r\n\/* CTA buttons *\/\r\n\r\n.c3-closing-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n\r\n  margin-top: 38px;\r\n}\r\n\r\n.c3-close-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-width: 145px;\r\n\r\n  padding: 15px 24px;\r\n\r\n  text-decoration: none;\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n\r\n  transition: .35s ease;\r\n}\r\n\r\n.c3-close-btn--light {\r\n  background: var(--cream);\r\n  color: var(--dark);\r\n}\r\n\r\n.c3-close-btn--light:hover {\r\n  background: var(--dark);\r\n  color: #fff;\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.c3-close-btn--dark {\r\n  border: 1px solid rgba(255,255,255,.5);\r\n  color: #fff;\r\n}\r\n\r\n.c3-close-btn--dark:hover {\r\n  background: #fff;\r\n  color: var(--dark);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI BRAND FOOTER\r\n========================================================= *\/\r\n\r\n.c3-mini-brand {\r\n  background: var(--dark);\r\n\r\n  text-align: center;\r\n\r\n  padding: 38px 20px;\r\n}\r\n\r\n.c3-mini-brand-name {\r\n  font-family: 'Playfair Display', serif;\r\n\r\n  color: var(--cream);\r\n\r\n  font-size: 22px;\r\n\r\n  margin-bottom: 7px;\r\n}\r\n\r\n.c3-mini-brand-tagline {\r\n  color: rgba(241,231,208,.45);\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: .25em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.c3-final-reveal {\r\n  opacity: 0;\r\n  transform: translateY(35px);\r\n\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .8s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.c3-final-reveal.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width: 850px) {\r\n\r\n  .c3-journal-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .c3-journal-side {\r\n    position: static;\r\n  }\r\n\r\n  .c3-journal-title {\r\n    font-size: 4.5rem;\r\n  }\r\n\r\n  .c3-newsletter-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width: 600px) {\r\n\r\n  .c3-journal {\r\n    padding: 75px 0 65px;\r\n  }\r\n\r\n  .c3-journal-title {\r\n    font-size: 3.7rem;\r\n  }\r\n\r\n  .c3-journal-heading {\r\n    font-size: 2.3rem;\r\n  }\r\n\r\n  .c3-journal-text {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .c3-newsletter-inner {\r\n    width: 90%;\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .c3-newsletter-title {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  .c3-newsletter-form-row {\r\n    display: block;\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .c3-newsletter-input {\r\n    width: 100%;\r\n    border-bottom: 2px solid var(--dark);\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .c3-newsletter-submit {\r\n    padding: 14px 0;\r\n  }\r\n\r\n  .c3-closing {\r\n    padding: 85px 20px;\r\n  }\r\n\r\n  .c3-closing-title {\r\n    font-size: 3.6rem;\r\n  }\r\n\r\n  .c3-closing-text {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .c3-closing-buttons {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .c3-close-btn {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion: reduce) {\r\n\r\n  .c3-final-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"c3-final-section\">\r\n\r\n  <!-- =====================================================\r\n       JOURNAL\r\n  ====================================================== -->\r\n\r\n  <section class=\"c3-journal\">\r\n\r\n    <div class=\"c3-final-wrap\">\r\n\r\n      <div class=\"c3-final-topline c3-final-reveal\">\r\n        Cafe Calcutta Classic Journal & Stay Connected\r\n      <\/div>\r\n\r\n\r\n      <div class=\"c3-journal-grid\">\r\n\r\n        <!-- LEFT -->\r\n\r\n        <div class=\"c3-journal-side c3-final-reveal\">\r\n\r\n          <div class=\"c3-journal-number\">\r\n            13 \/ Stories\r\n          <\/div>\r\n\r\n          <h2 class=\"c3-journal-title\">\r\n            Stories<br>\r\n            <em>Served.<\/em>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT -->\r\n\r\n        <div class=\"c3-journal-content c3-final-reveal\">\r\n\r\n          <h3 class=\"c3-journal-heading\">\r\n            Stories Served <span>Beyond the Plate.<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"c3-journal-text\">\r\n            C3 is a place where food meets people, music meets culture\r\n            and everyday moments become stories. Explore conversations,\r\n            reviews, behind-the-scenes moments and perspectives from\r\n            the people who make the C3 community special.\r\n          <\/p>\r\n\r\n          <p class=\"c3-journal-text\">\r\n            Discover stories from the owners, chefs, creators, celebrities,\r\n            musicians and customers, and see different sides of the\r\n            C3 experience.\r\n          <\/p>\r\n\r\n          <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/stories\/\" class=\"c3-final-btn\">\r\n            Explore All Stories\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n\r\n          <div class=\"c3-journal-topics\">\r\n\r\n            <div class=\"c3-topic\">People<\/div>\r\n            <div class=\"c3-topic\">Food<\/div>\r\n            <div class=\"c3-topic\">Music<\/div>\r\n            <div class=\"c3-topic\">Culture<\/div>\r\n            <div class=\"c3-topic\">Behind The Scenes<\/div>\r\n            <div class=\"c3-topic\">C3 Stories<\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       NEWSLETTER\r\n  ====================================================== -->\r\n\r\n  <section class=\"c3-newsletter\">\r\n\r\n    <div class=\"c3-newsletter-inner\">\r\n\r\n      <div class=\"c3-final-reveal\">\r\n\r\n        <div class=\"c3-newsletter-label\">\r\n          Stay Connected\r\n        <\/div>\r\n\r\n        <h2 class=\"c3-newsletter-title\">\r\n          Stay in the<br>\r\n          <em>Cafe Calcutta Classic Loop.<\/em>\r\n        <\/h2>\r\n\r\n        <p class=\"c3-newsletter-text\">\r\n          Be the first to know about new menu favourites,\r\n          upcoming live shows, special events, caf\u00e9 stories\r\n          and exclusive updates from Cafe Calcutta Classic.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"c3-newsletter-form c3-final-reveal\">\r\n\r\n        <form action=\"#\" method=\"post\">\r\n\r\n          <div class=\"c3-newsletter-form-row\">\r\n\r\n            <input\r\n              class=\"c3-newsletter-input\"\r\n              type=\"email\"\r\n              name=\"email\"\r\n              placeholder=\"Enter your email address\"\r\n              required\r\n              aria-label=\"Email address\"\r\n            >\r\n\r\n            <button\r\n              class=\"c3-newsletter-submit\"\r\n              type=\"submit\"\r\n            >\r\n              Subscribe \u2192\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"c3-newsletter-note\">\r\n            By subscribing, you agree to receive updates from\r\n            Cafe Calcutta Classic. You can unsubscribe at any time.\r\n          <\/div>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FINAL CTA\r\n  ====================================================== -->\r\n\r\n  <section class=\"c3-closing\">\r\n\r\n    <div class=\"c3-closing-inner c3-final-reveal\">\r\n\r\n      <div class=\"c3-closing-label\">\r\n        Cafe Calcutta Classic\r\n      <\/div>\r\n\r\n      <h2 class=\"c3-closing-title\">\r\n        Your Table<br>\r\n        Is <em>Waiting.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"c3-closing-text\">\r\n        A good meal brings people together. Great music gives the\r\n        moment a soundtrack. And the right place makes the memory last.\r\n        At Cafe Calcutta Classic, we bring it all together \u2014 one table,\r\n        one plate and one unforgettable moment at a time.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"c3-closing-buttons\">\r\n\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\" class=\"c3-close-btn c3-close-btn--light\">\r\n          Visit Cafe Calcutta Classic\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/order-now\" class=\"c3-close-btn c3-close-btn--dark\">\r\n          Order Now\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       BRAND END\r\n  ====================================================== -->\r\n\r\n  <div class=\"c3-mini-brand\">\r\n\r\n    <div class=\"c3-mini-brand-name\">\r\n      Cafe Calcutta Classic\r\n    <\/div>\r\n\r\n    <div class=\"c3-mini-brand-tagline\">\r\n      Food \u00b7 Music \u00b7 Community \u00b7 Kolkata\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const reveals = document.querySelectorAll('.c3-final-reveal');\r\n\r\n  if ('IntersectionObserver' in window) {\r\n\r\n    const observer = new IntersectionObserver(\r\n      function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n          if(entry.isIntersecting){\r\n\r\n            entry.target.classList.add('visible');\r\n\r\n            observer.unobserve(entry.target);\r\n\r\n          }\r\n\r\n        });\r\n\r\n      },\r\n      {\r\n        threshold: 0.12,\r\n        rootMargin: '0px 0px -40px 0px'\r\n      }\r\n    );\r\n\r\n    reveals.forEach(function(item){\r\n      observer.observe(item);\r\n    });\r\n\r\n  } else {\r\n\r\n    reveals.forEach(function(item){\r\n      item.classList.add('visible');\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-46ba85f e-con e-atomic-element e-flexbox-base e-767c4ee \" data-id=\"46ba85f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"46ba85f\">\n    \t\t<div class=\"elementor-element elementor-element-4eb986e elementor-widget elementor-widget-html\" data-id=\"4eb986e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     CAFE CALCUTTA CLASSIC \u2014 SITE FOOTER\r\n     Paste this whole block into an Elementor \"HTML\" widget,\r\n     placed at the very bottom of the page, full width, no padding.\r\n============================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .c3-footer{\r\n    --ink:#221F1F;\r\n    --cream:#FFFDF5;\r\n    --green:#5CA670;\r\n    --orange:#F15A28;\r\n    --gold:#F2DEBA;\r\n    font-family:'Poppins',sans-serif;\r\n    background:var(--cream);\r\n    color:rgba(34,31,31,.72);\r\n  }\r\n  .c3-footer *{box-sizing:border-box;}\r\n\r\n  \/* ---------- TICKET-PERFORATION DIVIDER (bottom of footer) ---------- *\/\r\n  .c3-footer-perf{\r\n    height:9px;\r\n    background:#5ca670;\r\n    background-image:radial-gradient(circle at 50% 100%, transparent 5px, #ff592f 5.5px);\r\n    background-size:22px 18px;\r\n    background-repeat:repeat-x;\r\n    background-position:0 5px;\r\n  }\r\n\r\n  \/* ---------- MAIN GRID ---------- *\/\r\n  .c3-footer-main{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:52px 24px 32px;\r\n    display:grid;\r\n    grid-template-columns:1.4fr 1fr 1fr 1.2fr;\r\n    gap:36px;\r\n  }\r\n\r\n  .c3-footer-brand img{height:92px;width:auto;display:block;margin-bottom:16px;}\r\n  .c3-footer-tagline{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:rgba(34,31,31,.62);\r\n    max-width:280px;\r\n    margin:0 0 6px;\r\n  }\r\n  .c3-footer-tagline-em{\r\n    font-size:14px;\r\n    font-weight:600;\r\n    color:var(--ink);\r\n    margin:0 0 20px;\r\n  }\r\n  .c3-footer-social{display:flex;gap:10px;}\r\n  .c3-footer-social a{\r\n    width:34px;height:34px;\r\n    border:1px solid rgba(34,31,31,.25);\r\n    border-radius:50%;\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--ink);\r\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;\r\n  }\r\n  .c3-footer-social a:hover{background:var(--orange);border-color:var(--orange);color:var(--cream);transform:translateY(-2px);}\r\n\r\n  .c3-footer-heading{\r\n    font-family:'Poppins',sans-serif;\r\n    font-weight:600;\r\n    font-size:15px;\r\n    letter-spacing:.04em;\r\n    text-transform:uppercase;\r\n    color:var(--ink);\r\n    margin:0 0 20px;\r\n    position:relative;\r\n    padding-bottom:10px;\r\n  }\r\n  .c3-footer-heading::after{\r\n    content:'';\r\n    position:absolute;\r\n    left:0;bottom:0;\r\n    width:28px;height:2px;\r\n    background:var(--orange);\r\n  }\r\n\r\n  .c3-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}\r\n  .c3-footer-links a{\r\n    color:rgba(34,31,31,.68);\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    transition:color .2s ease,padding-left .2s ease;\r\n  }\r\n  .c3-footer-links a:hover{color:var(--green);padding-left:4px;}\r\n\r\n  .c3-footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}\r\n  .c3-footer-contact li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:rgba(34,31,31,.68);}\r\n  .c3-footer-contact a{color:rgba(34,31,31,.68);text-decoration:none;transition:color .2s ease;}\r\n  .c3-footer-contact a:hover{color:var(--green);}\r\n  .c3-footer-contact svg{flex:none;margin-top:2px;color:var(--orange);}\r\n\r\n  .c3-footer-call{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    margin-top:6px;\r\n    padding:10px 20px;\r\n    border-radius:999px;\r\n    background:var(--green);\r\n    color:var(--cream) !important;\r\n    font-weight:600;\r\n    font-size:13px;\r\n    box-shadow:0 4px 14px rgba(92,166,112,.3);\r\n    transition:background .2s ease,box-shadow .2s ease,transform .2s ease;\r\n  }\r\n  .c3-footer-call:hover{background:#4b8f5d !important;box-shadow:0 6px 18px rgba(92,166,112,.4);transform:translateY(-1px);}\r\n\r\n  \/* ---------- LEGAL BAR ---------- *\/\r\n  .c3-footer-legal{\r\n    border-top:1px dashed rgba(34,31,31,.18);\r\n  }\r\n  .c3-footer-legal-inner{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:18px 24px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n    font-size:12.5px;\r\n    color:rgba(34,31,31,.55);\r\n  }\r\n  .c3-footer-policies{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}\r\n  .c3-footer-policies a{color:rgba(34,31,31,.55);text-decoration:none;}\r\n  .c3-footer-policies a:hover{color:var(--orange);}\r\n  .c3-footer-policies span{color:rgba(34,31,31,.3);}\r\n\r\n  \/* ============ RESPONSIVE BREAKPOINTS ============ *\/\r\n  @media (max-width: 1100px){\r\n    .c3-footer-main{grid-template-columns:1fr 1fr;row-gap:40px;}\r\n  }\r\n  @media (max-width: 600px){\r\n    .c3-footer-main{grid-template-columns:1fr;padding:40px 20px 24px;gap:32px;}\r\n    .c3-footer-legal-inner{flex-direction:column;text-align:center;}\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"c3-footer\">\r\n\r\n  <div class=\"c3-footer-main\">\r\n\r\n    <!-- BRAND -->\r\n    <div class=\"c3-footer-brand\">\r\n      <img decoding=\"async\" src=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-content\/uploads\/2026\/08\/C3-Logo.png\" alt=\"Cafe Calcutta Classic\">\r\n      <p class=\"c3-footer-tagline\">Cafe Calcutta Classic (C3) is a Kolkata-inspired caf\u00e9 experience where food, music, ambience and community come together.<\/p>\r\n      <p class=\"c3-footer-tagline-em\">Come for the flavour. Stay for the feeling.<\/p>\r\n      <div class=\"c3-footer-social\">\r\n        <a href=\"https:\/\/www.instagram.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/cafecalcuttaclassic\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 22v-8.5H16l.4-3H13.5V8.4c0-.9.25-1.5 1.55-1.5H16.5V4.3C16.2 4.26 15.2 4.17 14 4.17c-2.4 0-4 1.46-4 4.15v2.18H7.5v3h2.5V22h3.5z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"X\">\r\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.6 8.7L23.3 22h-6.9l-5.4-6.6L4.8 22H1.7l8.1-9.3L1 2h7.1l4.9 6.1L18.9 2Zm-1.2 18h1.9L7.4 4H5.4l12.3 16Z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12s0-3.2-.4-4.7c-.2-.9-.9-1.6-1.8-1.8C18.3 5 12 5 12 5s-6.3 0-7.8.5c-.9.2-1.6.9-1.8 1.8C2 8.8 2 12 2 12s0 3.2.4 4.7c.2.9.9 1.6 1.8 1.8C5.7 19 12 19 12 19s6.3 0 7.8-.5c.9-.2 1.6-.9 1.8-1.8.4-1.5.4-4.7.4-4.7Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><path d=\"M10 9.3v5.4l4.6-2.7L10 9.3Z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- QUICK LINKS -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Explore<\/h4>\r\n      <ul class=\"c3-footer-links\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/about-us\/\">About<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/media\/\">Media<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/gallery\/\">Gallery<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/blog\/\">Blog<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- BOOKINGS -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Bookings<\/h4>\r\n      <ul class=\"c3-footer-links\">\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/live-show-booking\/\">Live Show Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/event-booking\/\">Event Booking<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/franchise\/\">Franchise<\/a><\/li>\r\n        <li><a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/contact\/\">Contact<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- CONTACT -->\r\n    <div>\r\n      <h4 class=\"c3-footer-heading\">Get In Touch<\/h4>\r\n      <ul class=\"c3-footer-contact\">\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 21s-7-6.1-7-11a7 7 0 0 1 14 0c0 4.9-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>\r\n          <span>CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205<\/span>\r\n        <\/li>\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n          <a href=\"tel:+919163087723\">+91 91630 87723<\/a>\r\n        <\/li>\r\n        <li>\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m22 6-10 7L2 6\"\/><\/svg>\r\n          <a href=\"mailto:info@cafecalcuttaclassic.com\">info@cafecalcuttaclassic.com<\/a>\r\n        <\/li>\r\n      <\/ul>\r\n      <a href=\"tel:+919163087723\" class=\"c3-footer-call\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.7a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n        Call Now\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- LEGAL BAR -->\r\n  <div class=\"c3-footer-legal\">\r\n    <div class=\"c3-footer-legal-inner\">\r\n      <span>&copy; 2026 Cafe Calcutta Classic. All Rights Reserved.<\/span>\r\n      <div class=\"c3-footer-policies\">\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/privacy-policy\/\">Privacy Policy<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/terms-conditions\/\">Terms &amp; Conditions<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/refund\/\">Refund \/ Cancellation Policy<\/a><span>|<\/span>\r\n        <a href=\"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/cookie-policy\/\">Cookie Policy<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- TICKET-PERFORATION DIVIDER -->\r\n<div class=\"c3-footer-perf\"><\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CCR Jhilpar, Shilpasree, NH2 Nischinda, Bally, India, 711205 +91 91630 87723 info@cafecalcuttaclassic.com Home About Media Live Show Booking Blog Gallery Franchise Event Booking Contact Call Now Home About Media Blog Gallery Franchise Live Show Booking Event Booking Contact Call Now A Classic Taste of Kolkata Welcome to C3 Where Kolkata Meets the Classic Caf\u00e9 Experience [&hellip;]<\/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-1679","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/1679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/comments?post=1679"}],"version-history":[{"count":151,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/1679\/revisions"}],"predecessor-version":[{"id":2305,"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/pages\/1679\/revisions\/2305"}],"wp:attachment":[{"href":"https:\/\/up.freshosoft.in\/CafeCalcuttaClassic\/wp-json\/wp\/v2\/media?parent=1679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}