Khair Greetings: Islamic greeting cards in Urdu and English<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap\">\n<style>\n\/* Khair Greetings landing page. Every class is prefixed \"kg-\" so it will not clash with a WordPress theme. *\/\nhtml{scroll-behavior:smooth}\n.kg a{text-decoration:none}\n.kg button{font-family:inherit}\n.kg{position:relative;overflow-x:clip}\n\n\/* load animations *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n@keyframes fadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}\n@keyframes zoomIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:none}}\n@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -10px}}\n@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -6px}}\n.kg-a-up{animation:fadeUp 0.8s cubic-bezier(0.2,0.7,0.2,1) both}\n.kg-a-down{animation:fadeDown 0.7s cubic-bezier(0.2,0.7,0.2,1) both}\n.kg-a-zoom{animation:zoomIn 0.9s cubic-bezier(0.2,0.7,0.2,1) both}\n.kg-d1{animation-delay:0.08s}.kg-d2{animation-delay:0.18s}.kg-d3{animation-delay:0.3s}.kg-d4{animation-delay:0.42s}.kg-d5{animation-delay:0.54s}\n.kg-float{animation:floaty 6s ease-in-out infinite}\n.kg-bob{animation:bob 4s ease-in-out infinite}\n\n\/* scroll reveal (progressive: browsers without scroll timelines just show everything) *\/\n@keyframes reveal{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}\n@supports (animation-timeline: view()){\n .kg-reveal{animation:reveal linear backwards;animation-timeline:view();animation-range:entry 0% entry 28%}\n}\n\n\/* hover effects *\/\n.kg-btn{transition:transform 0.25s ease,box-shadow 0.25s ease,background-color 0.25s ease}\n.kg-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(18,32,26,0.22)}\n.kg-btn:active{transform:translateY(-1px)}\n.kg-btn-dark:hover{background:#0E5A3C !important}\n.kg-btn-green:hover{background:#13895A !important}\n.kg-btn-white:hover{background:#F4F2EA !important}\n.kg-nl{position:relative;padding:6px 0}\n.kg-nl::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:#17A068;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}\n.kg-nl:hover::after{transform:scaleX(1)}\n.kg-arrow-link svg{transition:transform 0.25s ease}\n.kg-arrow-link:hover svg{transform:translateX(5px)}\n.kg-lift,.kg-lift-s{transition:transform 0.35s cubic-bezier(0.2,0.7,0.2,1),box-shadow 0.35s ease}\n.kg-lift-s{box-shadow:0 10px 30px rgba(30,70,50,0.08)}\n.kg-lift:hover,.kg-lift-s:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(30,70,50,0.15)}\n.kg-phone{transition:transform 0.5s cubic-bezier(0.2,0.7,0.2,1)}\n.kg-phone:hover{transform:translateY(-8px) rotate(-1deg)}\n.kg-dotitem{transition:transform 0.25s ease,color 0.25s ease}\n.kg-dotitem:hover{transform:translateY(-3px);color:#16241D}\n.kg-tag{transition:background-color 0.25s ease,transform 0.25s ease}\n.kg-tag:hover{background:rgba(255,255,255,0.22) !important;transform:translateY(-2px)}\n.kg-fl{transition:color 0.2s ease}\n.kg-fl:hover{color:#17A068 !important}\n\n\/* mobile menu *\/\n.kg-burger{display:none;width:46px;height:46px;padding:0;border-radius:14px;border:1px solid #E6E3D6;background:#F4F2EA;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background-color 0.25s ease}\n.kg-burger:hover{background:#E8E5D8}\n.kg-bl{display:block;width:20px;height:2px;border-radius:2px;background:#16241D;transition:transform 0.35s cubic-bezier(0.2,0.7,0.2,1),opacity 0.25s ease}\n.kg-mnav.kg-open .kg-bl1{transform:translateY(7px) rotate(45deg)}\n.kg-mnav.kg-open .kg-bl2{opacity:0;transform:scaleX(0.4)}\n.kg-mnav.kg-open .kg-bl3{transform:translateY(-7px) rotate(-45deg)}\n.kg-mnav{position:relative;z-index:60}\n.kg-mpanel{position:absolute;left:clamp(14px,2.2vw,36px);right:clamp(14px,2.2vw,36px);top:calc(100% + 10px);opacity:0;transform:translateY(-12px) scale(0.98);transform-origin:top center;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,transform 0.4s cubic-bezier(0.2,0.7,0.2,1),visibility 0s linear 0.4s}\n.kg-mnav.kg-open .kg-mpanel{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}\n.kg-mlink{display:block;padding:14px 16px;border-radius:14px;font-size:18px;font-weight:600;color:#16241D;transition:background-color 0.2s ease,padding-left 0.2s ease}\n.kg-mlink:hover{background:#F4F2EA;padding-left:24px}\n\n\/* FAQ *\/\n.kg-faq-btn{transition:background-color 0.25s ease}\n.kg-faq-q{transition:color 0.25s ease}\n.kg-faq-btn:hover .kg-faq-q{color:#0E7A4E}\n.kg-faq-ic{flex:0 0 48px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;border:1.5px solid #17A068;color:#17A068;background:transparent;transition:background-color 0.3s ease,color 0.3s ease,transform 0.3s ease}\n.kg-faq-ic svg{transition:transform 0.4s cubic-bezier(0.2,0.7,0.2,1)}\n.kg-faq-btn:hover .kg-faq-ic{transform:scale(1.08)}\n.kg-faq-item.kg-open .kg-faq-ic{background:#17A068;color:#FFFFFF}\n.kg-faq-item.kg-open .kg-faq-ic svg{transform:rotate(-45deg)}\n.kg-faq-a{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 0.45s cubic-bezier(0.2,0.7,0.2,1),opacity 0.35s ease}\n.kg-faq-item.kg-open .kg-faq-a{grid-template-rows:1fr;opacity:1}\n\n\/* full width layout *\/\n.kg-wrap{padding-left:clamp(14px,2.2vw,36px) !important;padding-right:clamp(14px,2.2vw,36px) !important}\n.kg-panel,.kg-fpanel{padding-left:max(40px,calc((100% - 1240px) \/ 2)) !important;padding-right:max(40px,calc((100% - 1240px) \/ 2)) !important}\n\n\/* responsive *\/\n@media (max-width: 980px){ .kg-dash{display:none} }\n@media (max-width: 860px){\n .kg-nav-links,.kg-nav-cta{display:none !important}\n .kg-burger{display:flex}\n}\n@media (min-width: 861px){ .kg-mpanel{display:none} }\n@media (max-width: 640px){\n .kg-wrap{padding-left:14px !important;padding-right:14px !important}\n .kg-mpanel{left:14px;right:14px}\n .kg-panel{padding:40px 20px !important;border-radius:28px !important}\n .kg-fpanel{padding:40px 20px 0 20px !important;border-radius:28px !important}\n .kg-hero-left{padding:28px 4px 0 4px !important}\n .kg-hero-panel{padding:28px 16px 90px 16px !important;border-radius:28px !important}\n .kg-stag{margin-left:0 !important;margin-right:0 !important}\n .kg-faq-q{font-size:18px !important}\n .kg-chip{white-space:normal !important;text-align:left;width:max-content;max-width: 86%}\n .kg-card-p{padding:22px !important}\n}\n\n@media (prefers-reduced-motion: reduce){\n .kg *,.kg *::before,.kg *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}\n}\n<\/style>\n<\/head>\n<body style=\"margin: 0\">\n\n<div class=\"kg\" style=\"width: 100%; box-sizing: border-box; background: #F4F2EA; color: #16241D; font-family: 'Urbanist', system-ui, sans-serif\">\n\n\n<div class=\"kg-mnav kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-a-down\" style=\"display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 12px 14px; box-shadow: 0 6px 24px rgba(20, 40, 30, 0.06)\">\n<a href=\"#top\" class=\"kg-lift\" style=\"display: flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid #E6E3D6; border-radius: 16px; background: #F4F2EA; color: #16241D; font-size: 24px; font-weight: 800; letter-spacing: -0.02em; line-height: 1\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0E5A3C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"><\/path><\/svg>\nKhair\n<\/a>\n<div class=\"kg-nav-links\" style=\"display: flex; align-items: center; justify-content: center; gap: 8px 32px; font-size: 16px; font-weight: 600\">\n<a href=\"#features\" class=\"kg-nl\" style=\"color: #16241D\">Features<\/a>\n<a href=\"#how\" class=\"kg-nl\" style=\"color: #16241D\">How it works<\/a>\n<a href=\"#customize\" class=\"kg-nl\" style=\"color: #16241D\">Customize<\/a>\n<a href=\"#faq\" class=\"kg-nl\" style=\"color: #16241D\">FAQ<\/a>\n<\/div>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-dark kg-nav-cta\" style=\"display: inline-block; padding: 14px 24px; border-radius: 16px; background: #12201A; color: #FFFFFF; font-size: 16px; font-weight: 700\">Get the App<\/a>\n<button class=\"kg-burger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\n<span class=\"kg-bl kg-bl1\"><\/span>\n<span class=\"kg-bl kg-bl2\"><\/span>\n<span class=\"kg-bl kg-bl3\"><\/span>\n<\/button>\n<\/div>\n<div class=\"kg-mpanel\">\n<div style=\"box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 24px; padding: 12px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 14px 34px rgba(20, 40, 30, 0.1)\">\n<a href=\"#features\" class=\"kg-mlink\">Features<\/a>\n<a href=\"#how\" class=\"kg-mlink\">How it works<\/a>\n<a href=\"#customize\" class=\"kg-mlink\">Customize<\/a>\n<a href=\"#faq\" class=\"kg-mlink\">FAQ<\/a>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-dark\" style=\"margin-top: 6px; display: block; text-align: center; padding: 16px; border-radius: 16px; background: #12201A; color: #FFFFFF; font-size: 17px; font-weight: 700\">Get the App<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"top\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px\">\n<div class=\"kg-hero-left\" style=\"flex: 1 1 520px; min-width: 0; box-sizing: border-box; display: flex; flex-direction: column; gap: 28px; padding: 56px 24px 0 24px\">\n<div style=\"display: flex; flex-direction: column; gap: 28px\">\n<div class=\"kg-a-up kg-d1\" style=\"align-self: flex-start; display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #DAD7C8; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #16241D\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nIslamic greeting cards \u00b7 Urdu & English\n<\/div>\n<h1 class=\"kg-a-up kg-d2\" style=\"margin: 0; font-weight: 800; font-size: clamp(40px, 5.8vw, 78px); line-height: 1.03; letter-spacing: -0.035em; color: #16241D\">\n<span style=\"display: block; color: #0E5A3C\">Every Blessing,<\/span>\n<span style=\"display: block\">Ready To <span style=\"color: #17A068\">Send.<\/span><\/span>\n<\/h1>\n<p class=\"kg-a-up kg-d3\" style=\"margin: 0; font-size: 20px; line-height: 1.55; color: #5B6A61; max-width: 560px\">Khair Greetings brings you beautiful cards for the morning, for Jumma and for every occasion. Pick one, make it yours, and share it in seconds.<\/p>\n<div class=\"kg-a-up kg-d4\" style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 24px\">\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-green\" style=\"display: inline-flex; align-items: center; gap: 14px; padding: 12px 22px 12px 12px; border-radius: 20px; background: #17A068; color: #FFFFFF\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: rgba(255, 255, 255, 0.22)\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 3l14 9-14 9z\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; flex-direction: column\">\n<span style=\"font-size: 13px; opacity: 0.9\">Available on<\/span>\n<span style=\"font-size: 20px; font-weight: 800\">Google Play<\/span>\n<\/span>\n<\/a>\n<a href=\"#features\" class=\"kg-arrow-link\" style=\"display: inline-flex; align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 1.5px solid #16241D; color: #16241D; font-size: 17px; font-weight: 700\">\nSee what's inside\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 6 6 6-6 6\"><\/path><\/svg>\n<\/a>\n<\/div>\n<\/div>\n\n<div class=\"kg-a-up kg-d5\" style=\"margin-top: auto; padding-top: 24px; padding-bottom: 20px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 22px 24px\">\n<div aria-hidden=\"true\" style=\"display: flex; align-items: center\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F1E3FB; border: 3px solid #FFFFFF\">\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8E44AD\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><path d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-left: -14px; border-radius: 999px; background: #DDF2E5; border: 3px solid #FFFFFF\">\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#17A068\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-left: -14px; border-radius: 999px; background: #FDE3E8; border: 3px solid #FFFFFF\">\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#BE123C\" stroke=\"#BE123C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z\"><\/path><\/svg>\n<\/span>\n<\/div>\n<div style=\"display: flex; flex-direction: column; gap: 2px\">\n<div style=\"font-size: 20px; font-weight: 800; letter-spacing: -0.01em\">Eight Categories, Two Languages<\/div>\n<div style=\"font-size: 16px; color: #5B6A61\">Works offline. Made for daily greetings.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"kg-hero-panel kg-a-zoom kg-d2\" style=\"flex: 1 1 480px; min-width: 0; box-sizing: border-box; position: relative; border-radius: 36px; background: linear-gradient(150deg, #0F6B45 0%, #1FAE70 48%, #BFEBCB 100%); padding: 40px 20px 88px 20px; display: flex; justify-content: center; align-items: flex-start; overflow: hidden\">\n<svg aria-hidden=\"true\" width=\"520\" height=\"520\" viewBox=\"0 0 100 100\" style=\"position: absolute; right: -140px; top: -120px; opacity: 0.12\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"0.4\"><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\"><\/rect><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\" transform=\"rotate(45 50 50)\"><\/rect><circle cx=\"50\" cy=\"50\" r=\"36\"><\/circle><circle cx=\"50\" cy=\"50\" r=\"24\"><\/circle><\/svg>\n<div class=\"kg-phone kg-float\" style=\"position: relative; width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(6, 40, 24, 0.4)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150051.jpg\" alt=\"Khair Greetings home screen with category tiles\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<div class=\"kg-chip\" style=\"position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); box-sizing: border-box\">\n<div class=\"kg-bob\" style=\"display: flex; align-items: center; gap: 12px; padding: 10px 22px 10px 10px; border-radius: 999px; background: #FFFFFF; box-shadow: 0 10px 30px rgba(6, 40, 24, 0.25); white-space: nowrap\">\n<span style=\"display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 999px; background: #FBEFC8\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B7791F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><path d=\"M8.6 13.5l6.8 4M15.4 6.5l-6.8 4\"><\/path><\/svg>\n<\/span>\n<span style=\"font-size: 17px; font-weight: 700; color: #16241D\">Share Any Card As An Image<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-reveal\" style=\"display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 36px; box-sizing: border-box; padding: 32px 28px; border-radius: 32px; background: #ECEADF; font-size: 18px; font-weight: 700; color: #3E4F45\">\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #8E44AD\"><\/span>Good Morning<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #17A068\"><\/span>Jumma Mubarak<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #4B1D91\"><\/span>Duas & Prayers<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #2B6CB0\"><\/span>Quranic Ayaat<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #B45309\"><\/span>Hadith<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #BE123C\"><\/span>For Parents<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #334155\"><\/span>Urdu Quotes<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #6B2B6B\"><\/span>Eid & Occasions<\/span>\n<\/div>\n<\/div>\n\n\n<div id=\"features\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: linear-gradient(120deg, #DCEBCB 0%, #F6F9EC 50%, #CDEBE2 100%); padding: 56px 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 32px\">\n\n<div style=\"flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 24px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><path d=\"M8.6 13.5l6.8 4M15.4 6.5l-6.8 4\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Share, Copy Or Save<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Send a card as an image to WhatsApp or anywhere, copy the text, or save it to your gallery.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-stag kg-card-p\" style=\"box-sizing: border-box; margin-left: 28px; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"><\/path><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Gentle Reminders<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">A daily Islamic morning wish and a special alert every Friday, at the time you choose.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div style=\"flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 12px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #B9C8B4; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nFeatures\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Built For The Way You Actually Greet<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #4C5E54\">We kept every screen simple so you spend less time tapping and more time sending good wishes to the people you love.<\/p>\n<\/div>\n\n<div style=\"flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 24px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m12 2 10 5-10 5L2 7z\"><\/path><path d=\"m2 17 10 5 10-5\"><\/path><path d=\"m2 12 10 5 10-5\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Make It Yours<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Pick a background, pattern, font color, font and text size. What you preview is what you send.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-stag kg-card-p\" style=\"box-sizing: border-box; margin-right: 28px; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"m7 10 5 5 5-5\"><\/path><path d=\"M12 15V3\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Works Offline<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Card backgrounds are built into the app, so your cards look right without a connection.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n<div class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #FBFAF5; border: 1px solid #E6E3D6; padding: 64px 32px; display: flex; flex-direction: column; align-items: center; gap: 48px\">\n<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; max-width: 760px\">\n<span style=\"padding: 8px 22px; border-radius: 999px; border: 1.5px solid #17A068; color: #0E7A4E; font-size: 16px; font-weight: 700\">Core Features<\/span>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Everything For A Good Morning, In One App<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #5B6A61\">Browse, search, save and share. Urdu and English are both built in.<\/p>\n<\/div>\n\n<div style=\"width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 32px\">\n<div style=\"flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 28px\">\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #DDF2E5\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0E7A4E\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M2 12h20\"><\/path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Urdu And English<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Switch the language from the Home header or in Settings. Both are built in.<\/p>\n<\/div>\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<\/div>\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F1E3FB\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8E44AD\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Eight Categories<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Good Morning, Jumma Mubarak, Duas, Quranic Ayaat, Hadith, For Parents, Urdu Quotes and Eid.<\/p>\n<\/div>\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<\/div>\n<\/div>\n\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(20, 50, 36, 0.3)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150222.jpg\" alt=\"Khair Greetings All Categories screen\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n\n<div style=\"flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 28px\">\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #FBEFC8\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#E0A526\" stroke=\"#B7791F\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z\"><\/path><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Save Favourites<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Bookmark a card once and find it again in My Favourites, even after you close the app.<\/p>\n<\/div>\n<\/div>\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #E3EEFB\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2B6CB0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Quick Search<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Search cards by Urdu text, Roman Urdu or the occasion you have in mind.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"how\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #ECEADF; padding: 64px 32px; display: flex; flex-direction: column; align-items: center; gap: 48px\">\n<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; max-width: 760px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #CFCCBB; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nHow it works\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\"><span style=\"color: #0E5A3C\">From Open<\/span> To Shared In Four Steps.<\/h2>\n<\/div>\n\n<div style=\"width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 40px\">\n<div style=\"flex: 1 1 400px; min-width: 0; display: flex; flex-direction: column; gap: 16px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">1<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Choose A Category<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Tap a tile on Home, or search for the card you have in mind.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">2<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Open A Card<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Each card shows the original text with a Roman reading underneath.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">3<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Customize It<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Tap the pencil to change the background, pattern, font and size, then Apply.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">4<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Share, Copy Or Save<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Send it as an image, copy the text, or save it to your gallery.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(20, 50, 36, 0.3)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150252.jpg\" alt=\"A Duas and Prayers card with Share, Copy and Save buttons\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"customize\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px; display: flex; flex-direction: column; gap: 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: linear-gradient(120deg, #DCEBCB 0%, #F6F9EC 50%, #CDEBE2 100%); padding: 64px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 56px\">\n<div style=\"flex: 1 1 380px; max-width: 520px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #B9C8B4; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nCustomize\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Same Blessing, A Look For Every Mood.<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #4C5E54\">Choose from nine gradients such as Emerald, Royal Purple, Rose and Night Blue, add a pattern like Stars or Floral, and set your own font color and text size.<\/p>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-dark\" style=\"display: inline-block; padding: 16px 28px; border-radius: 16px; background: #12201A; color: #FFFFFF; font-size: 17px; font-weight: 700\">Get the App<\/a>\n<\/div>\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(20, 50, 36, 0.3)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-151544.jpg\" alt=\"Customize Card sheet showing nine gradient backgrounds and pattern options\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #0E4F37; color: #F4F2EA; padding: 64px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 56px\">\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0A1410; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150231.jpg\" alt=\"Settings screen with language, morning reminder and Friday special alert\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n<div style=\"flex: 1 1 380px; max-width: 520px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #3F7A66; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #BFE3D0\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #E0A526\"><\/span>\nReminders\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Never Miss A Jumma, Or A Good Morning.<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #C7DDD0\">Turn on the Morning Reminder for a daily Islamic wish, pick the time that suits you, and switch on the Friday Special Alert for every Friday morning.<\/p>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px\">\n<span class=\"kg-tag\" style=\"padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 700\">Morning Reminder<\/span>\n<span class=\"kg-tag\" style=\"padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 700\">Your Own Time<\/span>\n<span class=\"kg-tag\" style=\"padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 700\">Friday Special Alert<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"faq\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #FFFFFF; border: 1px solid #E6E3D6; padding: 64px 32px; display: flex; flex-direction: column; align-items: center; gap: 40px\">\n<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px\">\n<span style=\"padding: 8px 22px; border-radius: 999px; border: 1.5px solid #17A068; color: #0E7A4E; font-size: 16px; font-weight: 700\">FAQs<\/span>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Frequently Asked Questions<\/h2>\n<\/div>\n<div style=\"width: 100%; max-width: 900px; display: flex; flex-direction: column\">\n<div class=\"kg-faq-item kg-open\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"true\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">What Is Khair Greetings?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Khair Greetings is an Android app of Islamic greeting cards in Urdu and English. Browse eight categories, customize a card and share it in seconds.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Does It Work Offline?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Yes. The card backgrounds are built into the app, so your cards display without an internet connection.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Can I Change How A Card Looks?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Yes. Tap the pencil on a card to change its background, pattern, font color, font and text size. What you see in the preview is what you share or save as an image.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">How Do The Reminders Work?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Turn on the Morning Reminder for a daily Islamic wish, choose the time, and switch on the Friday Special Alert for every Friday morning. Phones with strict battery saving can delay reminders, so set Khair Greetings to unrestricted battery use if one arrives late.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Which Languages Are Supported?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">English and Urdu. Switch from the language button in the Home header or in Settings.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Where Can I Get It?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Khair Greetings is built for Android phones and is available on Google Play.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"download\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"position: relative; overflow: hidden; box-sizing: border-box; border-radius: 40px; background: linear-gradient(150deg, #0B4A33 0%, #138A5B 60%, #1FAE70 100%); color: #F4F2EA; padding: 80px 32px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px\">\n<svg aria-hidden=\"true\" width=\"560\" height=\"560\" viewBox=\"0 0 100 100\" style=\"position: absolute; left: -160px; bottom: -200px; opacity: 0.1\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"0.4\"><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\"><\/rect><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\" transform=\"rotate(45 50 50)\"><\/rect><circle cx=\"50\" cy=\"50\" r=\"36\"><\/circle><circle cx=\"50\" cy=\"50\" r=\"24\"><\/circle><\/svg>\n<div dir=\"rtl\" lang=\"ur\" style=\"position: relative; font-family: 'Noto Nastaliq Urdu', serif; font-size: 56px; line-height: 2; color: #E0A526\">\u0635\u0628\u062d \u0628\u062e\u06cc\u0631<\/div>\n<h2 style=\"position: relative; margin: 0; font-weight: 800; font-size: clamp(34px, 5vw, 66px); line-height: 1.04; letter-spacing: -0.035em; max-width: 780px\">Start Every Morning With Khair.<\/h2>\n<p style=\"position: relative; margin: 0; font-size: 20px; line-height: 1.55; color: #D4EBDD; max-width: 560px\">Download Khair Greetings and send your first card today.<\/p>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-white\" style=\"position: relative; display: inline-flex; align-items: center; gap: 14px; margin-top: 8px; padding: 12px 24px 12px 12px; border-radius: 20px; background: #FFFFFF; color: #12201A\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: #17A068\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 3l14 9-14 9z\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; flex-direction: column; text-align: left\">\n<span style=\"font-size: 13px; color: #5B6A61\">Available on<\/span>\n<span style=\"font-size: 20px; font-weight: 800\">Google Play<\/span>\n<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n\n<div class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 20px 20px\">\n<div class=\"kg-fpanel kg-reveal\" style=\"position: relative; overflow: hidden; box-sizing: border-box; border-radius: 40px; background: #E4EBE0; padding: 56px 40px 0 40px\">\n<div style=\"display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 40px\">\n<div style=\"flex: 1 1 240px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px\">\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.01em\">Navigation<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 36px; font-size: 18px; font-weight: 500\">\n<a href=\"#features\" class=\"kg-fl\" style=\"color: #3E4F45\">Features<\/a>\n<a href=\"#how\" class=\"kg-fl\" style=\"color: #3E4F45\">How it works<\/a>\n<a href=\"#customize\" class=\"kg-fl\" style=\"color: #3E4F45\">Customize<\/a>\n<a href=\"#faq\" class=\"kg-fl\" style=\"color: #3E4F45\">FAQ<\/a>\n<\/div>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-green\" style=\"display: inline-block; padding: 14px 26px; border-radius: 999px; background: #17A068; color: #FFFFFF; font-size: 17px; font-weight: 700\">Get the App<\/a>\n<\/div>\n<div style=\"flex: 1 1 280px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px\">\n<div style=\"display: flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -0.02em\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0E5A3C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"><\/path><\/svg>\nKhair Greetings\n<\/div>\n<p style=\"margin: 0; font-size: 18px; line-height: 1.55; color: #3E4F45; max-width: 360px\">Islamic greeting cards in Urdu and English, made to be shared.<\/p>\n<div style=\"font-size: 16px; color: #5B6A61\">\u00a9 2026 Khair Greetings<\/div>\n<\/div>\n<div style=\"flex: 1 1 240px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px\">\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.01em\">Contact<\/div>\n<div style=\"display: flex; flex-direction: column; gap: 6px\">\n<div style=\"font-size: 16px; color: #5B6A61\">Support email<\/div>\n<a href=\"mailto:hyperdeft@gmail.com\" class=\"kg-fl\" style=\"color: #16241D; font-size: 20px; font-weight: 700; word-break: break-all\">hyperdeft@gmail.com<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div aria-hidden=\"true\" style=\"margin-top: 32px; text-align: center; white-space: nowrap; font-size: clamp(30px, 8.6vw, 128px); font-weight: 800; line-height: 0.9; letter-spacing: -0.04em; color: rgba(14, 90, 60, 0.18)\">Khair Greetings<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n<script>\n(function () {\n var root = document.querySelector('.kg');\n if (!root) return;\n\n \/* ---- break out of a boxed theme container so the page is truly full width ---- *\/\n function fitWidth() {\n root.style.marginLeft = '0px';\n root.style.width = 'auto';\n var left = root.getBoundingClientRect().left;\n root.style.marginLeft = (-left) + 'px';\n root.style.width = document.documentElement.clientWidth + 'px';\n }\n fitWidth();\n window.addEventListener('load', fitWidth);\n window.addEventListener('resize', fitWidth);\n\n \/* ---- mobile menu ---- *\/\n var nav = root.querySelector('.kg-mnav');\n var burger = root.querySelector('.kg-burger');\n function setMenu(open) {\n nav.classList.toggle('kg-open', open);\n burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n burger.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n }\n burger.addEventListener('click', function (e) {\n e.stopPropagation();\n setMenu(!nav.classList.contains('kg-open'));\n });\n root.querySelectorAll('.kg-mlink').forEach(function (a) {\n a.addEventListener('click', function () { setMenu(false); });\n });\n document.addEventListener('click', function (e) {\n if (nav.classList.contains('kg-open') && !nav.contains(e.target)) setMenu(false);\n });\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') setMenu(false);\n });\n window.addEventListener('resize', function () {\n if (window.innerWidth > 860) setMenu(false);\n });\n\n \/* ---- FAQ accordion ---- *\/\n var items = root.querySelectorAll('.kg-faq-item');\n items.forEach(function (item) {\n var btn = item.querySelector('.kg-faq-btn');\n btn.addEventListener('click', function () {\n var wasOpen = item.classList.contains('kg-open');\n items.forEach(function (it) {\n it.classList.remove('kg-open');\n it.querySelector('.kg-faq-btn').setAttribute('aria-expanded', 'false');\n });\n if (!wasOpen) {\n item.classList.add('kg-open');\n btn.setAttribute('aria-expanded', 'true');\n }\n });\n });\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Khair Greetings: Islamic greeting cards in Urdu and English Khair Features How it works Customize FAQ Get the App Features How it works Customize FAQ Get the App Islamic greeting cards \u00b7 Urdu & English Every Blessing, Ready To Send. Khair Greetings brings you beautiful cards for the morning, for Jumma and for every occasion. […]<\/p>\n","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":7,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nKhair Greetings: Islamic greeting cards in Urdu and English<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap\">\n<style>\n\/* Khair Greetings landing page. Every class is prefixed \"kg-\" so it will not clash with a WordPress theme. *\/\nhtml{scroll-behavior:smooth}\n.kg a{text-decoration:none}\n.kg button{font-family:inherit}\n.kg{position:relative;overflow-x:clip}\n\n\/* load animations *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n@keyframes fadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}\n@keyframes zoomIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:none}}\n@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -10px}}\n@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -6px}}\n.kg-a-up{animation:fadeUp 0.8s cubic-bezier(0.2,0.7,0.2,1) both}\n.kg-a-down{animation:fadeDown 0.7s cubic-bezier(0.2,0.7,0.2,1) both}\n.kg-a-zoom{animation:zoomIn 0.9s cubic-bezier(0.2,0.7,0.2,1) both}\n.kg-d1{animation-delay:0.08s}.kg-d2{animation-delay:0.18s}.kg-d3{animation-delay:0.3s}.kg-d4{animation-delay:0.42s}.kg-d5{animation-delay:0.54s}\n.kg-float{animation:floaty 6s ease-in-out infinite}\n.kg-bob{animation:bob 4s ease-in-out infinite}\n\n\/* scroll reveal (progressive: browsers without scroll timelines just show everything) *\/\n@keyframes reveal{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}\n@supports (animation-timeline: view()){\n .kg-reveal{animation:reveal linear backwards;animation-timeline:view();animation-range:entry 0% entry 28%}\n}\n\n\/* hover effects *\/\n.kg-btn{transition:transform 0.25s ease,box-shadow 0.25s ease,background-color 0.25s ease}\n.kg-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(18,32,26,0.22)}\n.kg-btn:active{transform:translateY(-1px)}\n.kg-btn-dark:hover{background:#0E5A3C !important}\n.kg-btn-green:hover{background:#13895A !important}\n.kg-btn-white:hover{background:#F4F2EA !important}\n.kg-nl{position:relative;padding:6px 0}\n.kg-nl::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:2px;background:#17A068;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}\n.kg-nl:hover::after{transform:scaleX(1)}\n.kg-arrow-link svg{transition:transform 0.25s ease}\n.kg-arrow-link:hover svg{transform:translateX(5px)}\n.kg-lift,.kg-lift-s{transition:transform 0.35s cubic-bezier(0.2,0.7,0.2,1),box-shadow 0.35s ease}\n.kg-lift-s{box-shadow:0 10px 30px rgba(30,70,50,0.08)}\n.kg-lift:hover,.kg-lift-s:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(30,70,50,0.15)}\n.kg-phone{transition:transform 0.5s cubic-bezier(0.2,0.7,0.2,1)}\n.kg-phone:hover{transform:translateY(-8px) rotate(-1deg)}\n.kg-dotitem{transition:transform 0.25s ease,color 0.25s ease}\n.kg-dotitem:hover{transform:translateY(-3px);color:#16241D}\n.kg-tag{transition:background-color 0.25s ease,transform 0.25s ease}\n.kg-tag:hover{background:rgba(255,255,255,0.22) !important;transform:translateY(-2px)}\n.kg-fl{transition:color 0.2s ease}\n.kg-fl:hover{color:#17A068 !important}\n\n\/* mobile menu *\/\n.kg-burger{display:none;width:46px;height:46px;padding:0;border-radius:14px;border:1px solid #E6E3D6;background:#F4F2EA;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background-color 0.25s ease}\n.kg-burger:hover{background:#E8E5D8}\n.kg-bl{display:block;width:20px;height:2px;border-radius:2px;background:#16241D;transition:transform 0.35s cubic-bezier(0.2,0.7,0.2,1),opacity 0.25s ease}\n.kg-mnav.kg-open .kg-bl1{transform:translateY(7px) rotate(45deg)}\n.kg-mnav.kg-open .kg-bl2{opacity:0;transform:scaleX(0.4)}\n.kg-mnav.kg-open .kg-bl3{transform:translateY(-7px) rotate(-45deg)}\n.kg-mnav{position:relative;z-index:60}\n.kg-mpanel{position:absolute;left:clamp(14px,2.2vw,36px);right:clamp(14px,2.2vw,36px);top:calc(100% + 10px);opacity:0;transform:translateY(-12px) scale(0.98);transform-origin:top center;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,transform 0.4s cubic-bezier(0.2,0.7,0.2,1),visibility 0s linear 0.4s}\n.kg-mnav.kg-open .kg-mpanel{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}\n.kg-mlink{display:block;padding:14px 16px;border-radius:14px;font-size:18px;font-weight:600;color:#16241D;transition:background-color 0.2s ease,padding-left 0.2s ease}\n.kg-mlink:hover{background:#F4F2EA;padding-left:24px}\n\n\/* FAQ *\/\n.kg-faq-btn{transition:background-color 0.25s ease}\n.kg-faq-q{transition:color 0.25s ease}\n.kg-faq-btn:hover .kg-faq-q{color:#0E7A4E}\n.kg-faq-ic{flex:0 0 48px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;border:1.5px solid #17A068;color:#17A068;background:transparent;transition:background-color 0.3s ease,color 0.3s ease,transform 0.3s ease}\n.kg-faq-ic svg{transition:transform 0.4s cubic-bezier(0.2,0.7,0.2,1)}\n.kg-faq-btn:hover .kg-faq-ic{transform:scale(1.08)}\n.kg-faq-item.kg-open .kg-faq-ic{background:#17A068;color:#FFFFFF}\n.kg-faq-item.kg-open .kg-faq-ic svg{transform:rotate(-45deg)}\n.kg-faq-a{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 0.45s cubic-bezier(0.2,0.7,0.2,1),opacity 0.35s ease}\n.kg-faq-item.kg-open .kg-faq-a{grid-template-rows:1fr;opacity:1}\n\n\/* full width layout *\/\n.kg-wrap{padding-left:clamp(14px,2.2vw,36px) !important;padding-right:clamp(14px,2.2vw,36px) !important}\n.kg-panel,.kg-fpanel{padding-left:max(40px,calc((100% - 1240px) \/ 2)) !important;padding-right:max(40px,calc((100% - 1240px) \/ 2)) !important}\n\n\/* responsive *\/\n@media (max-width: 980px){ .kg-dash{display:none} }\n@media (max-width: 860px){\n .kg-nav-links,.kg-nav-cta{display:none !important}\n .kg-burger{display:flex}\n}\n@media (min-width: 861px){ .kg-mpanel{display:none} }\n@media (max-width: 640px){\n .kg-wrap{padding-left:14px !important;padding-right:14px !important}\n .kg-mpanel{left:14px;right:14px}\n .kg-panel{padding:40px 20px !important;border-radius:28px !important}\n .kg-fpanel{padding:40px 20px 0 20px !important;border-radius:28px !important}\n .kg-hero-left{padding:28px 4px 0 4px !important}\n .kg-hero-panel{padding:28px 16px 90px 16px !important;border-radius:28px !important}\n .kg-stag{margin-left:0 !important;margin-right:0 !important}\n .kg-faq-q{font-size:18px !important}\n .kg-chip{white-space:normal !important;text-align:left;width:max-content;max-width: 86%}\n .kg-card-p{padding:22px !important}\n}\n\n@media (prefers-reduced-motion: reduce){\n .kg *,.kg *::before,.kg *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}\n}\n<\/style>\n<\/head>\n<body style=\"margin: 0\">\n\n<div class=\"kg\" style=\"width: 100%; box-sizing: border-box; background: #F4F2EA; color: #16241D; font-family: 'Urbanist', system-ui, sans-serif\">\n\n\n<div class=\"kg-mnav kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-a-down\" style=\"display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 12px 14px; box-shadow: 0 6px 24px rgba(20, 40, 30, 0.06)\">\n<a href=\"#top\" class=\"kg-lift\" style=\"display: flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid #E6E3D6; border-radius: 16px; background: #F4F2EA; color: #16241D; font-size: 24px; font-weight: 800; letter-spacing: -0.02em; line-height: 1\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0E5A3C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"><\/path><\/svg>\nKhair\n<\/a>\n<div class=\"kg-nav-links\" style=\"display: flex; align-items: center; justify-content: center; gap: 8px 32px; font-size: 16px; font-weight: 600\">\n<a href=\"#features\" class=\"kg-nl\" style=\"color: #16241D\">Features<\/a>\n<a href=\"#how\" class=\"kg-nl\" style=\"color: #16241D\">How it works<\/a>\n<a href=\"#customize\" class=\"kg-nl\" style=\"color: #16241D\">Customize<\/a>\n<a href=\"#faq\" class=\"kg-nl\" style=\"color: #16241D\">FAQ<\/a>\n<\/div>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-dark kg-nav-cta\" style=\"display: inline-block; padding: 14px 24px; border-radius: 16px; background: #12201A; color: #FFFFFF; font-size: 16px; font-weight: 700\">Get the App<\/a>\n<button class=\"kg-burger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\n<span class=\"kg-bl kg-bl1\"><\/span>\n<span class=\"kg-bl kg-bl2\"><\/span>\n<span class=\"kg-bl kg-bl3\"><\/span>\n<\/button>\n<\/div>\n<div class=\"kg-mpanel\">\n<div style=\"box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 24px; padding: 12px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 14px 34px rgba(20, 40, 30, 0.1)\">\n<a href=\"#features\" class=\"kg-mlink\">Features<\/a>\n<a href=\"#how\" class=\"kg-mlink\">How it works<\/a>\n<a href=\"#customize\" class=\"kg-mlink\">Customize<\/a>\n<a href=\"#faq\" class=\"kg-mlink\">FAQ<\/a>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-dark\" style=\"margin-top: 6px; display: block; text-align: center; padding: 16px; border-radius: 16px; background: #12201A; color: #FFFFFF; font-size: 17px; font-weight: 700\">Get the App<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"top\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px; display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px\">\n<div class=\"kg-hero-left\" style=\"flex: 1 1 520px; min-width: 0; box-sizing: border-box; display: flex; flex-direction: column; gap: 28px; padding: 56px 24px 0 24px\">\n<div style=\"display: flex; flex-direction: column; gap: 28px\">\n<div class=\"kg-a-up kg-d1\" style=\"align-self: flex-start; display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #DAD7C8; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #16241D\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nIslamic greeting cards \u00b7 Urdu & English\n<\/div>\n<h1 class=\"kg-a-up kg-d2\" style=\"margin: 0; font-weight: 800; font-size: clamp(40px, 5.8vw, 78px); line-height: 1.03; letter-spacing: -0.035em; color: #16241D\">\n<span style=\"display: block; color: #0E5A3C\">Every Blessing,<\/span>\n<span style=\"display: block\">Ready To <span style=\"color: #17A068\">Send.<\/span><\/span>\n<\/h1>\n<p class=\"kg-a-up kg-d3\" style=\"margin: 0; font-size: 20px; line-height: 1.55; color: #5B6A61; max-width: 560px\">Khair Greetings brings you beautiful cards for the morning, for Jumma and for every occasion. Pick one, make it yours, and share it in seconds.<\/p>\n<div class=\"kg-a-up kg-d4\" style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 24px\">\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-green\" style=\"display: inline-flex; align-items: center; gap: 14px; padding: 12px 22px 12px 12px; border-radius: 20px; background: #17A068; color: #FFFFFF\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: rgba(255, 255, 255, 0.22)\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 3l14 9-14 9z\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; flex-direction: column\">\n<span style=\"font-size: 13px; opacity: 0.9\">Available on<\/span>\n<span style=\"font-size: 20px; font-weight: 800\">Google Play<\/span>\n<\/span>\n<\/a>\n<a href=\"#features\" class=\"kg-arrow-link\" style=\"display: inline-flex; align-items: center; gap: 8px; padding-bottom: 6px; border-bottom: 1.5px solid #16241D; color: #16241D; font-size: 17px; font-weight: 700\">\nSee what's inside\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 6 6 6-6 6\"><\/path><\/svg>\n<\/a>\n<\/div>\n<\/div>\n\n<div class=\"kg-a-up kg-d5\" style=\"margin-top: auto; padding-top: 24px; padding-bottom: 20px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 22px 24px\">\n<div aria-hidden=\"true\" style=\"display: flex; align-items: center\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F1E3FB; border: 3px solid #FFFFFF\">\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8E44AD\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><path d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-left: -14px; border-radius: 999px; background: #DDF2E5; border: 3px solid #FFFFFF\">\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#17A068\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-left: -14px; border-radius: 999px; background: #FDE3E8; border: 3px solid #FFFFFF\">\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#BE123C\" stroke=\"#BE123C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z\"><\/path><\/svg>\n<\/span>\n<\/div>\n<div style=\"display: flex; flex-direction: column; gap: 2px\">\n<div style=\"font-size: 20px; font-weight: 800; letter-spacing: -0.01em\">Eight Categories, Two Languages<\/div>\n<div style=\"font-size: 16px; color: #5B6A61\">Works offline. Made for daily greetings.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"kg-hero-panel kg-a-zoom kg-d2\" style=\"flex: 1 1 480px; min-width: 0; box-sizing: border-box; position: relative; border-radius: 36px; background: linear-gradient(150deg, #0F6B45 0%, #1FAE70 48%, #BFEBCB 100%); padding: 40px 20px 88px 20px; display: flex; justify-content: center; align-items: flex-start; overflow: hidden\">\n<svg aria-hidden=\"true\" width=\"520\" height=\"520\" viewBox=\"0 0 100 100\" style=\"position: absolute; right: -140px; top: -120px; opacity: 0.12\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"0.4\"><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\"><\/rect><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\" transform=\"rotate(45 50 50)\"><\/rect><circle cx=\"50\" cy=\"50\" r=\"36\"><\/circle><circle cx=\"50\" cy=\"50\" r=\"24\"><\/circle><\/svg>\n<div class=\"kg-phone kg-float\" style=\"position: relative; width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(6, 40, 24, 0.4)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150051.jpg\" alt=\"Khair Greetings home screen with category tiles\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<div class=\"kg-chip\" style=\"position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); box-sizing: border-box\">\n<div class=\"kg-bob\" style=\"display: flex; align-items: center; gap: 12px; padding: 10px 22px 10px 10px; border-radius: 999px; background: #FFFFFF; box-shadow: 0 10px 30px rgba(6, 40, 24, 0.25); white-space: nowrap\">\n<span style=\"display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 999px; background: #FBEFC8\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B7791F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><path d=\"M8.6 13.5l6.8 4M15.4 6.5l-6.8 4\"><\/path><\/svg>\n<\/span>\n<span style=\"font-size: 17px; font-weight: 700; color: #16241D\">Share Any Card As An Image<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-reveal\" style=\"display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 36px; box-sizing: border-box; padding: 32px 28px; border-radius: 32px; background: #ECEADF; font-size: 18px; font-weight: 700; color: #3E4F45\">\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #8E44AD\"><\/span>Good Morning<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #17A068\"><\/span>Jumma Mubarak<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #4B1D91\"><\/span>Duas & Prayers<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #2B6CB0\"><\/span>Quranic Ayaat<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #B45309\"><\/span>Hadith<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #BE123C\"><\/span>For Parents<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #334155\"><\/span>Urdu Quotes<\/span>\n<span class=\"kg-dotitem\" style=\"display: flex; align-items: center; gap: 10px\"><span style=\"display: block; width: 12px; height: 12px; border-radius: 999px; background: #6B2B6B\"><\/span>Eid & Occasions<\/span>\n<\/div>\n<\/div>\n\n\n<div id=\"features\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: linear-gradient(120deg, #DCEBCB 0%, #F6F9EC 50%, #CDEBE2 100%); padding: 56px 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 32px\">\n\n<div style=\"flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 24px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><path d=\"M8.6 13.5l6.8 4M15.4 6.5l-6.8 4\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Share, Copy Or Save<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Send a card as an image to WhatsApp or anywhere, copy the text, or save it to your gallery.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-stag kg-card-p\" style=\"box-sizing: border-box; margin-left: 28px; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"><\/path><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Gentle Reminders<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">A daily Islamic morning wish and a special alert every Friday, at the time you choose.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div style=\"flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 12px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #B9C8B4; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nFeatures\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Built For The Way You Actually Greet<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #4C5E54\">We kept every screen simple so you spend less time tapping and more time sending good wishes to the people you love.<\/p>\n<\/div>\n\n<div style=\"flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 24px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m12 2 10 5-10 5L2 7z\"><\/path><path d=\"m2 17 10 5 10-5\"><\/path><path d=\"m2 12 10 5 10-5\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Make It Yours<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Pick a background, pattern, font color, font and text size. What you preview is what you send.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-stag kg-card-p\" style=\"box-sizing: border-box; margin-right: 28px; background: #FFFFFF; border-radius: 28px; padding: 26px; display: flex; flex-direction: column; gap: 40px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F4F2EA\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16241D\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><path d=\"m7 10 5 5 5-5\"><\/path><path d=\"M12 15V3\"><\/path><\/svg>\n<\/span>\n<div>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Works Offline<\/div>\n<p style=\"margin: 10px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Card backgrounds are built into the app, so your cards look right without a connection.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n<div class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #FBFAF5; border: 1px solid #E6E3D6; padding: 64px 32px; display: flex; flex-direction: column; align-items: center; gap: 48px\">\n<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; max-width: 760px\">\n<span style=\"padding: 8px 22px; border-radius: 999px; border: 1.5px solid #17A068; color: #0E7A4E; font-size: 16px; font-weight: 700\">Core Features<\/span>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Everything For A Good Morning, In One App<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #5B6A61\">Browse, search, save and share. Urdu and English are both built in.<\/p>\n<\/div>\n\n<div style=\"width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 32px\">\n<div style=\"flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 28px\">\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #DDF2E5\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0E7A4E\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M2 12h20\"><\/path><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Urdu And English<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Switch the language from the Home header or in Settings. Both are built in.<\/p>\n<\/div>\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<\/div>\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #F1E3FB\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8E44AD\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"><\/rect><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Eight Categories<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Good Morning, Jumma Mubarak, Duas, Quranic Ayaat, Hadith, For Parents, Urdu Quotes and Eid.<\/p>\n<\/div>\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<\/div>\n<\/div>\n\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(20, 50, 36, 0.3)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150222.jpg\" alt=\"Khair Greetings All Categories screen\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n\n<div style=\"flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 28px\">\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #FBEFC8\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#E0A526\" stroke=\"#B7791F\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z\"><\/path><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Save Favourites<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Bookmark a card once and find it again in My Favourites, even after you close the app.<\/p>\n<\/div>\n<\/div>\n<div style=\"display: flex; align-items: center\">\n<div class=\"kg-dash\" style=\"flex: 0 0 48px; height: 0; border-top: 2px dashed #B8C4BB\"><\/div>\n<div class=\"kg-lift kg-card-p\" style=\"flex: 1 1 auto; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E6E3D6; border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 14px\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: #E3EEFB\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2B6CB0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg>\n<\/span>\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Quick Search<\/div>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Search cards by Urdu text, Roman Urdu or the occasion you have in mind.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"how\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #ECEADF; padding: 64px 32px; display: flex; flex-direction: column; align-items: center; gap: 48px\">\n<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; max-width: 760px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #CFCCBB; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nHow it works\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\"><span style=\"color: #0E5A3C\">From Open<\/span> To Shared In Four Steps.<\/h2>\n<\/div>\n\n<div style=\"width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 40px\">\n<div style=\"flex: 1 1 400px; min-width: 0; display: flex; flex-direction: column; gap: 16px\">\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">1<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Choose A Category<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Tap a tile on Home, or search for the card you have in mind.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">2<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Open A Card<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Each card shows the original text with a Roman reading underneath.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">3<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Customize It<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Tap the pencil to change the background, pattern, font and size, then Apply.<\/p>\n<\/div>\n<\/div>\n<div class=\"kg-lift-s kg-card-p\" style=\"box-sizing: border-box; display: flex; align-items: flex-start; gap: 18px; background: #FFFFFF; border-radius: 28px; padding: 24px\">\n<span style=\"flex: 0 0 52px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 999px; background: #F4F2EA; border: 1px solid #E6E3D6; font-size: 20px; font-weight: 800\">4<\/span>\n<div>\n<div style=\"font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em\">Share, Copy Or Save<\/div>\n<p style=\"margin: 8px 0 0 0; font-size: 17px; line-height: 1.55; color: #5B6A61\">Send it as an image, copy the text, or save it to your gallery.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(20, 50, 36, 0.3)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150252.jpg\" alt=\"A Duas and Prayers card with Share, Copy and Save buttons\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"customize\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px; display: flex; flex-direction: column; gap: 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: linear-gradient(120deg, #DCEBCB 0%, #F6F9EC 50%, #CDEBE2 100%); padding: 64px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 56px\">\n<div style=\"flex: 1 1 380px; max-width: 520px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #B9C8B4; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #17A068\"><\/span>\nCustomize\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Same Blessing, A Look For Every Mood.<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #4C5E54\">Choose from nine gradients such as Emerald, Royal Purple, Rose and Night Blue, add a pattern like Stars or Floral, and set your own font color and text size.<\/p>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-dark\" style=\"display: inline-block; padding: 16px 28px; border-radius: 16px; background: #12201A; color: #FFFFFF; font-size: 17px; font-weight: 700\">Get the App<\/a>\n<\/div>\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0D1511; box-shadow: 0 30px 60px rgba(20, 50, 36, 0.3)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-151544.jpg\" alt=\"Customize Card sheet showing nine gradient backgrounds and pattern options\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #0E4F37; color: #F4F2EA; padding: 64px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 56px\">\n<div style=\"flex: 0 1 320px; min-width: 0; display: flex; justify-content: center\">\n<div class=\"kg-phone\" style=\"width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px; border-radius: 46px; background: #0A1410; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35)\">\n<img decoding=\"async\" src=\"https:\/\/khairgreetings.automaterise.com\/wp-content\/uploads\/2026\/10\/Screenshot_20261006-150231.jpg\" alt=\"Settings screen with language, morning reminder and Friday special alert\" style=\"display: block; width: 100%; height: auto; border-radius: 36px\">\n<\/div>\n<\/div>\n<div style=\"flex: 1 1 380px; max-width: 520px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px\">\n<div style=\"display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #3F7A66; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #BFE3D0\">\n<span style=\"display: block; width: 10px; height: 10px; border-radius: 999px; background: #E0A526\"><\/span>\nReminders\n<\/div>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Never Miss A Jumma, Or A Good Morning.<\/h2>\n<p style=\"margin: 0; font-size: 19px; line-height: 1.6; color: #C7DDD0\">Turn on the Morning Reminder for a daily Islamic wish, pick the time that suits you, and switch on the Friday Special Alert for every Friday morning.<\/p>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px\">\n<span class=\"kg-tag\" style=\"padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 700\">Morning Reminder<\/span>\n<span class=\"kg-tag\" style=\"padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 700\">Your Own Time<\/span>\n<span class=\"kg-tag\" style=\"padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-size: 16px; font-weight: 700\">Friday Special Alert<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"faq\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"box-sizing: border-box; border-radius: 40px; background: #FFFFFF; border: 1px solid #E6E3D6; padding: 64px 32px; display: flex; flex-direction: column; align-items: center; gap: 40px\">\n<div style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px\">\n<span style=\"padding: 8px 22px; border-radius: 999px; border: 1.5px solid #17A068; color: #0E7A4E; font-size: 16px; font-weight: 700\">FAQs<\/span>\n<h2 style=\"margin: 0; font-weight: 800; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.03em\">Frequently Asked Questions<\/h2>\n<\/div>\n<div style=\"width: 100%; max-width: 900px; display: flex; flex-direction: column\">\n<div class=\"kg-faq-item kg-open\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"true\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">What Is Khair Greetings?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Khair Greetings is an Android app of Islamic greeting cards in Urdu and English. Browse eight categories, customize a card and share it in seconds.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Does It Work Offline?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Yes. The card backgrounds are built into the app, so your cards display without an internet connection.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Can I Change How A Card Looks?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Yes. Tap the pencil on a card to change its background, pattern, font color, font and text size. What you see in the preview is what you share or save as an image.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">How Do The Reminders Work?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Turn on the Morning Reminder for a daily Islamic wish, choose the time, and switch on the Friday Special Alert for every Friday morning. Phones with strict battery saving can delay reminders, so set Khair Greetings to unrestricted battery use if one arrives late.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Which Languages Are Supported?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">English and Urdu. Switch from the language button in the Home header or in Settings.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"kg-faq-item\" style=\"border-bottom: 1px solid #DAD7C8\">\n<button class=\"kg-faq-btn\" aria-expanded=\"false\" style=\"width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; color: #16241D\">\n<span class=\"kg-faq-q\" style=\"font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em\">Where Can I Get It?<\/span>\n<span class=\"kg-faq-ic\">\n<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n<\/span>\n<\/button>\n<div class=\"kg-faq-a\">\n<div style=\"overflow: hidden; min-height: 0\">\n<p style=\"margin: 0; padding: 0 4px 28px 4px; max-width: 720px; font-size: 18px; line-height: 1.65; color: #5B6A61\">Khair Greetings is built for Android phones and is available on Google Play.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div id=\"download\" class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 0 20px\">\n<div class=\"kg-panel kg-reveal\" style=\"position: relative; overflow: hidden; box-sizing: border-box; border-radius: 40px; background: linear-gradient(150deg, #0B4A33 0%, #138A5B 60%, #1FAE70 100%); color: #F4F2EA; padding: 80px 32px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px\">\n<svg aria-hidden=\"true\" width=\"560\" height=\"560\" viewBox=\"0 0 100 100\" style=\"position: absolute; left: -160px; bottom: -200px; opacity: 0.1\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"0.4\"><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\"><\/rect><rect x=\"20\" y=\"20\" width=\"60\" height=\"60\" transform=\"rotate(45 50 50)\"><\/rect><circle cx=\"50\" cy=\"50\" r=\"36\"><\/circle><circle cx=\"50\" cy=\"50\" r=\"24\"><\/circle><\/svg>\n<div dir=\"rtl\" lang=\"ur\" style=\"position: relative; font-family: 'Noto Nastaliq Urdu', serif; font-size: 56px; line-height: 2; color: #E0A526\">\u0635\u0628\u062d \u0628\u062e\u06cc\u0631<\/div>\n<h2 style=\"position: relative; margin: 0; font-weight: 800; font-size: clamp(34px, 5vw, 66px); line-height: 1.04; letter-spacing: -0.035em; max-width: 780px\">Start Every Morning With Khair.<\/h2>\n<p style=\"position: relative; margin: 0; font-size: 20px; line-height: 1.55; color: #D4EBDD; max-width: 560px\">Download Khair Greetings and send your first card today.<\/p>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-white\" style=\"position: relative; display: inline-flex; align-items: center; gap: 14px; margin-top: 8px; padding: 12px 24px 12px 12px; border-radius: 20px; background: #FFFFFF; color: #12201A\">\n<span style=\"display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: #17A068\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 3l14 9-14 9z\"><\/path><\/svg>\n<\/span>\n<span style=\"display: flex; flex-direction: column; text-align: left\">\n<span style=\"font-size: 13px; color: #5B6A61\">Available on<\/span>\n<span style=\"font-size: 20px; font-weight: 800\">Google Play<\/span>\n<\/span>\n<\/a>\n<\/div>\n<\/div>\n\n\n<div class=\"kg-wrap\" style=\"max-width: none; margin: 0 auto; box-sizing: border-box; padding: 20px 20px 20px 20px\">\n<div class=\"kg-fpanel kg-reveal\" style=\"position: relative; overflow: hidden; box-sizing: border-box; border-radius: 40px; background: #E4EBE0; padding: 56px 40px 0 40px\">\n<div style=\"display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 40px\">\n<div style=\"flex: 1 1 240px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px\">\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.01em\">Navigation<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 36px; font-size: 18px; font-weight: 500\">\n<a href=\"#features\" class=\"kg-fl\" style=\"color: #3E4F45\">Features<\/a>\n<a href=\"#how\" class=\"kg-fl\" style=\"color: #3E4F45\">How it works<\/a>\n<a href=\"#customize\" class=\"kg-fl\" style=\"color: #3E4F45\">Customize<\/a>\n<a href=\"#faq\" class=\"kg-fl\" style=\"color: #3E4F45\">FAQ<\/a>\n<\/div>\n<a href=\"https:\/\/play.google.com\/store\/search?q=Khair%20Greetings&c=apps\" class=\"kg-btn kg-btn-green\" style=\"display: inline-block; padding: 14px 26px; border-radius: 999px; background: #17A068; color: #FFFFFF; font-size: 17px; font-weight: 700\">Get the App<\/a>\n<\/div>\n<div style=\"flex: 1 1 280px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px\">\n<div style=\"display: flex; align-items: center; gap: 10px; font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -0.02em\">\n<svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0E5A3C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"><\/path><\/svg>\nKhair Greetings\n<\/div>\n<p style=\"margin: 0; font-size: 18px; line-height: 1.55; color: #3E4F45; max-width: 360px\">Islamic greeting cards in Urdu and English, made to be shared.<\/p>\n<div style=\"font-size: 16px; color: #5B6A61\">\u00a9 2026 Khair Greetings<\/div>\n<\/div>\n<div style=\"flex: 1 1 240px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px\">\n<div style=\"font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.01em\">Contact<\/div>\n<div style=\"display: flex; flex-direction: column; gap: 6px\">\n<div style=\"font-size: 16px; color: #5B6A61\">Support email<\/div>\n<a href=\"mailto:hyperdeft@gmail.com\" class=\"kg-fl\" style=\"color: #16241D; font-size: 20px; font-weight: 700; word-break: break-all\">hyperdeft@gmail.com<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div aria-hidden=\"true\" style=\"margin-top: 32px; text-align: center; white-space: nowrap; font-size: clamp(30px, 8.6vw, 128px); font-weight: 800; line-height: 0.9; letter-spacing: -0.04em; color: rgba(14, 90, 60, 0.18)\">Khair Greetings<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n<script>\n(function () {\n var root = document.querySelector('.kg');\n if (!root) return;\n\n \/* ---- break out of a boxed theme container so the page is truly full width ---- *\/\n function fitWidth() {\n root.style.marginLeft = '0px';\n root.style.width = 'auto';\n var left = root.getBoundingClientRect().left;\n root.style.marginLeft = (-left) + 'px';\n root.style.width = document.documentElement.clientWidth + 'px';\n }\n fitWidth();\n window.addEventListener('load', fitWidth);\n window.addEventListener('resize', fitWidth);\n\n \/* ---- mobile menu ---- *\/\n var nav = root.querySelector('.kg-mnav');\n var burger = root.querySelector('.kg-burger');\n function setMenu(open) {\n nav.classList.toggle('kg-open', open);\n burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n burger.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n }\n burger.addEventListener('click', function (e) {\n e.stopPropagation();\n setMenu(!nav.classList.contains('kg-open'));\n });\n root.querySelectorAll('.kg-mlink').forEach(function (a) {\n a.addEventListener('click', function () { setMenu(false); });\n });\n document.addEventListener('click', function (e) {\n if (nav.classList.contains('kg-open') && !nav.contains(e.target)) setMenu(false);\n });\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') setMenu(false);\n });\n window.addEventListener('resize', function () {\n if (window.innerWidth > 860) setMenu(false);\n });\n\n \/* ---- FAQ accordion ---- *\/\n var items = root.querySelectorAll('.kg-faq-item');\n items.forEach(function (item) {\n var btn = item.querySelector('.kg-faq-btn');\n btn.addEventListener('click', function () {\n var wasOpen = item.classList.contains('kg-open');\n items.forEach(function (it) {\n it.classList.remove('kg-open');\n it.querySelector('.kg-faq-btn').setAttribute('aria-expanded', 'false');\n });\n if (!wasOpen) {\n item.classList.add('kg-open');\n btn.setAttribute('aria-expanded', 'true');\n }\n });\n });\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Khair Greetings: Islamic greeting cards in Urdu and English Khair Features How it works Customize FAQ Get the App Features How it works Customize FAQ Get the App Islamic greeting cards \u00b7 Urdu & English Every Blessing, Ready To Send. Khair Greetings brings you beautiful cards for the morning, for Jumma and for every occasion. […]<\/p>\n","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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":7,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/khairgreetings.automaterise.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}