{"id":118,"date":"2026-07-30T14:08:34","date_gmt":"2026-07-30T09:08:34","guid":{"rendered":"https:\/\/mikatbd.com\/?page_id=118"},"modified":"2026-07-31T03:29:16","modified_gmt":"2026-07-30T20:59:16","slug":"elementor-118","status":"publish","type":"page","link":"https:\/\/mikatbd.com\/","title":{"rendered":"Coming SOON"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"118\" class=\"elementor elementor-118\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00c5e2c e-con-full e-flex e-con e-parent\" data-id=\"00c5e2c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47bdcb3 elementor-widget elementor-widget-shortcode\" data-id=\"47bdcb3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    .mikat-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}\r\n    \/* CSS fallback shown until (or instead of) WebGL *\/\r\n    .mikat-bg::before{content:\"\";position:absolute;inset:-25%;background:\r\n        radial-gradient(circle at 78% 14%,rgba(132,34,160,.30),transparent 34%),\r\n        radial-gradient(circle at 50% 60%,rgba(19,107,70,.18),transparent 38%),\r\n        radial-gradient(circle at 14% 88%,rgba(24,60,160,.26),transparent 34%);\r\n        animation:mikatAurora 22s ease-in-out infinite alternate}\r\n    .mikat-bg[data-gl=\"1\"]::before{opacity:.35}\r\n    .mikat-bg canvas{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important}\r\n    @keyframes mikatAurora{50%{transform:translate3d(2%,-2%,0) scale(1.06)}100%{transform:translate3d(-2%,2%,0) scale(1.02)}}\r\n    \/* Content must sit above the background *\/\r\n    .elementor-element:not(.mikat-bg){position:relative}\r\n    @media(prefers-reduced-motion:reduce){.mikat-bg::before{animation:none}}\r\n    <\/style>\r\n    <div class=\"mikat-bg\" id=\"mikat-bg-1254\" aria-hidden=\"true\"><\/div>\r\n    <script>\r\n    (function(){\r\n        var host = document.getElementById('mikat-bg-1254');\r\n        if (!host || host.dataset.ready) return;\r\n        host.dataset.ready = '1';\r\n\r\n        var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n        \/\/ Detect WebGL support before pulling in three.js at all.\r\n        var probe = document.createElement('canvas');\r\n        var supported = !!(window.WebGLRenderingContext && (probe.getContext('webgl') || probe.getContext('experimental-webgl')));\r\n        if (!supported) return; \/\/ CSS aurora fallback stays\r\n\r\n        function boot(){\r\n            if (!window.THREE) return;\r\n            var scene = new THREE.Scene();\r\n            var camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);\r\n            var renderer = new THREE.WebGLRenderer({ antialias: false, alpha: false, powerPreference: 'high-performance' });\r\n            var mobile = window.innerWidth < 768;\r\n            renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, mobile ? 1 : 1.5));\r\n            renderer.setSize(window.innerWidth, window.innerHeight, false);\r\n            host.appendChild(renderer.domElement);\r\n            host.dataset.gl = '1';\r\n\r\n            var material = new THREE.ShaderMaterial({\r\n                uniforms: {\r\n                    iTime: { value: 0 },\r\n                    iResolution: { value: new THREE.Vector2(window.innerWidth, window.innerHeight) }\r\n                },\r\n                vertexShader: [\r\n                    'void main(){ gl_Position = vec4(position, 1.0); }'\r\n                ].join('\\n'),\r\n                fragmentShader: [\r\n                    'precision highp float;',\r\n                    'uniform float iTime;',\r\n                    'uniform vec2 iResolution;',\r\n                    '#define NUM_OCTAVES 3',\r\n                    '#define STEPS ' + (mobile ? '22.0' : '35.0'),\r\n                    \/\/ GLSL ES 1.00 has no tanh(): provide it.\r\n                    'vec4 mikatTanh(vec4 x){ vec4 e = exp(2.0 * clamp(x, -8.0, 8.0)); return (e - 1.0) \/ (e + 1.0); }',\r\n                    'float rand(vec2 n){ return fract(sin(dot(n, vec2(12.9898, 4.1414))) * 43758.5453); }',\r\n                    'float noise(vec2 p){',\r\n                    '  vec2 ip = floor(p);',\r\n                    '  vec2 u = fract(p);',\r\n                    '  u = u*u*(3.0-2.0*u);',\r\n                    '  float res = mix(mix(rand(ip), rand(ip + vec2(1.0,0.0)), u.x), mix(rand(ip + vec2(0.0,1.0)), rand(ip + vec2(1.0,1.0)), u.x), u.y);',\r\n                    '  return res * res;',\r\n                    '}',\r\n                    'float fbm(vec2 x){',\r\n                    '  float v = 0.0; float a = 0.3; vec2 shift = vec2(100.0);',\r\n                    '  mat2 rot = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.5));',\r\n                    '  for (int i = 0; i < NUM_OCTAVES; ++i){ v += a * noise(x); x = rot * x * 2.0 + shift; a *= 0.4; }',\r\n                    '  return v;',\r\n                    '}',\r\n                    'void main(){',\r\n                    '  vec2 shake = vec2(sin(iTime * 1.2) * 0.005, cos(iTime * 2.1) * 0.005);',\r\n                    '  vec2 p = ((gl_FragCoord.xy + shake * iResolution.xy) - iResolution.xy * 0.5) \/ iResolution.y * mat2(6.0, -4.0, 4.0, 6.0);',\r\n                    '  vec2 v; vec4 o = vec4(0.0);',\r\n                    '  float f = 2.0 + fbm(p + vec2(iTime * 5.0, 0.0)) * 0.5;',\r\n                    '  for (float i = 0.0; i < STEPS; i++){',\r\n                    '    v = p + cos(i * i + (iTime + p.x * 0.08) * 0.025 + i * vec2(13.0, 11.0)) * 3.5 + vec2(sin(iTime * 3.0 + i) * 0.003, cos(iTime * 3.5 - i) * 0.003);',\r\n                    '    float tailNoise = fbm(v + vec2(iTime * 0.5, i)) * 0.3 * (1.0 - (i \/ STEPS));',\r\n                    '    vec4 auroraColors = vec4(0.1 + 0.3 * sin(i * 0.2 + iTime * 0.4), 0.3 + 0.5 * cos(i * 0.3 + iTime * 0.5), 0.7 + 0.3 * sin(i * 0.4 + iTime * 0.3), 1.0);',\r\n                    '    vec4 currentContribution = auroraColors * exp(sin(i * i + iTime * 0.8)) \/ length(max(v, vec2(v.x * f * 0.015, v.y * 1.5)));',\r\n                    '    float thinnessFactor = smoothstep(0.0, 1.0, i \/ STEPS) * 0.6;',\r\n                    '    o += currentContribution * (1.0 + tailNoise * 0.8) * thinnessFactor;',\r\n                    '  }',\r\n                    '  o = mikatTanh(pow(max(o \/ 100.0, vec4(0.0)), vec4(1.6)));',\r\n                    '  gl_FragColor = o * 1.5;',\r\n                    '}'\r\n                ].join('\\n')\r\n            });\r\n\r\n            var geometry = new THREE.PlaneGeometry(2, 2);\r\n            scene.add(new THREE.Mesh(geometry, material));\r\n\r\n            var frameId = 0, running = false;\r\n            function render(){ renderer.render(scene, camera); }\r\n            function animate(){\r\n                material.uniforms.iTime.value += 0.016;\r\n                render();\r\n                frameId = requestAnimationFrame(animate);\r\n            }\r\n            function start(){ if (!running && !reduce){ running = true; animate(); } }\r\n            function stop(){ running = false; cancelAnimationFrame(frameId); }\r\n\r\n            if (reduce) { render(); } else { start(); }\r\n\r\n            \/\/ Pause when the tab is hidden \u2014 no wasted GPU cycles.\r\n            document.addEventListener('visibilitychange', function(){ document.hidden ? stop() : start(); });\r\n\r\n            var resizeTimer;\r\n            window.addEventListener('resize', function(){\r\n                clearTimeout(resizeTimer);\r\n                resizeTimer = setTimeout(function(){\r\n                    renderer.setSize(window.innerWidth, window.innerHeight, false);\r\n                    material.uniforms.iResolution.value.set(window.innerWidth, window.innerHeight);\r\n                    if (reduce) render();\r\n                }, 150);\r\n            }, { passive: true });\r\n        }\r\n\r\n        if (window.THREE) { boot(); return; }\r\n        var s = document.createElement('script');\r\n        s.src = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js';\r\n        s.async = true;\r\n        s.onload = boot;\r\n        document.head.appendChild(s);\r\n    })();\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea9f944 e-flex e-con-boxed e-con e-child\" data-id=\"ea9f944\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5054b7c mikat-logo-w elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"5054b7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"871\" src=\"https:\/\/mikatbd.com\/wp-content\/uploads\/2026\/07\/mikat-logo-optimized.png\" class=\"attachment-full size-full wp-image-124\" alt=\"\" srcset=\"https:\/\/mikatbd.com\/wp-content\/uploads\/2026\/07\/mikat-logo-optimized.png 900w, https:\/\/mikatbd.com\/wp-content\/uploads\/2026\/07\/mikat-logo-optimized-300x290.png 300w, https:\/\/mikatbd.com\/wp-content\/uploads\/2026\/07\/mikat-logo-optimized-768x743.png 768w, https:\/\/mikatbd.com\/wp-content\/uploads\/2026\/07\/mikat-logo-optimized-600x581.png 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0810dc e-con-full e-flex e-con e-child\" data-id=\"b0810dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf33e7 elementor-widget elementor-widget-shortcode\" data-id=\"cdf33e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    .mikat-hero{width:100%;text-align:center}\r\n    .mikat-hero__top{margin:0 0 12px;font-family:var(--mikat-font-engraved,\"Cinzel\",Georgia,serif);font-size:clamp(15px,2vw,27px);font-weight:600;letter-spacing:.34em;text-indent:.34em;color:var(--mikat-gold,#f1d7a1);opacity:0;animation:mikatTopIn 1.6s cubic-bezier(.16,1,.3,1) .25s both}\r\n    @keyframes mikatTopIn{from{opacity:0;letter-spacing:.7em;filter:blur(8px)}to{opacity:.95;letter-spacing:.34em;filter:blur(0)}}\r\n    .mikat-hero__main{margin:0;font-family:var(--mikat-font-display,\"Playfair Display\",Georgia,serif);font-size:clamp(34px,5.6vw,78px);font-weight:400;line-height:1.02;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--mikat-ink,#fff);white-space:nowrap}\r\n    .mikat-hero__main .l{display:inline-block;white-space:pre;animation:mikatLetterFade 5.6s ease-in-out infinite;animation-delay:calc(var(--i) * .085s);text-shadow:0 0 26px rgba(255,255,255,.18)}\r\n    @keyframes mikatLetterFade{0%,18%{opacity:1;filter:blur(0)}55%{opacity:.08;filter:blur(3px)}88%,100%{opacity:1;filter:blur(0)}}\r\n    @media(max-width:767px){\r\n        .mikat-hero__top{font-size:clamp(13px,3.8vw,18px);letter-spacing:.28em;text-indent:.28em}\r\n        .mikat-hero__main{font-size:clamp(24px,7.4vw,38px);letter-spacing:.16em;text-indent:.16em}\r\n    }\r\n    @media(prefers-reduced-motion:reduce){.mikat-hero__top,.mikat-hero__main .l{animation:none;opacity:1}}\r\n    <\/style>\r\n    <div class=\"mikat-hero\" id=\"mikat-hero-2291\">\r\n        <p class=\"mikat-hero__top\">IN SHA ALLAH<\/p>\r\n        <h1 class=\"mikat-hero__main\" data-text=\"Coming Soon\">Coming Soon<\/h1>\r\n    <\/div>\r\n    <script>\r\n    (function(){\r\n        var box = document.getElementById('mikat-hero-2291');\r\n        if (!box || box.dataset.ready) return;\r\n        box.dataset.ready = '1';\r\n        var h = box.querySelector('.mikat-hero__main');\r\n        var text = h.getAttribute('data-text') || h.textContent;\r\n        h.textContent = '';\r\n        text.split('').forEach(function(ch, i){\r\n            var s = document.createElement('span');\r\n            s.className = 'l';\r\n            s.style.setProperty('--i', i);\r\n            s.textContent = ch;\r\n            h.appendChild(s);\r\n        });\r\n    })();\r\n    <\/script>\r\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd77e3f elementor-widget elementor-widget-shortcode\" data-id=\"fd77e3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    \/* Row of four equal columns. align-items:baseline is what keeps the colons\r\n       sitting exactly on the digits' baseline at every font size \u2014 no padding hacks. *\/\r\n    .mikat-timer{display:flex;align-items:baseline;justify-content:center;\r\n        gap:clamp(2px,1.3vw,18px);width:100%;max-width:640px;margin-inline:auto;\r\n        animation:mikatTimerIn 1.5s cubic-bezier(.16,1,.3,1) .5s both}\r\n    @keyframes mikatTimerIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\r\n\r\n    \/* Each unit is one flex column: digits stacked over label, both centred.\r\n       flex:1 1 0 + min-width:0 means the four columns are always equal and can\r\n       never overflow the row, however wide the digits get. *\/\r\n    .mikat-timer__u{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}\r\n\r\n    .mikat-timer__u b{display:block;white-space:nowrap;\r\n        font-family:var(--mikat-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);\r\n        font-size:clamp(26px,4.9vw,64px);font-weight:700;line-height:1;letter-spacing:-.02em;\r\n        font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1;\r\n        background:linear-gradient(100deg,#ff2f6d,#ff8a3d,#ffd93d,#4cf08a,#3ad7ff,#7b5cff,#e045ff,#ff2f6d);\r\n        background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;\r\n        animation:mikatRainbow 9s linear infinite;filter:drop-shadow(0 0 18px rgba(120,120,255,.28))}\r\n    @keyframes mikatRainbow{to{background-position:400% 0}}\r\n\r\n    .mikat-timer__u small{display:block;white-space:nowrap;margin-top:10px;\r\n        font-family:var(--mikat-font-ui,\"Jost\",Arial,sans-serif);\r\n        font-size:clamp(7px,.72vw,11px);font-weight:400;\r\n        letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;color:#c9c9d2}\r\n\r\n    \/* Colons sit only BETWEEN units and take no part in column sizing. *\/\r\n    .mikat-timer__c{flex:0 0 auto;font-family:var(--mikat-font-mono,ui-monospace,Menlo,monospace);\r\n        font-size:clamp(15px,2.2vw,32px);font-weight:500;font-style:normal;line-height:1;\r\n        color:#5be0d8;opacity:.55;animation:mikatBlink 2s steps(1,end) infinite}\r\n    @keyframes mikatBlink{50%{opacity:.14}}\r\n\r\n    @media(max-width:767px){\r\n        .mikat-timer{gap:clamp(1px,1vw,10px)}\r\n        .mikat-timer__u b{font-size:clamp(24px,8.4vw,44px);letter-spacing:-.03em}\r\n        .mikat-timer__u small{margin-top:8px;font-size:7px;letter-spacing:.14em;text-indent:.14em}\r\n        .mikat-timer__c{font-size:clamp(13px,3.6vw,20px)}\r\n    }\r\n    \/* Narrowest phones: drop the colons entirely rather than let them crowd the digits. *\/\r\n    @media(max-width:359px){\r\n        .mikat-timer__c{display:none}\r\n        .mikat-timer{gap:2px}\r\n        .mikat-timer__u b{font-size:clamp(22px,8.8vw,34px)}\r\n        .mikat-timer__u small{font-size:6px;letter-spacing:.1em;text-indent:.1em;margin-top:7px}\r\n    }\r\n    @media(prefers-reduced-motion:reduce){.mikat-timer,.mikat-timer__u b,.mikat-timer__c{animation:none}.mikat-timer__u b{background-position:0 0}}\r\n    <\/style>\r\n    <div class=\"mikat-timer\" id=\"mikat-timer-4668\" data-launch=\"2027-01-01T00:00:00+06:00\" aria-label=\"Countdown to launch\">\r\n        <span class=\"mikat-timer__u\"><b data-u=\"d\">00<\/b><small>Days<\/small><\/span><i class=\"mikat-timer__c\" aria-hidden=\"true\">:<\/i>\r\n        <span class=\"mikat-timer__u\"><b data-u=\"h\">00<\/b><small>Hours<\/small><\/span><i class=\"mikat-timer__c\" aria-hidden=\"true\">:<\/i>\r\n        <span class=\"mikat-timer__u\"><b data-u=\"m\">00<\/b><small>Minutes<\/small><\/span><i class=\"mikat-timer__c\" aria-hidden=\"true\">:<\/i>\r\n        <span class=\"mikat-timer__u\"><b data-u=\"s\">00<\/b><small>Seconds<\/small><\/span>\r\n    <\/div>\r\n    <script>\r\n    (function(){\r\n        var el = document.getElementById('mikat-timer-4668');\r\n        if (!el || el.dataset.ready) return;\r\n        el.dataset.ready = '1';\r\n        var target = new Date(el.dataset.launch).getTime();\r\n        if (isNaN(target)) return;\r\n        var pad = function(n){ return String(n).padStart(2,'0'); };\r\n        var set = function(k,v){ var n = el.querySelector('[data-u=\"'+k+'\"]'); if (n) n.textContent = pad(v); };\r\n        var tick = function(){\r\n            var ms = Math.max(0, target - Date.now());\r\n            set('d', Math.floor(ms\/86400000)); ms %= 86400000;\r\n            set('h', Math.floor(ms\/3600000)); ms %= 3600000;\r\n            set('m', Math.floor(ms\/60000));\r\n            set('s', Math.floor((ms%60000)\/1000));\r\n        };\r\n        tick();\r\n        setInterval(tick, 1000);\r\n    })();\r\n    <\/script>\r\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c5a8ff elementor-widget elementor-widget-shortcode\" data-id=\"5c5a8ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    .mikat-player{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;animation:mikatPlayerIn 1.5s cubic-bezier(.16,1,.3,1) .7s both}\r\n    @keyframes mikatPlayerIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\r\n    .mikat-player__label{display:flex;align-items:center;gap:9px;font-family:var(--mikat-font-bangla,\"Noto Serif Bengali\",serif);font-size:clamp(14px,1.2vw,18px);font-weight:600;color:#fff;line-height:1.5;text-shadow:0 2px 14px rgba(0,0,0,.55)}\r\n    .mikat-player__dot{display:block;width:9px;height:9px;border-radius:50%;background:#596174;flex:none;transition:background .3s ease}\r\n    .mikat-player[data-state=\"loading\"] .mikat-player__dot{background:var(--mikat-gold,#f1d7a1);box-shadow:0 0 0 4px rgba(241,215,161,.18);animation:mikatPulse 1s ease-in-out infinite}\r\n    .mikat-player[data-state=\"playing\"] .mikat-player__dot{background:#32d6a0;box-shadow:0 0 0 4px rgba(50,214,160,.2),0 0 14px rgba(50,214,160,.85);animation:mikatPulse 1.8s ease-in-out infinite}\r\n    .mikat-player__row{display:flex;align-items:center;justify-content:center;gap:14px}\r\n    .mikat-player__stack{display:flex;flex-direction:column;align-items:center;gap:5px}\r\n    .mikat-player__btn{display:grid!important;place-items:center;width:44px;height:44px;padding:0!important;color:#fff;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0;-webkit-appearance:none;appearance:none;cursor:pointer;transition:transform .25s ease,color .25s ease}\r\n    .mikat-player__btn:hover,.mikat-player__btn:focus{background:transparent!important;border:0!important;box-shadow:none!important;transform:scale(1.12)}\r\n    .mikat-player__btn svg{display:block;width:22px;height:22px;fill:currentColor;pointer-events:none}\r\n    .mikat-player__btn--play{color:var(--mikat-gold,#f1d7a1);filter:drop-shadow(0 0 12px rgba(241,215,161,.45))}\r\n    \/* Spinner ring shown only while the stream is buffering *\/\r\n    .mikat-player[data-state=\"loading\"] .mikat-player__btn--play{position:relative}\r\n    .mikat-player[data-state=\"loading\"] .mikat-player__btn--play::after{content:\"\";position:absolute;inset:2px;border-radius:50%;border:2px solid rgba(241,215,161,.22);border-top-color:var(--mikat-gold,#f1d7a1);animation:mikatSpin .8s linear infinite}\r\n    @keyframes mikatSpin{to{transform:rotate(360deg)}}\r\n    \/* Hint text \u2014 one element, three states *\/\r\n    .mikat-player__hint{min-height:11px;font-family:var(--mikat-font-ui,\"Jost\",Arial,sans-serif);font-size:11px;letter-spacing:.16em;text-indent:.16em;text-transform:lowercase;line-height:1;color:#c3c7d4;transition:color .3s ease;animation:mikatHint 2.6s ease-in-out infinite}\r\n    @keyframes mikatHint{50%{opacity:.35}}\r\n    .mikat-player[data-state=\"loading\"] .mikat-player__hint{color:var(--mikat-gold,#f1d7a1);animation:mikatHint 1s ease-in-out infinite}\r\n    .mikat-player[data-state=\"playing\"] .mikat-player__hint{color:#8f96a8;animation:none}\r\n    .mikat-player[data-state=\"error\"] .mikat-player__hint{color:#ff7a90;animation:none}\r\n    .mikat-player__vol{width:82px;accent-color:#f7b928}\r\n    .mikat-player__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\r\n    @keyframes mikatPulse{50%{opacity:.45;transform:scale(.82)}}\r\n    @media(max-width:767px){\r\n        .mikat-player__label{font-size:clamp(15px,4.2vw,19px)}\r\n        .mikat-player__dot{width:10px;height:10px}\r\n        .mikat-player__vol{display:none}\r\n    }\r\n    @media(prefers-reduced-motion:reduce){.mikat-player,.mikat-player__hint,.mikat-player__dot{animation:none}.mikat-player[data-state=\"loading\"] .mikat-player__btn--play::after{animation:none}}\r\n    <\/style>\r\n    <div class=\"mikat-player\" id=\"mikat-player-5999\" data-state=\"idle\"\r\n         data-stream=\"https:\/\/stream.zeno.fm\/nuf7pfcwn18uv\"\r\n         data-hint-idle=\"tap to play\"\r\n         data-hint-loading=\"connecting\u2026\"\r\n         data-hint-playing=\"tap to stop\"\r\n         data-hint-error=\"stream unavailable\">\r\n        <div class=\"mikat-player__label\"><span class=\"mikat-player__dot\" aria-hidden=\"true\"><\/span><span>\u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09c1\u09a8\u09c1\u09a8 \u09ac\u09be\u0982\u09b2\u09be \u0985\u09a8\u09c1\u09ac\u09be\u09a6 \u09b8\u09b9<\/span><\/div>\r\n        <div class=\"mikat-player__row\">\r\n            <div class=\"mikat-player__stack\">\r\n                <button type=\"button\" class=\"mikat-player__btn mikat-player__btn--play\" data-act=\"play\" aria-label=\"Play\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5.1v13.8c0 .8.9 1.3 1.6.8l10.2-6.9c.6-.4.6-1.2 0-1.6L9.6 4.3c-.7-.5-1.6 0-1.6.8Z\"\/><\/svg><\/button>\r\n                <span class=\"mikat-player__hint\">tap to play<\/span>\r\n            <\/div>\r\n            <button type=\"button\" class=\"mikat-player__btn\" data-act=\"mute\" aria-label=\"Mute\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 9v6h4l5 4V5L8 9H4Zm12.5 3a4.5 4.5 0 0 0-2-3.7v7.4a4.5 4.5 0 0 0 2-3.7Z\"\/><\/svg><\/button>\r\n            <input type=\"range\" class=\"mikat-player__vol\" min=\"0\" max=\"1\" step=\".05\" value=\".7\" aria-label=\"Volume\">\r\n        <\/div>\r\n        <span class=\"mikat-player__sr\" aria-live=\"polite\">Tap to play<\/span>\r\n        <audio preload=\"none\" playsinline><\/audio>\r\n    <\/div>\r\n    <script>\r\n    (function(){\r\n        var box = document.getElementById('mikat-player-5999');\r\n        if (!box || box.dataset.ready) return;\r\n        box.dataset.ready = '1';\r\n\r\n        var audio   = box.querySelector('audio');\r\n        var playBtn = box.querySelector('[data-act=\"play\"]');\r\n        var muteBtn = box.querySelector('[data-act=\"mute\"]');\r\n        var vol     = box.querySelector('.mikat-player__vol');\r\n        var hint    = box.querySelector('.mikat-player__hint');\r\n        var sr      = box.querySelector('.mikat-player__sr');\r\n\r\n        var ICON_PLAY  = '<svg viewBox=\"0 0 24 24\"><path d=\"M8 5.1v13.8c0 .8.9 1.3 1.6.8l10.2-6.9c.6-.4.6-1.2 0-1.6L9.6 4.3c-.7-.5-1.6 0-1.6.8Z\"\/><\/svg>';\r\n        var ICON_PAUSE = '<svg viewBox=\"0 0 24 24\"><path d=\"M7 4.5h3.4v15H7zM13.6 4.5H17v15h-3.4z\"\/><\/svg>';\r\n\r\n        var TEXT = {\r\n            idle:    box.dataset.hintIdle,\r\n            loading: box.dataset.hintLoading,\r\n            playing: box.dataset.hintPlaying,\r\n            error:   box.dataset.hintError\r\n        };\r\n\r\n        audio.src = box.dataset.stream;\r\n        audio.volume = .7;\r\n\r\n        \/\/ Single place that owns every visual state: idle | loading | playing | error\r\n        function setState(state){\r\n            box.dataset.state = state;\r\n            hint.textContent = TEXT[state] || TEXT.idle;\r\n            var playing = (state === 'playing');\r\n            playBtn.innerHTML = playing ? ICON_PAUSE : ICON_PLAY;\r\n            playBtn.setAttribute('aria-label', playing ? 'Pause' : 'Play');\r\n            sr.textContent = playing ? 'Playing live' : (TEXT[state] || TEXT.idle);\r\n        }\r\n\r\n        playBtn.addEventListener('click', function(){\r\n            if (!audio.paused) { audio.pause(); return; }   \/\/ 'pause' event repaints\r\n            setState('loading');\r\n            \/\/ Re-point the source so a dropped live stream reconnects from now.\r\n            audio.src = box.dataset.stream;\r\n            var p = audio.play();\r\n            if (p && p.then) {\r\n                p.catch(function(){ setState('error'); });\r\n            }\r\n        });\r\n\r\n        muteBtn.addEventListener('click', function(){\r\n            audio.muted = !audio.muted;\r\n            muteBtn.style.opacity = audio.muted ? '.45' : '1';\r\n            muteBtn.setAttribute('aria-label', audio.muted ? 'Unmute' : 'Mute');\r\n        });\r\n\r\n        if (vol) vol.addEventListener('input', function(){\r\n            audio.volume = Number(vol.value);\r\n            audio.muted = false;\r\n            muteBtn.style.opacity = '1';\r\n        });\r\n\r\n        \/\/ Audio element drives the state, so it stays truthful if the stream stalls.\r\n        audio.addEventListener('playing', function(){ setState('playing'); });\r\n        audio.addEventListener('waiting', function(){ if (!audio.paused) setState('loading'); });\r\n        audio.addEventListener('stalled', function(){ if (!audio.paused) setState('loading'); });\r\n        audio.addEventListener('pause',   function(){ setState('idle'); });\r\n        audio.addEventListener('error',   function(){ setState('error'); });\r\n    })();\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bae2de e-flex e-con-boxed e-con e-child\" data-id=\"7bae2de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e35ff08 elementor-widget elementor-widget-shortcode\" data-id=\"e35ff08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n    .mikat-footer{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;animation:mikatFooterIn 1.5s cubic-bezier(.16,1,.3,1) .9s both}\r\n    @keyframes mikatFooterIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\r\n    .mikat-footer__social{display:flex;align-items:center;justify-content:center;gap:clamp(28px,4vw,48px)}\r\n    .mikat-footer__social a{display:grid!important;place-items:center;width:40px;height:40px;color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;transform-origin:50% 50%;animation:mikatShake 4.5s ease-in-out infinite;will-change:transform}\r\n    .mikat-footer__social a:nth-child(2){animation-delay:.5s}\r\n    .mikat-footer__social svg{display:block;width:28px;height:28px;fill:currentColor;filter:drop-shadow(0 3px 12px rgba(0,0,0,.55))}\r\n    .mikat-footer__social a:hover{color:var(--mikat-gold,#f7b928)!important;animation:mikatShakeHard .5s ease-in-out infinite}\r\n    @keyframes mikatShake{\r\n        0%,72%,100%{transform:translate3d(0,0,0) rotate(0)}\r\n        75%{transform:translate3d(-2px,0,0) rotate(-7deg)}\r\n        78%{transform:translate3d(2px,0,0) rotate(7deg)}\r\n        81%{transform:translate3d(-2px,0,0) rotate(-5deg)}\r\n        84%{transform:translate3d(2px,0,0) rotate(5deg)}\r\n        87%{transform:translate3d(-1px,0,0) rotate(-2deg)}\r\n        90%{transform:translate3d(0,0,0) rotate(0)}\r\n    }\r\n    @keyframes mikatShakeHard{\r\n        0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1.1)}\r\n        25%{transform:translate3d(-3px,0,0) rotate(-9deg) scale(1.1)}\r\n        50%{transform:translate3d(3px,0,0) rotate(9deg) scale(1.1)}\r\n        75%{transform:translate3d(-2px,0,0) rotate(-5deg) scale(1.1)}\r\n    }\r\n    .mikat-footer__credit{margin:0;font-family:var(--mikat-font-ui,\"Jost\",Arial,sans-serif);font-size:12px;font-weight:300;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#e8e8ec;opacity:.85}\r\n    @media(max-width:767px){\r\n        .mikat-footer{gap:16px}\r\n        .mikat-footer__social{gap:56px}\r\n        .mikat-footer__credit{font-size:11px;letter-spacing:.24em;text-indent:.24em}\r\n    }\r\n    @media(prefers-reduced-motion:reduce){.mikat-footer,.mikat-footer__social a,.mikat-footer__social a:hover{animation:none}}\r\n    <\/style>\r\n    <div class=\"mikat-footer\">\r\n        <nav class=\"mikat-footer__social\" aria-label=\"Social media\">\r\n            <a href=\"https:\/\/www.facebook.com\/mikatlifestyle\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5.02 3.66 9.18 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.51 1.49-3.9 3.77-3.9 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.78-1.63 1.57v1.88h2.78l-.45 2.91h-2.33V22c4.78-.76 8.44-4.92 8.44-9.94Z\"\/><\/svg><\/a>\r\n            <a href=\"https:\/\/wa.me\/8801708582999\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2C6.6 2 2.2 6.4 2.2 11.84c0 1.74.46 3.44 1.32 4.94L2 22l5.36-1.4c1.44.78 3.06 1.2 4.68 1.2 5.44 0 9.84-4.4 9.84-9.84C21.88 6.4 17.48 2 12.04 2Zm0 17.98c-1.46 0-2.9-.4-4.16-1.14l-.3-.18-3.1.82.82-3.04-.2-.32a8.13 8.13 0 0 1-1.24-4.28c0-4.5 3.66-8.16 8.18-8.16 4.5 0 8.16 3.66 8.16 8.16 0 4.52-3.66 8.14-8.16 8.14Zm4.5-6.08c-.24-.12-1.46-.72-1.68-.8-.22-.08-.38-.12-.54.12-.16.24-.62.8-.76.96-.14.16-.28.18-.52.06-.24-.12-1.02-.38-1.94-1.2-.72-.64-1.2-1.42-1.34-1.66-.14-.24-.02-.38.1-.5.12-.12.26-.3.38-.46.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.3-.74-1.78-.2-.46-.4-.4-.54-.4h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2 0 1.18.86 2.32.98 2.48.12.16 1.7 2.6 4.12 3.64.58.24 1.02.38 1.38.5.58.18 1.1.16 1.52.1.46-.08 1.42-.58 1.62-1.14.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28Z\"\/><\/svg><\/a>\r\n        <\/nav>\r\n        <p class=\"mikat-footer__credit\">Made by TuHiN<\/p>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mikatbd.com\/index.php?rest_route=\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mikatbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mikatbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mikatbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mikatbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=118"}],"version-history":[{"count":27,"href":"https:\/\/mikatbd.com\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/mikatbd.com\/index.php?rest_route=\/wp\/v2\/pages\/118\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/mikatbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}