<!DOCTYPE html>
<html dir="rtl" data-theme="books">
<head>
<meta charset="utf-8">
<meta name="google-site-verification" content="V47Gk7016Q0YQGLflcALRq7bpOPIGq32atC3-UhJj7Q" />
<meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link rel="icon" href="https://www.darulifta.info/public/images/icon/96.png" type="image/png">
<meta property="og:image" content="https://www.darulifta.info/public/images/og.icon.png">
<meta property="og:image:width" content="96">
<meta property="og:image:height" content="96">
<title>دار الافتاء . انفو | Darulifta.info</title>
<link rel="stylesheet" href="https://www.darulifta.info/public/build/web/assets/web-DI0yJxEy.css">
<script type="module" src="https://www.darulifta.info/public/build/web/assets/web-z-Rg4TxU.js"></script>
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
</head>
<body class="font-ur min-h-screen flex flex-col bg-gray-50">
<script src="/livewire/livewire.js?id=df3a17f2" data-csrf="LfTnLpUNlQLIkNBMZ4JB2YJaxQCynwShNqhmq4eq" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<!-- التنقل الرئيسي -->
<header class="sticky top-0 z-50">
<nav class="bg-white shadow-md">
<div class="container mx-auto">
<div class="navbar">
<!-- القائمة الجانبية للموبايل -->
<div class="navbar-start">
<div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle text-primary hover:bg-primary/10">
<span class="icon-[mdi--menu] text-2xl"></span>
</div>
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-white rounded-lg w-52 space-y-1">
<li><a href="https://www.darulifta.info" class="flex items-center gap-2 py-2 hover:bg-primary/5">
<span class="icon-[mdi--home]"></span>ہوم پیج</a></li>
<li><a href="https://www.darulifta.info/dars" class="flex items-center gap-2 py-2 hover:bg-primary/5">
<span class="icon-[mdi--list-box]"></span>دار الافتاؤں کی فہرست</a></li>
<li><a href="https://www.darulifta.info/ask" class="flex items-center gap-2 py-2 hover:bg-primary/5">
<span class="icon-[mdi--help-circle-outline]"></span>سوال پوچھیں</a></li>
<li><a href="https://www.darulifta.info/about" class="flex items-center gap-2 py-2 hover:bg-primary/5">
<span class="icon-[mdi--information]"></span>تعارف</a></li>
</ul>
</div>
<!-- روابط سطح المكتب -->
<div class="hidden lg:flex items-center gap-6 mr-4">
<a href="https://www.darulifta.info/dars" class="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
<span class="icon-[mdi--list-box]"></span>
<span>دار الافتاؤں کی فہرست</span>
</a>
<a href="https://www.darulifta.info/ask" class="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
<span class="icon-[mdi--help-circle-outline]"></span>
<span>سوال پوچھیں</span>
</a>
<a href="https://www.darulifta.info/about" class="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
<span class="icon-[mdi--information]"></span>
<span>تعارف</span>
</a>
</div>
</div>
<!-- الشعار -->
<div class="navbar-center">
<a href="https://www.darulifta.info" class="flex items-center">
<img src="https://www.darulifta.info/public/images/nav-bar-logo.png" class="h-8 md:h-10" alt="Logo">
</a>
</div>
<!-- أزرار اليمين -->
<div class="navbar-end gap-2">
<a href="https://www.darulifta.info/search" class="btn btn-ghost btn-circle text-gray-600 hover:bg-primary/10">
<span class="icon-[mdi--search] text-xl"></span>
</a>
</div>
</div>
</div>
</nav>
</header>
<!-- المحتوى الرئيسي -->
<main class="flex-grow">
<section class="border bg-bottom bg-cover bg-no-repeat" style="background-image: url('https://www.darulifta.info/public/images/bg.jpg')">
<div class="h-full w-full pt-24 pb-14" style="background-color: rgba(0, 0, 0, 0.75);">
<div class="container px-4">
<div class="max-w-3xl mx-auto mb-8">
<form method="get" action="search" class="w-full">
<div class="relative">
<div x-data="{ isOpen: false }">
<div class="join w-full rounded-lg overflow-hidden" style="box-shadow: 0px 10px 25px rgba(0,0,0,0.5);">
<input type="search" name="q" placeholder="تلاش کے الفاظ۔۔۔" class="join-item input w-full bg-white/95 text-lg py-6 focus:bg-white transition-colors duration-200 border-amber-200 focus:border-amber-400">
<button x-show="!isOpen" type="submit" class="btn join-item bg-gradient-to-r from-amber-600 to-amber-700 hover:from-amber-700 hover:to-amber-800 border-none text-white w-1/4 min-h-0 h-full py-3 px-4 transition-all duration-300">
<i class="icon-[mdi--search] text-2xl ml-1"></i>
<span class="hidden md:block">تلاش</span>
</button>
<div x-on:click="isOpen = !isOpen" class="btn join-item bg-gradient-to-r from-amber-800 to-amber-900 hover:from-amber-900 hover:to-amber-950 border-none text-white min-h-0 h-full py-3 transition-all duration-300">
<i class="icon-[material-symbols--settings-outline-rounded] text-2xl"></i>
</div>
</div>
<div x-show="isOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform -translate-y-2" x-transition:enter-end="opacity-100 transform translate-y-0" class="mt-3">
<div class="bg-gradient-to-br from-amber-800/90 to-amber-950/90 backdrop-blur-sm border border-amber-500/30 rounded-lg shadow-2xl p-5">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label for="q" class="text-amber-100 font-medium block mb-2">دار الافتاء</label>
<select name="dar_id" class="input w-full bg-white/90 border-amber-200 focus:border-amber-400">
<option value="">تمام</option>
<option value="1">دار الافتاء دار العلوم دیوبند</option>
<option value="7">دار الافتاء دار العلوم (وقف) دیوبند </option>
<option value="2">دار الافتاء دار العلوم کراچی</option>
<option value="3">دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</option>
<option value="8">دار الافتاء جامعہ فاروقیہ</option>
<option value="12">دار الافتاء اشرف المدارس کراچی</option>
<option value="15">دار الافتاء جامعہ حقانیہ اکوڑہ خٹک</option>
<option value="16">دار الافتاء خیر المدارس ملتان</option>
<option value="4">دار الافتاء جامعۃ الرشید کراچی</option>
<option value="5">دار الافتاء جامعہ بنوریہ کراچی</option>
<option value="6">دار الافتاء جامعہ اشرفیہ لاہور</option>
<option value="20">دار الافتاء جامعہ عثمانیہ پشاور</option>
</select>
</div>
<div>
<label for="fatwa_no" class="text-amber-100 font-medium block mb-2">فتوی نمبر</label>
<input type="search" name="fatwa_no" dir="ltr" class="input w-full font-bold bg-white/90 border-amber-200 focus:border-amber-400">
</div>
</div>
<div class="flex justify-center mt-5">
<button type="submit" class="btn bg-gradient-to-r from-amber-600 to-amber-700 hover:from-amber-700 hover:to-amber-800 border-none text-white px-6 py-3 rounded-lg shadow-lg transform transition-all duration-300 hover:scale-105">
<i class="icon-[mdi--search] text-2xl ml-2"></i>
<span>تلاش</span>
</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="text-center mb-8">
<div class="inline-block ">
<div class="text-2xl md:text-2xl text-white " style="text-shadow: 2px 2px 8px rgba(0,0,0,0.8);">
<span class='count animate-pulse font-bold'>182662
</span>
<span class="text-amber-100">مستند فتاوی میں تلاش کی سہولت</span>
</div>
</div>
</div>
<!-- Quick Links Section -->
<div class="flex justify-center items-center">
<div class="flex flex-wrap gap-3 md:gap-5 justify-center max-w-4xl">
<a href="https://www.darulifta.info/dars" class="group flex flex-col items-center justify-center bg-gradient-to-br from-amber-700/50 to-amber-950/60 backdrop-blur-lg text-white border border-amber-500/30 p-3 rounded-xl shadow-[0_15px_30px_rgba(0,0,0,0.4)] hover:shadow-[0_20px_35px_rgba(234,88,12,0.5)] transition-all duration-500 hover:-translate-y-1 min-w-[110px]">
<div class="flex items-center justify-center h-12 w-24">
<i class="icon-[mdi--mosque] text-3xl text-amber-100 group-hover:scale-125 group-hover:text-white transition-all duration-300 ease-in-out"></i>
</div>
<span class="text-center text-sm font-medium mt-1 group-hover:text-white text-amber-100 transition-colors duration-300">فہرست دار الافتاء</span>
</a>
<a href="https://www.darulifta.info/zakat-calculator" class="group flex flex-col items-center justify-center bg-gradient-to-br from-amber-700/50 to-amber-950/60 backdrop-blur-lg text-white border border-amber-500/30 p-3 rounded-xl shadow-[0_15px_30px_rgba(0,0,0,0.4)] hover:shadow-[0_20px_35px_rgba(234,88,12,0.5)] transition-all duration-500 hover:-translate-y-1 min-w-[110px]">
<div class="flex items-center justify-center h-12 w-24">
<i class="icon-[mdi--calculator] text-3xl text-amber-100 group-hover:scale-125 group-hover:text-white transition-all duration-300 ease-in-out"></i>
</div>
<span class="text-center text-sm font-medium mt-1 group-hover:text-white text-amber-100 transition-colors duration-300">زکوۃ کیلکولیٹر</span>
</a>
<a href="https://www.darulifta.info/edda-calculator" class="group flex flex-col items-center justify-center bg-gradient-to-br from-amber-700/50 to-amber-950/60 backdrop-blur-lg text-white border border-amber-500/30 p-3 rounded-xl shadow-[0_15px_30px_rgba(0,0,0,0.4)] hover:shadow-[0_20px_35px_rgba(234,88,12,0.5)] transition-all duration-500 hover:-translate-y-1 min-w-[110px]">
<div class="flex items-center justify-center h-12 w-24">
<i class="icon-[mdi--calendar-clock] text-3xl text-amber-100 group-hover:scale-125 group-hover:rotate-12 group-hover:text-white transition-all duration-300 ease-in-out"></i>
</div>
<span class="text-center text-sm font-medium mt-1 group-hover:text-white text-amber-100 transition-colors duration-300">عدت وفات کیلکولیٹر</span>
</a>
<a href="https://www.darulifta.info/fidya-calculator" class="group flex flex-col items-center justify-center bg-gradient-to-br from-amber-700/50 to-amber-950/60 backdrop-blur-lg text-white border border-amber-500/30 p-3 rounded-xl shadow-[0_15px_30px_rgba(0,0,0,0.4)] hover:shadow-[0_20px_35px_rgba(234,88,12,0.5)] transition-all duration-500 hover:-translate-y-1 min-w-[110px]">
<div class="flex items-center justify-center h-12 w-24">
<i class="icon-[mdi--food-apple] text-3xl text-amber-100 group-hover:scale-125 group-hover:text-white transition-all duration-300 ease-in-out"></i>
</div>
<span class="text-center text-sm font-medium mt-1 group-hover:text-white text-amber-100 transition-colors duration-300">فدیہ کیلکولیٹر</span>
</a>
<a href="https://www.darulifta.info/awzan-calculator" class="group flex flex-col items-center justify-center bg-gradient-to-br from-amber-700/50 to-amber-950/60 backdrop-blur-lg text-white border border-amber-500/30 p-3 rounded-xl shadow-[0_15px_30px_rgba(0,0,0,0.4)] hover:shadow-[0_20px_35px_rgba(234,88,12,0.5)] transition-all duration-500 hover:-translate-y-1 min-w-[110px]">
<div class="flex items-center justify-center h-12 w-24">
<i class="icon-[mdi--scale-balance] text-3xl text-amber-100 group-hover:scale-125 group-hover:text-white transition-all duration-300 ease-in-out"></i>
</div>
<span class="text-center text-sm font-medium mt-1 group-hover:text-white text-amber-100 transition-colors duration-300">اوزان شرعیہ کیلکولیٹر</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- CONTENT -->
<section class="bg-gray-50">
<div class="flex flex-col md:flex-row">
<!-- First column (Fihrist Dar ul-Ifta) -->
<div class="w-full md:w-2/5 order-2 md:order-1">
<div class="bg-gradient-to-br from-white to-amber-50/30 border border-amber-100 rounded-xl px-4 py-3 m-3 shadow-sm">
<div class="border-b border-amber-100 pb-2 mb-2">
<h3 class="text-lg font-bold text-amber-950 mr-1 flex items-center">
<span class="icon-[mdi--bookmark] text-amber-600 ml-2"></span>
فہرست دار الافتاء
</h3>
</div>
<div class="divide-y divide-amber-50">
<a href="https://www.darulifta.info/d/deoband" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء دار العلوم دیوبند </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/deobandw" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء دار العلوم (وقف) دیوبند </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/darululoomkarachi" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء دار العلوم کراچی </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/banuritown" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/farooqia" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعہ فاروقیہ </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/ashrafulmadaris" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء اشرف المدارس کراچی </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/haqqania" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعہ حقانیہ اکوڑہ خٹک </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/khairulmadaris" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء خیر المدارس ملتان </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/jamiaturrasheed" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعۃ الرشید کراچی </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/onlinefatawa" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعہ بنوریہ کراچی </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/ashrafia" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعہ اشرفیہ لاہور </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
<a href="https://www.darulifta.info/d/usmaniapsh" class="flex items-center py-2 px-2 text-gray-700 hover:bg-amber-300/50 rounded-lg group transition-colors duration-200">
<span class="icon-[mdi--mosque] text-lg ml-2 text-amber-800 group-hover:scale-110 transition-transform duration-200"></span>
<span class="flex-grow text-lg font-medium group-hover:text-amber-900 transition-colors duration-200">
دار الافتاء جامعہ عثمانیہ پشاور </span>
<span class="icon-[mdi--chevron-left] text-amber-700 opacity-0 group-hover:opacity-100 transition-opacity duration-200"></span>
</a>
</div>
<div class="flex justify-center mt-3 pt-2 border-t border-amber-100">
<a href="https://www.darulifta.info/dars" class="inline-flex items-center px-4 py-1.5 text-sm font-medium text-amber-700 hover:text-amber-800 border border-amber-300
bg-amber-50 hover:bg-amber-100 rounded-lg transition-colors duration-200">
مزید
<span class="icon-[material-symbols--more-horiz] mr-1 text-base"></span>
</a>
</div>
</div>
</div>
<!-- Second column (New and Selected Fatawa) -->
<div class="w-full md:w-3/5 order-1 md:order-2">
<div class="bg-slate-100 border rounded-lg p-3 m-3">
<h2 class="m-3 p-3 text-center text-xl font-bold">
<i class="icon-[wpf--ball-point-pen] text-2xl ml-1 align-middle text-gray-400 "></i>
منتخب فتاوی
</h2>
<!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/oob/srf-ds-mhrm-ka-roz">صرف دس محرم کا روزہ</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144012201075
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
08-09-2019
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose "><a class="link-reset " href="https://www.darulifta.info/question/cblS/hdrt-hsyn-rdy-all-aan-aor-yzyd-k-bar-my-mslk-al-snt">حضرت حسین رضی اللہ عنہ اور یزید کے بارے میں مسلک اہل سنت</a></h4>
</h2>
آپ کے مسائل اور ان کا حل جلد 1 - یونیکوڈ - غیر موافق للمطبوع صفحہ 163
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/deoband/fatwa/cwH/kya-yzyd-shaby-t">کیا یزید صحابی تھے</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/deoband"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء دار العلوم دیوبند</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
38389
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
May 8, 2012
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/deoband/fatwa/cpl/yzyd-k-bar-my-aakyd">یزید کے بارے میں عقیدہ</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/deoband"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء دار العلوم دیوبند</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
58642
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
Apr 8, 2015
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose "><a class="link-reset " href="https://www.darulifta.info/question/cg68/kya-nfl-roz-rkn-oal-athan-tk-shry-kaskt-y">کیا نفل روزہ رکھنے والے اذان تک سحری کھاسکتے ہیں؟</a></h4>
</h2>
آپ کے مسائل اور ان کا حل جلد 3 - یونیکوڈ - غیر موافق للمطبوع صفحہ 389
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/6Ju/mhrm-alhram-my-sbyl-lgana-aor-as-s-pany-pyn-ka-hkm">محرم الحرام میں سبیل لگانا، اور اس سے پانی پینے کا حکم</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144501100929
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
27-07-2023
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/2FT/mhrm-k-pl-aashr-my-mya-byoy-k-drmyan-gsmany-taalk-kaym-krn-ka-hkm">محرم کے پہلے عشرہ میں میاں بیوی کے درمیان جسمانی تعلق قائم کرنے کا حکم</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144401100504
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
03-08-2022
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/6Xh/mhrm-alhram-ya-rbyaa-alaol-ka-kana-kan-ka-hkm">محرم الحرام یا ربیع الاول کا کھانا کھانے کا حکم</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144503101507
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
30-09-2023
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose "><a class="link-reset " href="https://www.darulifta.info/question/cetF/kya-shmr-hafth-kran-ta">کیا شمر حافظ قرآن تھا</a></h4>
</h2>
فتاوی رشیدیہ - یونیکوڈ - غیر موافق للمطبوع صفحہ 167
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/2Aj/ds-mhrm-ko-gr-oalo-pr-osaat-krn-ka-hkm">دس محرم کو گھر والوں پر وسعت کرنے کا حکم</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144401100732
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
10-08-2022
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/tMo/aaashora-k-roz-ky-daaa">عاشورا کے روزے کی دعا</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144201200447
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
29-08-2020
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/ona/mhrm-alhram-my-sbyl-lgana">محرم الحرام میں سبیل لگانا</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144012201066
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
07-09-2019
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose "><a class="link-reset " href="https://www.darulifta.info/question/caRk/hdrt-amyr-maaaoy-rdy-all-aan-kb-aslam-lay">حضرت امیر معاویہ رضی اللہ عنہ کب اسلام لائے؟</a></h4>
</h2>
آپ کے مسائل اور ان کا حل جلد 1 - یونیکوڈ - غیر موافق للمطبوع صفحہ 153
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/kK0/srf-aaashoraaa-ka-ayk-roz-rkn-ka-hkm">صرف عاشوراء کا ایک روزہ رکھنے کا حکم</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144001200054
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
13-09-2018
</div>
</div>
</div> <!-- بطاقة الفتوى الرئيسية -->
<div class="bg-white border rounded-lg p-3 m-3 shadow-lg hover:shadow-2xl hover:bg-green-50 ">
<!-- رأس البطاقة -->
<div class="flex items-center space-x-4 space-x-reverse rtl:space-x-reverse mb-4">
<span class="icon-[game-icons--feather] text-2xl text-primary hidden md:block"></span>
<div class="flex-1">
<h4 class="text-lg md:text-xl leading-loose"><a class="link-reset" href="https://www.darulifta.info/d/banuritown/fatwa/zj3/fgr-ky-nmaz-s-pl-100-mrtb-sbhan-allh-obhmdh-sbhan-allh-alaathym-astghfr-allh-pna">فجر کی نماز سے پہلے 100 مرتبہ "سُبْحَانَ اللَّهِ وَبِحَمْدِهِ سُبْحَانَ اللَّهِ الْعَظِيمِ، أَسْتَغْفِرُ اللَّهَ" پڑھنا</a></h4>
</h2>
<p class="text-gray-600 text-sm mt-2">
<a class="link-reset flex gap-0 items-center" href="https://www.darulifta.info/d/banuritown"><i class="icon-[mdi--mosque] ml-1"></i> دار الافتاء جامعۃ العلوم الاسلامیۃ بنوری ٹاؤن</a>
</p>
</div>
</div>
<!-- معلومات إضافية -->
<div class="flex justify-between gap-4 mt-4 text-sm">
<span class="text-sm text-gray-500">
فتوى نمبر: <span class="font-bold">
144212202374
</span>
</span>
<div class="text-gray-600 flex gap-1 items-center">
<span class="icon-[mdi--calendar] text-gray-500"></span>
09-08-2021
</div>
</div>
</div> <div class="flex justify-center">
<a href="https://www.darulifta.info/selected_fatawa" class="btn btn-sm px-5 font-base text-gray-800 font-bold border-2 ">
مزید <i class="icon-[material-symbols--more-horiz] align-middle ml-1 text-2xl"></i>
</a>
</div>
<div class="clear-both"></div>
</div>
</div>
<!-- Third column (App info) -->
<div class="w-full md:w-1/5 order-3">
<div class="m-3">
<div wire:snapshot="{"data":{"todayVisits":0,"weeklyVisits":0,"monthlyVisits":0,"isLoaded":false},"memo":{"id":"ysnAd4wi8ObkeDw64zGn","name":"visits-stats","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"ur"},"checksum":"535389fd8271d3e7dc4c2e779b4c61e2555de75199d8629fd8faf52db15adf9a"}" wire:effects="[]" wire:id="ysnAd4wi8ObkeDw64zGn" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6IjBHRUJaWFBYOFlJOFVoWmM1ZEEzIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIifSwiY2hlY2tzdW0iOiJmNmQ0ZGJmNzI0NGNlMWVhYmJkOTAzNmFiZjdlMjNhMmE2YWEzZTc5NTI3ZmU2MDdkZTdhNDkzMWNiOGZmMGNjIn0=')" class="text-center">
loading...
</div> </div>
<div class="bg-yellow-100 p-3 rounded shadow m-3">
<h3 class="font-bold md:text-xl">
دار الافتاء ڈاٹ انفو ایپ
</h3>
<div class="my-5 text-base">
فتاوی سرچ انجن، اوزان شرعیہ، ودیگر مفید فقہی خدمات سے آراستہ مفید ایپ
</div>
<div class="flex justify-center">
<a href="https://play.google.com/store/apps/details?id=info.darulifta.lite" class="btn btn-primary btn-sm hover:text-white" target="_blank">
Install App
</a>
</div>
</div>
</div>
</div>
</section>
<script>
var countElements = document.querySelectorAll('.count');
countElements.forEach(function(element) {
var counter = 0;
var targetCount = parseInt(element.textContent, 10);
var duration = 2000; // Duration in milliseconds
var jumpAmount = Math.ceil(targetCount / (duration / 50)); // Calculate the jump amount
var animation = setInterval(function() {
counter += jumpAmount;
if (counter >= targetCount) {
counter = targetCount;
clearInterval(animation);
}
element.textContent = formatNumberWithCommas(counter); // Format the counter with commas
}, 50); // Set interval duration (50 milliseconds in this example)
});
function formatNumberWithCommas(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>
</main>
<footer class="bg-gradient-to-br from-gray-900 to-gray-950 text-gray-200 border-t-4 border-amber-600">
<div class="max-w-7xl mx-auto py-5 px-4 backdrop-blur-sm">
<!-- القسم الرئيسي -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 ">
<!-- تعريف الموقع -->
<div class="space-y-6">
<div class="flex items-center justify-start space-x-3">
<img src="https://www.darulifta.info/public/images/nav-bar-logo.png" class="h-10" alt="Logo">
<h4 class="text-xl font-bold text-white">دار الافتاء ڈاٹ انفو</h4>
</div>
<ul class="space-y-4">
<li class="flex items-start gap-3 group">
<span class="icon-[mdi--check-decagram] text-white mt-1 group-hover:scale-110 transition-transform"></span>
<span class="text-gray-300">مختلف دار الافتاؤں کے فتاوی سے استفادہ کرنے کے لئے ایک منفرد سرچ انجن</span>
</li>
<li class="flex items-start gap-3 group">
<span class="icon-[mdi--check-decagram] text-white mt-1 group-hover:scale-110 transition-transform"></span>
<span class="text-gray-300">دنیا بھر کے دار الافتاؤں کی ویب سائٹس پر موجود فتاوی یکجا</span>
</li>
<li class="flex items-start gap-3 group">
<span class="icon-[mdi--check-decagram] text-white mt-1 group-hover:scale-110 transition-transform"></span>
<span class="text-gray-300">یونیکوڈ، پی ڈی ایف فارمیٹ میں دستیاب</span>
</li>
<li class="flex items-start gap-3 group">
<span class="icon-[mdi--check-decagram] text-white mt-1 group-hover:scale-110 transition-transform"></span>
<span class="text-gray-300">مستند با حوالہ فتاوی</span>
</li>
</ul>
</div>
<!-- روابط مفيدة -->
<div class="space-y-6">
<h4 class="text-xl font-bold text-white flex items-center gap-2">
<span class="icon-[mdi--link-box-variant] text-white"></span>
مفید لنکس اور خدمات
</h4>
<ul class="space-y-4">
<li>
<a href="https://www.darulifta.info/zakat-calculator" class="flex items-center gap-3 text-gray-300 hover:text-amber-400 transition-all group">
<span class="icon-[mdi--calculator] text-2xl text-white group-hover:scale-110 transition-transform"></span>
<span> زکوۃ کیلکولیٹر </span>
</a>
</li>
<li>
<a href="https://www.darulifta.info/zakat-calculator" class="flex items-center gap-3 text-gray-300 hover:text-amber-400 transition-all group">
<span class="icon-[mdi--calculator] text-2xl text-white group-hover:scale-110 transition-transform"></span>
<span> عدت وفات کیلکولیٹر </span>
</a>
</li>
<li>
<a href="https://www.darulifta.info/fidya-calculator" class="flex items-center gap-3 text-gray-300 hover:text-amber-400 transition-all group">
<span class="icon-[mdi--calculator] text-2xl text-white group-hover:scale-110 transition-transform"></span>
<span> فدیہ کیلکولیٹر</span>
</a>
</li>
<li>
<a href="https://www.darulifta.info/awzan-calculator" class="flex items-center gap-3 text-gray-300 hover:text-amber-400 transition-all group">
<span class="icon-[mdi--calculator] text-2xl text-white group-hover:scale-110 transition-transform"></span>
<span>
اوزان شرعیہ کیلکولیٹر
</span>
</a>
</li>
<li>
<a href="https://t.me/FatwaBot" class="flex items-center gap-3 text-gray-300 hover:text-amber-400 transition-all group">
<span class="icon-[mdi--telegram] text-2xl text-white group-hover:scale-110 transition-transform"></span>
<span>تلاش فتوی ٹیلی گرام بوٹ</span>
</a>
</li>
<li>
<a href="https://www.darulifta.info/about" class="flex items-center gap-3 text-gray-300 hover:text-amber-400 transition-all group">
<span class="icon-[mdi--information] text-2xl text-white group-hover:scale-110 transition-transform"></span>
<span>تعارف</span>
</a>
</li>
</ul>
<div class="space-y-4">
<a href="https://play.google.com/store/apps/details?id=info.darulifta.lite" target="_blank">
<img class=" h-10" src="https://www.darulifta.info/public/images/google_play_icon.png" alt="Darulifta.info Google Play">
</a>
</div>
</div>
<!-- نموذج الاتصال -->
<div class="space-y-6">
<h4 class="text-xl font-bold text-white flex items-center gap-2">
<span class="icon-[mdi--message-badge] text-white"></span>
رابطہ وتجاویز
</h4>
<div class="bg-gray-800/50 rounded-xl p-4 backdrop-blur-sm">
<div wire:snapshot="{"data":{"name":null,"email":null,"mobile_no":null,"subject":null,"message":null,"success":false},"memo":{"id":"LJwKtzo1iBe6bwRZqPT2","name":"contact-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"lazyLoaded":false,"lazyIsolated":true,"errors":[],"locale":"ur"},"checksum":"0f494d79e2b2266676f5520bcd6e07752e5c9170a32cb086c72f62e9dc38a8d6"}" wire:effects="[]" wire:id="LJwKtzo1iBe6bwRZqPT2" x-intersect="$wire.__lazyLoad('eyJkYXRhIjp7ImZvck1vdW50IjpbW10seyJzIjoiYXJyIn1dfSwibWVtbyI6eyJpZCI6Ims5WFFmRkpWdVkwWlpsMnREMENLIiwibmFtZSI6Il9fbW91bnRQYXJhbXNDb250YWluZXIifSwiY2hlY2tzdW0iOiJjZTI0NTY2ZDY2OWY0MmY3MTliNWQ5M2E5NjU5MDViZjNjODk2NmVlZGZjYWJkYTBkMTY2NDRhOTVlYTAyMTllIn0=')">
<!-- Loading spinner... -->
loading....
</div> </div>
</div>
</div>
<!-- وسائل التواصل الاجتماعي والنص -->
<div class="mt-8 space-y-3">
<!-- وسائل التواصل -->
<div class="flex justify-center gap-4">
<a href="https://t.me/darulifta_info" target="_blank" class="text-white transition-colors duration-200">
<span class="icon-[mdi--telegram] text-2xl"></span>
</a>
<a href="https://fb.com/darulifta.info" target="_blank" class="text-white transition-colors duration-200">
<span class="icon-[mdi--facebook] text-2xl"></span>
</a>
<a href="https://whatsapp.com/channel/0029VaeVp2pEgGfWO6raqX2J" target="_blank" class="text-white transition-colors duration-200">
<span class="icon-[mdi--whatsapp] text-2xl"></span>
</a>
</div>
<!-- نص حول الموقع -->
<div class="relative ">
<div class="absolute inset-0 bg-amber-900/10 blur-3xl rounded-full"></div>
<p class="relative text-gray-300 max-w-3xl mx-auto text-center leading-relaxed">
دار الافتاء ڈاٹ انفو کا بنیادی مقصد اسلامی علوم، خاص طور پر فقہی مسائل اور فتاوی کو زیادہ سے زیادہ لوگوں تک پہنچانا ہے۔
ہمارا پلیٹ فارم مکمل طور پر غیر منافع بخش ہے۔ ہم کسی بھی مواد کو مالی فائدے کے لیے استعمال نہیں کرتے۔
تفصیل کے لئے <a href="https://www.darulifta.info/about" class="text-amber-400 hover:text-white underline decoration-dotted underline-offset-4">تعارف کا صفحہ</a> دیکھیں۔
</p>
</div>
<!-- حقوق النشر -->
<div class="text-sm text-gray-400 text-center pt-4 border-t border-gray-800/50">
Powered by <a href="https://www.darulifta.info" class="text-amber-400 hover:text-white">Darulifta.info</a>
</div>
</div>
</div>
</footer>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-726VLKZHYB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-726VLKZHYB');
</script>
</body>
</html>