About Us - Akhuwat<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* General Body *\/\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: #f0f3f8;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Hero About Section *\/\r\n .about-section {\r\n text-align: center;\r\n padding: 80px 20px;\r\n background: linear-gradient(145deg, #1a7f37, #0e5c2c);\r\n color: white;\r\n perspective: 1200px;\r\n overflow: hidden;\r\n }\r\n\r\n .about-section h1 {\r\n font-size: 3em;\r\n margin-bottom: 20px;\r\n transform: translateZ(30px);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .about-section p {\r\n font-size: 1.15em;\r\n max-width: 800px;\r\n margin: 0 auto 50px;\r\n line-height: 1.7;\r\n transform: translateZ(20px);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n \/* 3D Floating Boxes *\/\r\n .boxes {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n padding: 40px 20px;\r\n }\r\n\r\n .box {\r\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.1));\r\n border-radius: 20px;\r\n width: 320px;\r\n padding: 35px;\r\n color: black; \/* Inner text color *\/\r\n box-shadow: \r\n 0 15px 35px rgba(0,0,0,0.2),\r\n 0 25px 60px rgba(0,0,0,0.25),\r\n inset 0 0 60px rgba(255,255,255,0.03);\r\n transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n transform-style: preserve-3d;\r\n position: relative;\r\n cursor: pointer;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Glowing highlight effect *\/\r\n .box::before {\r\n content: '';\r\n position: absolute;\r\n inset: -50%;\r\n background: radial-gradient(circle at top left, rgba(255,255,255,0.05), transparent 70%);\r\n transform: rotate(45deg);\r\n pointer-events: none;\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .box h2 {\r\n font-size: 24px;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n transform: translateZ(15px);\r\n transition: transform 0.4s ease, color 0.4s ease;\r\n color: black;\r\n }\r\n\r\n .box p {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n transform: translateZ(10px);\r\n transition: transform 0.4s ease;\r\n font-weight: 300;\r\n color: black;\r\n }\r\n\r\n \/* Hover 3D effect *\/\r\n .box:hover {\r\n transform: rotateX(3deg) rotateY(3deg) scale(1.05);\r\n box-shadow: \r\n 0 25px 50px rgba(0,0,0,0.3),\r\n 0 35px 75px rgba(0,0,0,0.35),\r\n inset 0 0 80px rgba(255,255,255,0.05);\r\n }\r\n\r\n .box:hover h2 {\r\n transform: translateZ(25px);\r\n color: #1a7f37;\r\n }\r\n\r\n .box:hover p {\r\n transform: translateZ(20px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-section h1 {\r\n font-size: 2.2em;\r\n }\r\n\r\n .about-section p {\r\n font-size: 1em;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .boxes {\r\n gap: 25px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"about-section\">\r\n <h1>About Us<\/h1>\r\n <p>\r\n At <strong>Akhuwat<\/strong>, our mission is rooted in compassion, equity, and empowerment. \r\n We aim to bring hope and opportunity to individuals and families facing financial challenges. \r\n Guided by our vision of a just and inclusive society, we believe that no one should be denied \r\n the chance to improve their life due to a lack of resources.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"boxes\">\r\n <div class=\"box\">\r\n <h2><i class=\"fas fa-bullseye\"><\/i> Our Mission<\/h2>\r\n <p>\r\n To create a society based on compassion and solidarity by offering interest-free \r\n microfinance to those in need, empowering them to achieve financial stability \r\n and dignity.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"box\">\r\n <h2><i class=\"fas fa-eye\"><\/i> Our Vision<\/h2>\r\n <p>\r\n To build a poverty-free, equitable society where every individual has equal access \r\n to opportunities, fostering unity, respect, and collective growth.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"box\">\r\n <h2><i class=\"fas fa-hand-holding-heart\"><\/i> Our Values<\/h2>\r\n <p>\r\n We value transparency, trust, and empathy. Every step we take ensures dignity and empowerment for beneficiaries, creating a sustainable cycle of giving and growth.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-108fea8 e-flex e-con-boxed e-con e-parent\" data-id=\"108fea8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43841fa elementor-widget elementor-widget-html\" data-id=\"43841fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Akhuwat - Interest-Free Loans<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f0f3f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n position: relative;\r\n text-align: center;\r\n padding: 100px 20px;\r\n background: linear-gradient(135deg, #00796b, #009688);\r\n color: #fff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Floating particles *\/\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 10%, transparent 11%);\r\n background-size: 60px 60px;\r\n animation: moveParticles 15s linear infinite;\r\n z-index: 0;\r\n }\r\n\r\n @keyframes moveParticles {\r\n 0% { transform: translate(0,0); }\r\n 100% { transform: translate(60px,60px); }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3em;\r\n margin-bottom: 20px;\r\n position: relative;\r\n z-index: 1;\r\n letter-spacing: 1px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 1s forwards 0.3s;\r\n }\r\n\r\n .hero p {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n font-size: 1.15em;\r\n line-height: 1.7;\r\n position: relative;\r\n z-index: 1;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 1s forwards 0.6s;\r\n }\r\n\r\n @keyframes fadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Card Section *\/\r\n .card-container {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n padding: 80px 20px;\r\n background: #fff;\r\n perspective: 1500px; \/* For 3D effect *\/\r\n }\r\n\r\n .card {\r\n background: linear-gradient(145deg, #e0f2f1, #ffffff);\r\n border-radius: 20px;\r\n box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n width: 320px;\r\n padding: 30px;\r\n text-align: left;\r\n transform-style: preserve-3d;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n animation: fadeCard 1s forwards;\r\n }\r\n\r\n .card:nth-child(1) { animation-delay: 0.5s; }\r\n .card:nth-child(2) { animation-delay: 0.8s; }\r\n\r\n @keyframes fadeCard {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* 3D Tilt Effect on Mouse Move *\/\r\n .card:hover {\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.2);\r\n }\r\n\r\n .card h2 {\r\n color: #00796b;\r\n margin-bottom: 12px;\r\n transform: translateZ(20px);\r\n }\r\n\r\n .card p {\r\n color: #333;\r\n line-height: 1.6;\r\n transform: translateZ(10px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2.2em;\r\n }\r\n .hero p {\r\n font-size: 1em;\r\n }\r\n .card-container {\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero\">\r\n <h1>Interest-Free Loans (Qarz-e-Hasna)<\/h1>\r\n <p>\r\n At <strong>Akhuwat<\/strong>, we empower individuals to reclaim their future through <strong>interest-free loans<\/strong> \r\n \u2014 designed to support education, home construction, entrepreneurship, and essential needs. \r\n Our financial approach is built on <strong>dignity, compassion, and trust<\/strong> \u2014 ensuring every borrower can pursue their goals free from the burden of interest.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card-container\">\r\n <div class=\"card\" onmousemove=\"tiltCard(event)\" onmouseleave=\"resetCard(this)\">\r\n <h2>Empowering Lives<\/h2>\r\n <p>\r\n We provide financial assistance that helps individuals take control of their future, unlock their potential, \r\n and build sustainable livelihoods with pride and independence.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card\" onmousemove=\"tiltCard(event)\" onmouseleave=\"resetCard(this)\">\r\n <h2>Building Hope<\/h2>\r\n <p>\r\n By promoting a culture of giving and mutual support, Akhuwat strengthens communities \u2014 helping people \r\n rise together and create a society founded on compassion and equality.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const tiltCard = (event) => {\r\n const card = event.currentTarget;\r\n const rect = card.getBoundingClientRect();\r\n const x = event.clientX - rect.left;\r\n const y = event.clientY - rect.top;\r\n const centerX = rect.width \/ 2;\r\n const centerY = rect.height \/ 2;\r\n const rotateX = ((y - centerY) \/ centerY) * 10;\r\n const rotateY = ((x - centerX) \/ centerX) * 10;\r\n card.style.transform = `rotateX(${-rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n }\r\n\r\n const resetCard = (card) => {\r\n card.style.transform = 'rotateX(0deg) rotateY(0deg) scale(1)';\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe00d36 e-flex e-con-boxed e-con e-parent\" data-id=\"fe00d36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6343ec7 elementor-widget elementor-widget-html\" data-id=\"6343ec7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Who We Are - Akhuwat Foundation (Fixed 3D Effects)<\/title>\r\n\r\n <style>\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #edf3f2;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* MAIN SECTION *\/\r\n .who-section {\r\n padding: 110px 20px;\r\n background: linear-gradient(145deg, #003b34, #009688);\r\n color: #fff;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* GLOW BACKGROUND *\/\r\n .who-section::before,\r\n .who-section::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.18);\r\n filter: blur(90px);\r\n animation: bgFloat 8s ease-in-out infinite alternate;\r\n }\r\n\r\n .who-section::before {\r\n top: -100px;\r\n left: -120px;\r\n }\r\n\r\n .who-section::after {\r\n bottom: -100px;\r\n right: -120px;\r\n animation-direction: alternate-reverse;\r\n }\r\n\r\n @keyframes bgFloat {\r\n 0% { transform: translateY(0); }\r\n 100% { transform: translateY(40px); }\r\n }\r\n\r\n \/* TITLE AREA *\/\r\n .who-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n animation: fadeUp 1.4s forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes fadeUp {\r\n to { opacity: 1; }\r\n }\r\n\r\n .who-content h1 {\r\n font-size: 2.8em;\r\n font-weight: 700;\r\n background: linear-gradient(90deg, #ffffff, #c8fff0);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n margin-bottom: 20px;\r\n text-shadow: 0 5px 15px rgba(0,0,0,0.35);\r\n }\r\n\r\n .who-content p {\r\n color: #eaffff;\r\n line-height: 1.9;\r\n font-size: 1.15em;\r\n }\r\n\r\n \/* CARDS SECTION *\/\r\n .who-cards {\r\n margin-top: 70px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n justify-content: center;\r\n }\r\n\r\n \/* 3D CARD *\/\r\n .who-card {\r\n width: 320px;\r\n padding: 35px;\r\n background: rgba(255,255,255,0.14);\r\n border-radius: 18px;\r\n backdrop-filter: blur(12px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.32);\r\n position: relative;\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n transform-style: preserve-3d;\r\n\r\n \/* Fade In *\/\r\n opacity: 0;\r\n transform: translateY(40px);\r\n animation: cardIn 1.2s ease forwards;\r\n }\r\n\r\n .who-card:nth-child(1) { animation-delay: .5s; }\r\n .who-card:nth-child(2) { animation-delay: .7s; }\r\n .who-card:nth-child(3) { animation-delay: .9s; }\r\n\r\n @keyframes cardIn {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* BORDER LIGHT *\/\r\n .who-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 18px;\r\n border: 2px solid transparent;\r\n background: linear-gradient(135deg, #00ffd0, #00765e) border-box;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: .4s ease;\r\n }\r\n\r\n .who-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* TEXT *\/\r\n .who-card h2 {\r\n font-size: 1.4em;\r\n color: #b2dfdb;\r\n text-shadow: 0 3px 8px rgba(0,0,0,0.25);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .who-card p {\r\n color: #eaffe9;\r\n font-size: 1.05em;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media(max-width:768px) {\r\n .who-content h1 { font-size: 2.3em; }\r\n .who-card { width: 90%; }\r\n }\r\n\r\n <\/style>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const cards = document.querySelectorAll(\".who-card\");\r\n\r\n cards.forEach(card => {\r\n\r\n card.addEventListener(\"mousemove\", (e) => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n\r\n const rotateX = (y - rect.height \/ 2) \/ 15;\r\n const rotateY = (x - rect.width \/ 2) \/ 15;\r\n\r\n card.style.transform = `\r\n perspective(900px)\r\n rotateX(${rotateX}deg)\r\n rotateY(${rotateY}deg)\r\n scale(1.06)\r\n `;\r\n });\r\n\r\n card.addEventListener(\"mouseleave\", () => {\r\n card.style.transform = `\r\n perspective(900px)\r\n rotateX(0deg)\r\n rotateY(0deg)\r\n scale(1)\r\n `;\r\n });\r\n\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"who-section\">\r\n\r\n <div class=\"who-content\">\r\n <h1>Who We Are<\/h1>\r\n <p>\r\n <strong>Akhuwat Foundation<\/strong> offers Pakistan\u2019s largest \r\n <strong>interest-free (Qarz-e-Hasna) financial support model<\/strong>, \r\n built on compassion, dignity, and equality. \r\n We help families grow through accessible financial assistance \r\n for business, housing, education, and healthcare.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"who-cards\">\r\n\r\n <div class=\"who-card\">\r\n <h2>Ethical Finance<\/h2>\r\n <p>We ensure full transparency through 100% interest-free funding.<\/p>\r\n <\/div>\r\n\r\n <div class=\"who-card\">\r\n <h2>Community Empowerment<\/h2>\r\n <p>We promote compassion and shared responsibility to uplift communities.<\/p>\r\n <\/div>\r\n\r\n <div class=\"who-card\">\r\n <h2>Mission of Inclusion<\/h2>\r\n <p>Our goal is a poverty-free Pakistan with equal opportunities for all.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>About Us – Akhuwat About Us At Akhuwat, our mission is rooted in compassion, equity, and empowerment. We aim to bring hope and opportunity to individuals and families facing financial challenges. Guided by our vision of a just and inclusive society, we believe that no one should be denied the chance to improve their life…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":4,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"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\r\n\r\n\r\n \r\n \r\n About Us - Akhuwat<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* General Body *\/\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: #f0f3f8;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Hero About Section *\/\r\n .about-section {\r\n text-align: center;\r\n padding: 80px 20px;\r\n background: linear-gradient(145deg, #1a7f37, #0e5c2c);\r\n color: white;\r\n perspective: 1200px;\r\n overflow: hidden;\r\n }\r\n\r\n .about-section h1 {\r\n font-size: 3em;\r\n margin-bottom: 20px;\r\n transform: translateZ(30px);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .about-section p {\r\n font-size: 1.15em;\r\n max-width: 800px;\r\n margin: 0 auto 50px;\r\n line-height: 1.7;\r\n transform: translateZ(20px);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n \/* 3D Floating Boxes *\/\r\n .boxes {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n padding: 40px 20px;\r\n }\r\n\r\n .box {\r\n background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.1));\r\n border-radius: 20px;\r\n width: 320px;\r\n padding: 35px;\r\n color: black; \/* Inner text color *\/\r\n box-shadow: \r\n 0 15px 35px rgba(0,0,0,0.2),\r\n 0 25px 60px rgba(0,0,0,0.25),\r\n inset 0 0 60px rgba(255,255,255,0.03);\r\n transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n transform-style: preserve-3d;\r\n position: relative;\r\n cursor: pointer;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Glowing highlight effect *\/\r\n .box::before {\r\n content: '';\r\n position: absolute;\r\n inset: -50%;\r\n background: radial-gradient(circle at top left, rgba(255,255,255,0.05), transparent 70%);\r\n transform: rotate(45deg);\r\n pointer-events: none;\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .box h2 {\r\n font-size: 24px;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n transform: translateZ(15px);\r\n transition: transform 0.4s ease, color 0.4s ease;\r\n color: black;\r\n }\r\n\r\n .box p {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n transform: translateZ(10px);\r\n transition: transform 0.4s ease;\r\n font-weight: 300;\r\n color: black;\r\n }\r\n\r\n \/* Hover 3D effect *\/\r\n .box:hover {\r\n transform: rotateX(3deg) rotateY(3deg) scale(1.05);\r\n box-shadow: \r\n 0 25px 50px rgba(0,0,0,0.3),\r\n 0 35px 75px rgba(0,0,0,0.35),\r\n inset 0 0 80px rgba(255,255,255,0.05);\r\n }\r\n\r\n .box:hover h2 {\r\n transform: translateZ(25px);\r\n color: #1a7f37;\r\n }\r\n\r\n .box:hover p {\r\n transform: translateZ(20px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .about-section h1 {\r\n font-size: 2.2em;\r\n }\r\n\r\n .about-section p {\r\n font-size: 1em;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .boxes {\r\n gap: 25px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"about-section\">\r\n <h1>About Us<\/h1>\r\n <p>\r\n At <strong>Akhuwat<\/strong>, our mission is rooted in compassion, equity, and empowerment. \r\n We aim to bring hope and opportunity to individuals and families facing financial challenges. \r\n Guided by our vision of a just and inclusive society, we believe that no one should be denied \r\n the chance to improve their life due to a lack of resources.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"boxes\">\r\n <div class=\"box\">\r\n <h2><i class=\"fas fa-bullseye\"><\/i> Our Mission<\/h2>\r\n <p>\r\n To create a society based on compassion and solidarity by offering interest-free \r\n microfinance to those in need, empowering them to achieve financial stability \r\n and dignity.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"box\">\r\n <h2><i class=\"fas fa-eye\"><\/i> Our Vision<\/h2>\r\n <p>\r\n To build a poverty-free, equitable society where every individual has equal access \r\n to opportunities, fostering unity, respect, and collective growth.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"box\">\r\n <h2><i class=\"fas fa-hand-holding-heart\"><\/i> Our Values<\/h2>\r\n <p>\r\n We value transparency, trust, and empathy. Every step we take ensures dignity and empowerment for beneficiaries, creating a sustainable cycle of giving and growth.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-108fea8 e-flex e-con-boxed e-con e-parent\" data-id=\"108fea8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43841fa elementor-widget elementor-widget-html\" data-id=\"43841fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Akhuwat - Interest-Free Loans<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f0f3f8;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n position: relative;\r\n text-align: center;\r\n padding: 100px 20px;\r\n background: linear-gradient(135deg, #00796b, #009688);\r\n color: #fff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Floating particles *\/\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 10%, transparent 11%);\r\n background-size: 60px 60px;\r\n animation: moveParticles 15s linear infinite;\r\n z-index: 0;\r\n }\r\n\r\n @keyframes moveParticles {\r\n 0% { transform: translate(0,0); }\r\n 100% { transform: translate(60px,60px); }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3em;\r\n margin-bottom: 20px;\r\n position: relative;\r\n z-index: 1;\r\n letter-spacing: 1px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 1s forwards 0.3s;\r\n }\r\n\r\n .hero p {\r\n max-width: 850px;\r\n margin: 0 auto;\r\n font-size: 1.15em;\r\n line-height: 1.7;\r\n position: relative;\r\n z-index: 1;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeUp 1s forwards 0.6s;\r\n }\r\n\r\n @keyframes fadeUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Card Section *\/\r\n .card-container {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n padding: 80px 20px;\r\n background: #fff;\r\n perspective: 1500px; \/* For 3D effect *\/\r\n }\r\n\r\n .card {\r\n background: linear-gradient(145deg, #e0f2f1, #ffffff);\r\n border-radius: 20px;\r\n box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n width: 320px;\r\n padding: 30px;\r\n text-align: left;\r\n transform-style: preserve-3d;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n animation: fadeCard 1s forwards;\r\n }\r\n\r\n .card:nth-child(1) { animation-delay: 0.5s; }\r\n .card:nth-child(2) { animation-delay: 0.8s; }\r\n\r\n @keyframes fadeCard {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* 3D Tilt Effect on Mouse Move *\/\r\n .card:hover {\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.2);\r\n }\r\n\r\n .card h2 {\r\n color: #00796b;\r\n margin-bottom: 12px;\r\n transform: translateZ(20px);\r\n }\r\n\r\n .card p {\r\n color: #333;\r\n line-height: 1.6;\r\n transform: translateZ(10px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2.2em;\r\n }\r\n .hero p {\r\n font-size: 1em;\r\n }\r\n .card-container {\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero\">\r\n <h1>Interest-Free Loans (Qarz-e-Hasna)<\/h1>\r\n <p>\r\n At <strong>Akhuwat<\/strong>, we empower individuals to reclaim their future through <strong>interest-free loans<\/strong> \r\n \u2014 designed to support education, home construction, entrepreneurship, and essential needs. \r\n Our financial approach is built on <strong>dignity, compassion, and trust<\/strong> \u2014 ensuring every borrower can pursue their goals free from the burden of interest.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card-container\">\r\n <div class=\"card\" onmousemove=\"tiltCard(event)\" onmouseleave=\"resetCard(this)\">\r\n <h2>Empowering Lives<\/h2>\r\n <p>\r\n We provide financial assistance that helps individuals take control of their future, unlock their potential, \r\n and build sustainable livelihoods with pride and independence.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card\" onmousemove=\"tiltCard(event)\" onmouseleave=\"resetCard(this)\">\r\n <h2>Building Hope<\/h2>\r\n <p>\r\n By promoting a culture of giving and mutual support, Akhuwat strengthens communities \u2014 helping people \r\n rise together and create a society founded on compassion and equality.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const tiltCard = (event) => {\r\n const card = event.currentTarget;\r\n const rect = card.getBoundingClientRect();\r\n const x = event.clientX - rect.left;\r\n const y = event.clientY - rect.top;\r\n const centerX = rect.width \/ 2;\r\n const centerY = rect.height \/ 2;\r\n const rotateX = ((y - centerY) \/ centerY) * 10;\r\n const rotateY = ((x - centerX) \/ centerX) * 10;\r\n card.style.transform = `rotateX(${-rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n }\r\n\r\n const resetCard = (card) => {\r\n card.style.transform = 'rotateX(0deg) rotateY(0deg) scale(1)';\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe00d36 e-flex e-con-boxed e-con e-parent\" data-id=\"fe00d36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6343ec7 elementor-widget elementor-widget-html\" data-id=\"6343ec7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Who We Are - Akhuwat Foundation (Fixed 3D Effects)<\/title>\r\n\r\n <style>\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #edf3f2;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* MAIN SECTION *\/\r\n .who-section {\r\n padding: 110px 20px;\r\n background: linear-gradient(145deg, #003b34, #009688);\r\n color: #fff;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* GLOW BACKGROUND *\/\r\n .who-section::before,\r\n .who-section::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 420px;\r\n height: 420px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.18);\r\n filter: blur(90px);\r\n animation: bgFloat 8s ease-in-out infinite alternate;\r\n }\r\n\r\n .who-section::before {\r\n top: -100px;\r\n left: -120px;\r\n }\r\n\r\n .who-section::after {\r\n bottom: -100px;\r\n right: -120px;\r\n animation-direction: alternate-reverse;\r\n }\r\n\r\n @keyframes bgFloat {\r\n 0% { transform: translateY(0); }\r\n 100% { transform: translateY(40px); }\r\n }\r\n\r\n \/* TITLE AREA *\/\r\n .who-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n animation: fadeUp 1.4s forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes fadeUp {\r\n to { opacity: 1; }\r\n }\r\n\r\n .who-content h1 {\r\n font-size: 2.8em;\r\n font-weight: 700;\r\n background: linear-gradient(90deg, #ffffff, #c8fff0);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n margin-bottom: 20px;\r\n text-shadow: 0 5px 15px rgba(0,0,0,0.35);\r\n }\r\n\r\n .who-content p {\r\n color: #eaffff;\r\n line-height: 1.9;\r\n font-size: 1.15em;\r\n }\r\n\r\n \/* CARDS SECTION *\/\r\n .who-cards {\r\n margin-top: 70px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n justify-content: center;\r\n }\r\n\r\n \/* 3D CARD *\/\r\n .who-card {\r\n width: 320px;\r\n padding: 35px;\r\n background: rgba(255,255,255,0.14);\r\n border-radius: 18px;\r\n backdrop-filter: blur(12px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.32);\r\n position: relative;\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n transform-style: preserve-3d;\r\n\r\n \/* Fade In *\/\r\n opacity: 0;\r\n transform: translateY(40px);\r\n animation: cardIn 1.2s ease forwards;\r\n }\r\n\r\n .who-card:nth-child(1) { animation-delay: .5s; }\r\n .who-card:nth-child(2) { animation-delay: .7s; }\r\n .who-card:nth-child(3) { animation-delay: .9s; }\r\n\r\n @keyframes cardIn {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* BORDER LIGHT *\/\r\n .who-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 18px;\r\n border: 2px solid transparent;\r\n background: linear-gradient(135deg, #00ffd0, #00765e) border-box;\r\n mask-composite: exclude;\r\n opacity: 0;\r\n transition: .4s ease;\r\n }\r\n\r\n .who-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* TEXT *\/\r\n .who-card h2 {\r\n font-size: 1.4em;\r\n color: #b2dfdb;\r\n text-shadow: 0 3px 8px rgba(0,0,0,0.25);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .who-card p {\r\n color: #eaffe9;\r\n font-size: 1.05em;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media(max-width:768px) {\r\n .who-content h1 { font-size: 2.3em; }\r\n .who-card { width: 90%; }\r\n }\r\n\r\n <\/style>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const cards = document.querySelectorAll(\".who-card\");\r\n\r\n cards.forEach(card => {\r\n\r\n card.addEventListener(\"mousemove\", (e) => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n\r\n const rotateX = (y - rect.height \/ 2) \/ 15;\r\n const rotateY = (x - rect.width \/ 2) \/ 15;\r\n\r\n card.style.transform = `\r\n perspective(900px)\r\n rotateX(${rotateX}deg)\r\n rotateY(${rotateY}deg)\r\n scale(1.06)\r\n `;\r\n });\r\n\r\n card.addEventListener(\"mouseleave\", () => {\r\n card.style.transform = `\r\n perspective(900px)\r\n rotateX(0deg)\r\n rotateY(0deg)\r\n scale(1)\r\n `;\r\n });\r\n\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"who-section\">\r\n\r\n <div class=\"who-content\">\r\n <h1>Who We Are<\/h1>\r\n <p>\r\n <strong>Akhuwat Foundation<\/strong> offers Pakistan\u2019s largest \r\n <strong>interest-free (Qarz-e-Hasna) financial support model<\/strong>, \r\n built on compassion, dignity, and equality. \r\n We help families grow through accessible financial assistance \r\n for business, housing, education, and healthcare.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"who-cards\">\r\n\r\n <div class=\"who-card\">\r\n <h2>Ethical Finance<\/h2>\r\n <p>We ensure full transparency through 100% interest-free funding.<\/p>\r\n <\/div>\r\n\r\n <div class=\"who-card\">\r\n <h2>Community Empowerment<\/h2>\r\n <p>We promote compassion and shared responsibility to uplift communities.<\/p>\r\n <\/div>\r\n\r\n <div class=\"who-card\">\r\n <h2>Mission of Inclusion<\/h2>\r\n <p>Our goal is a poverty-free Pakistan with equal opportunities for all.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>About Us – Akhuwat About Us At Akhuwat, our mission is rooted in compassion, equity, and empowerment. We aim to bring hope and opportunity to individuals and families facing financial challenges. Guided by our vision of a just and inclusive society, we believe that no one should be denied the chance to improve their life…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":4,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/akhuwatfoundationloanscheme.it.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}