{"id":50,"date":"2026-03-14T11:48:26","date_gmt":"2026-03-14T11:48:26","guid":{"rendered":"https:\/\/iqrainstitutebd.com\/?page_id=50"},"modified":"2026-07-24T19:55:48","modified_gmt":"2026-07-24T19:55:48","slug":"home-2","status":"publish","type":"page","link":"https:\/\/iqrainstitutebd.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17df022 e-flex e-con-boxed e-con e-parent\" data-id=\"17df022\" 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-80d7527 elementor-widget elementor-widget-html\" data-id=\"80d7527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Iqra Institute Header Widget for Elementor (Courses Navigation & Red Border Fixed) -->\r\n<head>\r\n  <!-- Google Fonts Connection -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Hind+Siliguri:wght@300;400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <!-- Tailwind CSS CDN -->\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  \r\n  <!-- Custom Tailwind Color and Font Configs -->\r\n  <script>\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          colors: {\r\n            primaryTeal: '#0a3a35',\r\n            accentGold: '#b4802c',\r\n            accentGoldLight: '#d4a552',\r\n            accentGoldDark: '#8c5d18',\r\n            tealLight: '#cdebe5',\r\n            tealMedium: '#175e56',\r\n            tealDark: '#072925',\r\n            bgOffwhite: '#daf5ef',\r\n            neutralDark: '#111827',\r\n            neutralLight: '#4b5563',\r\n          },\r\n          fontFamily: {\r\n            sans: [\"Poppins\", \"Hind Siliguri\", \"sans-serif\"],\r\n            bengali: [\"Hind Siliguri\", \"SolaimanLipi\", \"sans-serif\"],\r\n            arabic: [\"Amiri\", \"serif\"],\r\n          }\r\n        }\r\n      }\r\n    }\r\n  <\/script>\r\n\r\n  <!-- Custom Styles with Strict Overrides -->\r\n  <style>\r\n    \/* Smooth Scroll *\/\r\n    html {\r\n      scroll-behavior: smooth !important;\r\n    }\r\n\r\n    \/* Override Elementor Layout Defaults on Container *\/\r\n    #iqra-main-header, \r\n    #iqra-main-header * {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #iqra-main-header {\r\n      background-color: #0a3a35 !important;\r\n      border-bottom: 3px solid #b4802c !important;\r\n      font-family: 'Poppins', 'Hind Siliguri', sans-serif !important;\r\n    }\r\n\r\n    \/* Transition Effects *\/\r\n    .transition-custom {\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    }\r\n\r\n    \/* Hover States Enforcement *\/\r\n    .iqra-nav-link:hover {\r\n      color: #b4802c !important;\r\n    }\r\n\r\n    .iqra-btn-login {\r\n      background-color: transparent !important;\r\n      color: #ffffff !important;\r\n      border: 2px solid #ffffff !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .iqra-btn-login:hover {\r\n      color: #b4802c !important;\r\n      border-color: #b4802c !important;\r\n      background-color: rgba(255, 255, 255, 0.05) !important;\r\n    }\r\n\r\n    .iqra-btn-apply {\r\n      background-color: #b4802c !important;\r\n      color: #ffffff !important;\r\n      border: none !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .iqra-btn-apply:hover {\r\n      background-color: #d4a552 !important;\r\n      transform: translateY(-1px) !important;\r\n    }\r\n\r\n    \/* Mobile Hamburger Button Protection (Blocks Theme Red Outline\/Border) *\/\r\n    .iqra-mobile-btn {\r\n      background: transparent !important;\r\n      border: none !important;\r\n      outline: none !important;\r\n      box-shadow: none !important;\r\n      color: #ffffff !important;\r\n      cursor: pointer !important;\r\n    }\r\n\r\n    .iqra-mobile-btn:hover,\r\n    .iqra-mobile-btn:focus,\r\n    .iqra-mobile-btn:active {\r\n      background: transparent !important;\r\n      border: none !important;\r\n      outline: none !important;\r\n      box-shadow: none !important;\r\n      color: #b4802c !important;\r\n    }\r\n\r\n    \/* Hide scrollbars *\/\r\n    .no-scrollbar::-webkit-scrollbar {\r\n      display: none !important;\r\n    }\r\n    .no-scrollbar {\r\n      -ms-overflow-style: none !important;\r\n      scrollbar-width: none !important;\r\n    }\r\n\r\n    \/* Modal Backdrop Blur *\/\r\n    .modal-backdrop {\r\n      background-color: rgba(10, 58, 53, 0.75) !important;\r\n      backdrop-filter: blur(5px) !important;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<div class=\"font-sans antialiased m-0 p-0\">\r\n\r\n  <!-- MAIN FIXED HEADER -->\r\n  <header id=\"iqra-main-header\" class=\"fixed top-0 left-0 right-0 z-[9999] py-4 transition-custom shadow-lg\">\r\n    <div class=\"max-w-[1400px] mx-auto px-6 md:px-12 flex items-center justify-between\">\r\n      \r\n      <!-- Brand Logo & Title -->\r\n      <a href=\"#home\" class=\"flex items-center gap-3 group select-none transition-custom\" id=\"header-brand-logo\">\r\n        <div class=\"relative flex items-center justify-center w-11 h-11 rounded-xl bg-white border-2 border-white group-hover:border-accentGold transition-custom overflow-hidden shadow-sm shrink-0\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/03\/495963638_122248529756016420_3181530749809320422_n.jpg\" \r\n            alt=\"Iqra Institute Logo\" \r\n            class=\"w-full h-full object-cover\"\r\n           title=\"Home\" \/>\r\n        <\/div>\r\n        <div class=\"flex flex-col\">\r\n          <span class=\"font-sans tracking-wide text-lg md:text-xl font-bold text-white uppercase group-hover:text-accentGold transition-custom\">\r\n            IQRA INSTITUTE\r\n          <\/span>\r\n          <span class=\"font-sans text-[9px] tracking-wider text-accentGold uppercase font-semibold\">\r\n            Educational Platform\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Navigation Links (Desktop) -->\r\n      <nav class=\"hidden lg:flex items-center gap-8 font-sans\" id=\"desktop-nav\">\r\n        <a href=\"#home\" class=\"iqra-nav-link text-sm font-semibold text-white transition-custom relative py-1 group\">\r\n          Home\r\n          <span class=\"absolute bottom-0 left-0 w-0 h-[2px] bg-accentGold transition-custom group-hover:w-full\"><\/span>\r\n        <\/a>\r\n        <!-- Triggers Smooth Scroll + Course Category Filter Selection -->\r\n        <a href=\"#courses\" onclick=\"handleNavCourseClick(event)\" class=\"iqra-nav-link text-sm font-semibold text-white transition-custom relative py-1 group\">\r\n          Courses\r\n          <span class=\"absolute bottom-0 left-0 w-0 h-[2px] bg-accentGold transition-custom group-hover:w-full\"><\/span>\r\n        <\/a>\r\n        <a href=\"#activities\" class=\"iqra-nav-link text-sm font-semibold text-white transition-custom relative py-1 group\">\r\n          Activities\r\n          <span class=\"absolute bottom-0 left-0 w-0 h-[2px] bg-accentGold transition-custom group-hover:w-full\"><\/span>\r\n        <\/a>\r\n        <a href=\"#about\" class=\"iqra-nav-link text-sm font-semibold text-white transition-custom relative py-1 group\">\r\n          About\r\n          <span class=\"absolute bottom-0 left-0 w-0 h-[2px] bg-accentGold transition-custom group-hover:w-full\"><\/span>\r\n        <\/a>\r\n        <a href=\"#contact\" class=\"iqra-nav-link text-sm font-semibold text-white transition-custom relative py-1 group\">\r\n          Contact\r\n          <span class=\"absolute bottom-0 left-0 w-0 h-[2px] bg-accentGold transition-custom group-hover:w-full\"><\/span>\r\n        <\/a>\r\n      <\/nav>\r\n\r\n      <!-- Action Buttons (Desktop) -->\r\n      <div class=\"hidden lg:flex items-center gap-4\">\r\n        <button onclick=\"toggleModal('login-modal', true)\" class=\"iqra-btn-login text-xs font-bold uppercase tracking-wider px-5 py-2.5 rounded-full\">\r\n          Login\r\n        <\/button>\r\n        <button onclick=\"toggleModal('apply-modal', true)\" class=\"iqra-btn-apply text-xs font-bold uppercase tracking-wider px-5 py-2.5 rounded-full shadow-md\">\r\n          Apply Online\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Mobile Menu Trigger (Protected from Theme Red Borders) -->\r\n      <button onclick=\"toggleMobileMenu()\" class=\"lg:hidden iqra-mobile-btn p-1.5\" aria-label=\"Toggle Menu\">\r\n        <!-- Menu Icon -->\r\n        <svg id=\"menu-icon-svg\" class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\r\n        <\/svg>\r\n        <!-- X Icon (Hidden Initially) -->\r\n        <svg id=\"close-icon-svg\" class=\"w-7 h-7 hidden\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Mobile Navigation Panel -->\r\n    <div id=\"mobile-nav-panel\" class=\"hidden lg:hidden bg-primaryTeal border-t border-accentGold\/20 transition-custom overflow-hidden\">\r\n      <div class=\"px-6 py-6 space-y-4\">\r\n        <a href=\"#home\" onclick=\"closeMobileMenu()\" class=\"flex items-center py-2 px-3 border-l-2 border-transparent hover:border-accentGold hover:bg-tealMedium text-white transition-custom font-semibold\">\r\n          Home\r\n        <\/a>\r\n        <a href=\"#courses\" onclick=\"handleNavCourseClick(event, true)\" class=\"flex items-center py-2 px-3 border-l-2 border-transparent hover:border-accentGold hover:bg-tealMedium text-white transition-custom font-semibold\">\r\n          Courses\r\n        <\/a>\r\n        <a href=\"#activities\" onclick=\"closeMobileMenu()\" class=\"flex items-center py-2 px-3 border-l-2 border-transparent hover:border-accentGold hover:bg-tealMedium text-white transition-custom font-semibold\">\r\n          Activities\r\n        <\/a>\r\n        <a href=\"#about\" onclick=\"closeMobileMenu()\" class=\"flex items-center py-2 px-3 border-l-2 border-transparent hover:border-accentGold hover:bg-tealMedium text-white transition-custom font-semibold\">\r\n          About\r\n        <\/a>\r\n        <a href=\"#contact\" onclick=\"closeMobileMenu()\" class=\"flex items-center py-2 px-3 border-l-2 border-transparent hover:border-accentGold hover:bg-tealMedium text-white transition-custom font-semibold\">\r\n          Contact\r\n        <\/a>\r\n        \r\n        <div class=\"grid grid-cols-2 gap-3 pt-4 border-t border-accentGold\/20\">\r\n          <button onclick=\"closeMobileMenu(); toggleModal('login-modal', true)\" class=\"iqra-btn-login w-full text-center text-xs font-bold uppercase tracking-wider py-3 rounded-full\">\r\n            Login\r\n          <\/button>\r\n          <button onclick=\"closeMobileMenu(); toggleModal('apply-modal', true)\" class=\"iqra-btn-apply w-full text-center text-xs font-bold uppercase tracking-wider py-3 rounded-full\">\r\n            Apply Online\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ==================== MODALS SECTION ==================== -->\r\n\r\n  <!-- LOGIN MODAL -->\r\n  <div id=\"login-modal\" class=\"fixed inset-0 z-[10000] hidden items-center justify-center p-4\">\r\n    <div onclick=\"toggleModal('login-modal', false)\" class=\"absolute inset-0 modal-backdrop\"><\/div>\r\n    \r\n    <div class=\"relative w-full max-w-md bg-white border-t-8 border-accentGold shadow-2xl p-6 sm:p-8 z-10 rounded-2xl overflow-hidden transition-custom\">\r\n      <button onclick=\"toggleModal('login-modal', false)\" class=\"absolute top-4 right-4 text-neutralLight hover:text-primaryTeal transition-custom\" aria-label=\"Close modal\">\r\n        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"text-center mb-6\">\r\n        <div class=\"inline-flex p-3 bg-primaryTeal\/5 border border-primaryTeal\/20 mb-2 rounded-xl\">\r\n          <svg class=\"w-6 h-6 text-primaryTeal\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"text-xl font-bold text-primaryTeal uppercase tracking-wide\">Account Login<\/h3>\r\n        <p class=\"text-xs text-neutralLight mt-1\">Access the Iqra Educational Platform<\/p>\r\n      <\/div>\r\n\r\n      <div id=\"login-success-box\" class=\"hidden py-10 text-center space-y-3\">\r\n        <svg class=\"w-16 h-16 text-accentGold mx-auto animate-bounce\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n        <\/svg>\r\n        <h4 class=\"text-lg font-bold text-primaryTeal\">Welcome Back!<\/h4>\r\n        <p class=\"text-sm text-neutralLight\">Login simulated successfully.<\/p>\r\n      <\/div>\r\n\r\n      <form id=\"login-form\" onsubmit=\"handleLogin(event)\" class=\"space-y-4\">\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Full Name<\/label>\r\n          <div class=\"relative\">\r\n            <span class=\"absolute left-3 top-3.5 text-neutralLight\/70\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <input type=\"text\" required placeholder=\"John Doe\" class=\"w-full pl-10 pr-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Phone Number<\/label>\r\n          <div class=\"relative\">\r\n            <span class=\"absolute left-3 top-3.5 text-neutralLight\/70\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <input type=\"tel\" required placeholder=\"e.g. +880 1700-000000\" class=\"w-full pl-10 pr-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Email Address<\/label>\r\n          <div class=\"relative\">\r\n            <span class=\"absolute left-3 top-3.5 text-neutralLight\/70\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <input type=\"email\" required placeholder=\"example@domain.com\" class=\"w-full pl-10 pr-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Password<\/label>\r\n          <input type=\"password\" required placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" class=\"password-field w-full px-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Confirm Password<\/label>\r\n          <input type=\"password\" required placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" class=\"confirm-password-field w-full px-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"iqra-btn-apply w-full mt-2 py-3.5 text-xs font-bold uppercase tracking-wider rounded-full shadow-md\">\r\n          Submit\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- APPLY ONLINE MODAL -->\r\n  <div id=\"apply-modal\" class=\"fixed inset-0 z-[10000] hidden items-center justify-center p-4\">\r\n    <div onclick=\"toggleModal('apply-modal', false)\" class=\"absolute inset-0 modal-backdrop\"><\/div>\r\n    \r\n    <div class=\"relative w-full max-w-md bg-white border-t-8 border-accentGold shadow-2xl p-6 sm:p-8 z-10 rounded-2xl overflow-hidden transition-custom\">\r\n      <button onclick=\"toggleModal('apply-modal', false)\" class=\"absolute top-4 right-4 text-neutralLight hover:text-primaryTeal transition-custom\" aria-label=\"Close modal\">\r\n        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"text-center mb-6\">\r\n        <div class=\"inline-flex p-3 bg-primaryTeal\/5 border border-primaryTeal\/20 mb-2 rounded-xl\">\r\n          <svg class=\"w-6 h-6 text-primaryTeal\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"text-xl font-bold text-primaryTeal uppercase tracking-wide\">Online Admission<\/h3>\r\n        <p class=\"text-xs text-neutralLight mt-1\">Submit your details to lock enrollment<\/p>\r\n      <\/div>\r\n\r\n      <div id=\"apply-success-box\" class=\"hidden py-10 text-center space-y-3\">\r\n        <svg class=\"w-16 h-16 text-accentGold mx-auto animate-bounce\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n        <\/svg>\r\n        <h4 class=\"text-lg font-bold text-primaryTeal\">Application Submitted!<\/h4>\r\n        <p class=\"text-sm text-neutralLight\">Our registrar will contact you shortly.<\/p>\r\n      <\/div>\r\n\r\n      <form id=\"apply-form\" onsubmit=\"handleApply(event)\" class=\"space-y-4\">\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Full Name<\/label>\r\n          <div class=\"relative\">\r\n            <span class=\"absolute left-3 top-3.5 text-neutralLight\/70\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <input type=\"text\" required placeholder=\"John Doe\" class=\"w-full pl-10 pr-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">WhatsApp Number<\/label>\r\n          <div class=\"relative\">\r\n            <span class=\"absolute left-3 top-3.5 text-neutralLight\/70\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <input type=\"tel\" required placeholder=\"e.g. +880 1700-000000\" class=\"w-full pl-10 pr-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Class<\/label>\r\n          <input type=\"text\" required placeholder=\"e.g. HSC \/ Undergraduate \/ Job Holder\" class=\"w-full px-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n        <\/div>\r\n\r\n        <div>\r\n          <label class=\"block text-xs uppercase tracking-wider font-bold text-primaryTeal mb-1.5\">Email (Optional)<\/label>\r\n          <div class=\"relative\">\r\n            <span class=\"absolute left-3 top-3.5 text-neutralLight\/70\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n              <\/svg>\r\n            <\/span>\r\n            <input type=\"email\" placeholder=\"john.doe@example.com\" class=\"w-full pl-10 pr-4 py-3 bg-bgOffwhite\/50 border border-tealLight rounded-xl text-sm focus:outline-none focus:ring-1 focus:ring-accentGold font-light\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"iqra-btn-apply w-full mt-2 py-3.5 text-xs font-bold uppercase tracking-wider rounded-full shadow-md\">\r\n          Submit Application\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- JAVASCRIPT LOGIC -->\r\n  <script>\r\n    const header = document.getElementById('iqra-main-header');\r\n    \r\n    window.addEventListener('scroll', () => {\r\n      if (window.scrollY > 20) {\r\n        header.style.setProperty('padding-top', '0.75rem', 'important');\r\n        header.style.setProperty('padding-bottom', '0.75rem', 'important');\r\n      } else {\r\n        header.style.setProperty('padding-top', '1rem', 'important');\r\n        header.style.setProperty('padding-bottom', '1rem', 'important');\r\n      }\r\n    });\r\n\r\n    const mobilePanel = document.getElementById('mobile-nav-panel');\r\n    const menuIcon = document.getElementById('menu-icon-svg');\r\n    const closeIcon = document.getElementById('close-icon-svg');\r\n\r\n    function toggleMobileMenu() {\r\n      const isHidden = mobilePanel.classList.contains('hidden');\r\n      if (isHidden) {\r\n        mobilePanel.classList.remove('hidden');\r\n        menuIcon.classList.add('hidden');\r\n        closeIcon.classList.remove('hidden');\r\n      } else {\r\n        closeMobileMenu();\r\n      }\r\n    }\r\n\r\n    function closeMobileMenu() {\r\n      mobilePanel.classList.add('hidden');\r\n      menuIcon.classList.remove('hidden');\r\n      closeIcon.classList.add('hidden');\r\n    }\r\n\r\n    \/\/ Interactive Action for Nav \"Courses\" Item (Scrolls & Triggers Course Filter)\r\n    function handleNavCourseClick(e, isMobile) {\r\n      e.preventDefault();\r\n      if (isMobile) {\r\n        closeMobileMenu();\r\n      }\r\n\r\n      const coursesSection = document.getElementById('courses');\r\n      if (coursesSection) {\r\n        coursesSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n      }\r\n\r\n      \/\/ Trigger \"Courses\" Category Filter Button in Services Widget\r\n      setTimeout(() => {\r\n        const courseBtn = document.querySelector('.iqra-services-wrapper .iqra-tab-btn[data-tab=\"courses\"]');\r\n        if (courseBtn) {\r\n          courseBtn.click();\r\n        }\r\n      }, 300);\r\n    }\r\n\r\n    function toggleModal(modalId, show) {\r\n      const modal = document.getElementById(modalId);\r\n      if (show) {\r\n        modal.classList.remove('hidden');\r\n        modal.classList.add('flex');\r\n        document.body.style.setProperty('overflow', 'hidden', 'important');\r\n      } else {\r\n        modal.classList.add('hidden');\r\n        modal.classList.remove('flex');\r\n        document.body.style.removeProperty('overflow');\r\n        \r\n        const form = modal.querySelector('form');\r\n        const successBox = modal.querySelector('[id$=\"-success-box\"]');\r\n        if (form && successBox) {\r\n          form.classList.remove('hidden');\r\n          successBox.classList.add('hidden');\r\n          form.reset();\r\n        }\r\n      }\r\n    }\r\n\r\n    function handleLogin(event) {\r\n      event.preventDefault();\r\n      const form = document.getElementById('login-form');\r\n      const pass = form.querySelector('.password-field').value;\r\n      const confirmPass = form.querySelector('.confirm-password-field').value;\r\n\r\n      if (pass !== confirmPass) {\r\n        alert(\"Passwords do not match!\");\r\n        return;\r\n      }\r\n\r\n      form.classList.add('hidden');\r\n      const successBox = document.getElementById('login-success-box');\r\n      successBox.classList.remove('hidden');\r\n\r\n      setTimeout(() => {\r\n        toggleModal('login-modal', false);\r\n      }, 2000);\r\n    }\r\n\r\n    function handleApply(event) {\r\n      event.preventDefault();\r\n      const form = document.getElementById('apply-form');\r\n      form.classList.add('hidden');\r\n      \r\n      const successBox = document.getElementById('apply-success-box');\r\n      successBox.classList.remove('hidden');\r\n\r\n      setTimeout(() => {\r\n        toggleModal('apply-modal', false);\r\n      }, 2000);\r\n    }\r\n  <\/script>\r\n<\/div>\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-45503b5 e-flex e-con-boxed e-con e-parent\" data-id=\"45503b5\" 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-31e2a6f elementor-widget elementor-widget-html\" data-id=\"31e2a6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Load Font Pairings & Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Hind+Siliguri:wght@300;400;500;600;700&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Tailwind CSS CDN Utility Integration -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          'primary-teal': '#0a3a35',\r\n          'accent-gold': '#b4802c',\r\n          'accent-gold-light': '#d4a552',\r\n          'accent-gold-dark': '#8c5d18',\r\n          'teal-light': '#cdebe5',\r\n          'teal-medium': '#175e56',\r\n          'teal-dark': '#072925',\r\n          'bg-offwhite': '#daf5ef',\r\n          'bg-card': '#ffffff',\r\n          'neutral-dark': '#111827',\r\n          'neutral-light': '#4b5563',\r\n        },\r\n        fontFamily: {\r\n          sans: [\"Poppins\", \"Hind Siliguri\", \"sans-serif\"],\r\n          bengali: [\"Hind Siliguri\", \"SolaimanLipi\", \"sans-serif\"],\r\n          arabic: [\"Amiri\", \"Simplified Arabic\", \"serif\"],\r\n          mono: [\"JetBrains Mono\", \"monospace\"],\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Custom Elementor Override & Full-Width Stretch Protection CSS -->\r\n<style>\r\n  \/* Force Full Viewport Width to remove white side gaps in Elementor *\/\r\n  .iqra-hero-wrapper {\r\n    background-color: #daf5ef !important;\r\n    width: 100vw !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    padding: 0 !important;\r\n    display: block !important;\r\n    box-sizing: border-box !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n  \r\n  .iqra-hero-wrapper * {\r\n    box-sizing: border-box !important;\r\n    font-family: \"Poppins\", \"Hind Siliguri\", sans-serif !important;\r\n  }\r\n  \r\n  .iqra-hero-wrapper .font-sans {\r\n    font-family: \"Poppins\", \"Hind Siliguri\", sans-serif !important;\r\n  }\r\n  \r\n  .iqra-hero-wrapper .font-bengali {\r\n    font-family: \"Hind Siliguri\", \"SolaimanLipi\", sans-serif !important;\r\n  }\r\n  \r\n  .iqra-hero-wrapper .font-arabic {\r\n    font-family: \"Amiri\", \"Simplified Arabic\", serif !important;\r\n    direction: rtl !important;\r\n  }\r\n  \r\n  .iqra-hero-wrapper .font-mono {\r\n    font-family: \"JetBrains Mono\", monospace !important;\r\n  }\r\n\r\n  \/* Smooth slider fade transition *\/\r\n  #iqra-slide-content {\r\n    transition: opacity 0.3s ease-in-out !important;\r\n  }\r\n  \r\n  \/* Reset default Elementor links *\/\r\n  .iqra-hero-wrapper a {\r\n    text-decoration: none !important;\r\n    transition: all 0.3s ease !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Full-Width Background Container Wrapper -->\r\n<div class=\"iqra-hero-wrapper\">\r\n  \r\n  <!-- Fixed Header Overlap Clearance: pt-28 on Mobile & pt-32 on Desktop -->\r\n  <section id=\"home\" class=\"relative w-full bg-[#daf5ef] pt-28 pb-12 lg:pt-32 lg:pb-16 overflow-hidden text-primary-teal\">\r\n    \r\n    <!-- Decorative background geometry -->\r\n    <div class=\"absolute inset-0 pointer-events-none\">\r\n      <div class=\"absolute top-[-20%] right-[-10%] w-[50%] h-[50%] bg-[radial-gradient(circle_at_center,rgba(180,128,44,0.06),transparent_70%)] rounded-full blur-[120px]\"><\/div>\r\n      <div class=\"absolute inset-0 opacity-[0.05] bg-[linear-gradient(to_right,#b4802c_1px,transparent_1px),linear-gradient(to_bottom,#b4802c_1px,transparent_1px)] bg-[size:3rem_3rem]\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Centered Content Container -->\r\n    <div class=\"max-w-[1400px] mx-auto px-4 sm:px-6 md:px-12 relative z-10\">\r\n      <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n        \r\n        <!-- Left Column: Islamic Wisdom & Academic Excellence -->\r\n        <div class=\"lg:col-span-7 space-y-5 text-left flex flex-col justify-center\">\r\n          \r\n          <!-- Top Islamic Slogan Badge -->\r\n          <div class=\"w-full flex justify-center lg:justify-start mb-2\">\r\n            <div class=\"inline-flex items-center justify-center text-center bg-[#b4802c]\/10 border border-[#b4802c]\/30 px-4 py-2 rounded-full max-w-full shadow-sm\">\r\n              <span class=\"text-xs sm:text-sm font-semibold tracking-wide text-primary-teal font-sans leading-tight\">\r\n                Enrollment Open for the 2026 Session\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- LOCKED FIXED-HEIGHT Dynamic Text Slider Box (Prevents Layout Shifting) -->\r\n          <div class=\"bg-white p-5 sm:p-7 shadow-md border-l-4 border-accent-gold border-y border-r border-teal-light\/60 rounded-2xl h-[280px] sm:h-[260px] flex flex-col justify-between relative group overflow-hidden\">\r\n            <div class=\"absolute top-3 right-4 text-[8px] sm:text-[9px] uppercase tracking-widest text-accent-gold font-bold\">\r\n              Daily Inspiration \/ \u09a6\u09c8\u09a8\u09bf\u0995 \u0985\u09a8\u09c1\u09aa\u09cd\u09b0\u09c7\u09b0\u09a3\u09be\r\n            <\/div>\r\n            \r\n            <div id=\"iqra-slide-content\" class=\"space-y-2 sm:space-y-3 my-auto pt-3 opacity-100 flex-1 flex flex-col justify-center\">\r\n              <span id=\"iqra-slide-source\" class=\"inline-block text-[10px] font-bold uppercase tracking-wider text-accent-gold bg-accent-gold\/10 px-2 py-0.5 rounded w-max\">\r\n                Al-Quran (\u09eb\u09ea:\u09e7\u09ed)\r\n              <\/span>\r\n              \r\n              <!-- Arabic text -->\r\n              <p id=\"iqra-slide-arabic\" class=\"font-arabic text-lg sm:text-2xl font-bold text-teal-dark tracking-wide leading-relaxed text-right\">\r\n                \u0648\u064e\u0644\u064e\u0642\u064e\u062f\u0652 \u064a\u064e\u0633\u064e\u0651\u0631\u0652\u0646\u064e\u0627 \u0627\u0644\u0652\u0642\u064f\u0631\u0652\u0622\u0646\u064e \u0644\u0650\u0644\u0630\u0650\u0651\u0643\u0652\u0631\u0650 \u0641\u064e\u0647\u064e\u0644\u0652 \u0645\u0650\u0646 \u0645\u064f\u0651\u062f\u064e\u0651\u0643\u0650\u0631\u064d\r\n              <\/p>\r\n              \r\n              <!-- English translation -->\r\n              <p id=\"iqra-slide-english\" class=\"text-xs sm:text-sm text-neutral-light leading-snug italic\">\r\n                &ldquo;And We have certainly made the Quran easy for remembrance, so is there any who will remember?&rdquo;\r\n              <\/p>\r\n              \r\n              <!-- Bengali translation -->\r\n              <p id=\"iqra-slide-bengali\" class=\"text-xs sm:text-sm font-bengali text-primary-teal leading-snug font-semibold\">\r\n                &ldquo;\u0986\u09b0 \u0986\u09ae\u09bf \u09a4\u09cb \u0995\u09c1\u09b0\u0986\u09a8\u0995\u09c7 \u09b8\u09b9\u099c \u0995\u09b0\u09c7 \u09a6\u09bf\u09af\u09bc\u09c7\u099b\u09bf \u0989\u09aa\u09a6\u09c7\u09b6 \u0997\u09cd\u09b0\u09b9\u09a3\u09c7\u09b0 \u099c\u09a8\u09cd\u09af; \u0985\u09a4\u098f\u09ac \u0995\u09cb\u09a8\u09cb \u0989\u09aa\u09a6\u09c7\u09b6 \u0997\u09cd\u09b0\u09b9\u09a3\u0995\u09be\u09b0\u09c0 \u0986\u099b\u09c7 \u0995\u09bf?&rdquo;\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <!-- Slider Pagination Dots -->\r\n            <div class=\"flex gap-1.5 justify-end mt-2 pt-2 border-t border-teal-light\/20 shrink-0\">\r\n              <button onclick=\"goToIqraSlide(0)\" class=\"iqra-hero-dot h-1.5 w-6 bg-accent-gold rounded-full transition-all duration-300\" aria-label=\"Go to slide 1\"><\/button>\r\n              <button onclick=\"goToIqraSlide(1)\" class=\"iqra-hero-dot h-1.5 w-2 bg-teal-light hover:bg-accent-gold-light rounded-full transition-all duration-300\" aria-label=\"Go to slide 2\"><\/button>\r\n              <button onclick=\"goToIqraSlide(2)\" class=\"iqra-hero-dot h-1.5 w-2 bg-teal-light hover:bg-accent-gold-light rounded-full transition-all duration-300\" aria-label=\"Go to slide 3\"><\/button>\r\n              <button onclick=\"goToIqraSlide(3)\" class=\"iqra-hero-dot h-1.5 w-2 bg-teal-light hover:bg-accent-gold-light rounded-full transition-all duration-300\" aria-label=\"Go to slide 4\"><\/button>\r\n              <button onclick=\"goToIqraSlide(4)\" class=\"iqra-hero-dot h-1.5 w-2 bg-teal-light hover:bg-accent-gold-light rounded-full transition-all duration-300\" aria-label=\"Go to slide 5\"><\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Action Buttons Directly Under Slider Box -->\r\n          <div class=\"flex flex-row flex-nowrap items-center gap-2 sm:gap-4 w-full mt-4\">\r\n            <!-- Triggers Courses Filter and Smooth Scrolls -->\r\n            <a href=\"#courses\" onclick=\"handleExploreCourses(event)\" class=\"flex-1 px-2.5 sm:px-6 py-2.5 sm:py-3.5 bg-primary-teal hover:bg-teal-medium text-white font-bold uppercase tracking-wider text-[9px] xs:text-[10px] sm:text-xs rounded-full shadow-md hover:-translate-y-0.5 transition-all flex items-center justify-center gap-1 sm:gap-2 group whitespace-nowrap min-w-0\">\r\n              <span class=\"truncate\">Explore Our Courses<\/span>\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover:translate-x-1 transition-transform shrink-0\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n            <\/a>\r\n            <!-- Scrolls directly to Book Trial Form Section -->\r\n            <a href=\"#book-trial-container\" onclick=\"handleBookTrial(event)\" class=\"flex-1 px-2.5 sm:px-6 py-2.5 sm:py-3.5 bg-accent-gold hover:bg-accent-gold-light text-white font-bold uppercase tracking-wider text-[9px] xs:text-[10px] sm:text-xs rounded-full shadow-md hover:-translate-y-0.5 transition-all flex items-center justify-center gap-1 sm:gap-2 whitespace-nowrap min-w-0\">\r\n              <span class=\"truncate\">Book Trial Class<\/span>\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Column: Founder Profile Visual -->\r\n        <div class=\"lg:col-span-5 flex flex-col items-center justify-center\">\r\n          <div class=\"w-full max-w-sm bg-transparent border-0 p-3 transition-all duration-300 group\">\r\n            \r\n            <!-- 1:1 Square Image Card -->\r\n            <div class=\"relative aspect-square bg-[#0a3a35]\/5 border border-teal-light\/20 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-shadow\">\r\n              <div class=\"absolute inset-0 bg-[#0a3a35]\/5 z-10 mix-blend-multiply\"><\/div>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-19-at-00.29.41.jpeg\"\r\n                alt=\"Ustaz Arman Habib\"\r\n                class=\"w-full h-full object-cover select-none transition-transform duration-[4000ms] ease-in-out scale-105 group-hover:scale-100\"\r\n                referrerpolicy=\"no-referrer\"\r\n               title=\"Home\" \/>\r\n              <div class=\"absolute inset-3 border border-white\/10 rounded-xl pointer-events-none z-20\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Founder Info & Branding -->\r\n            <div class=\"text-center pt-4 pb-2 opacity-90 group-hover:opacity-100 transition-opacity\">\r\n              <h4 class=\"font-bengali text-lg font-bold text-primary-teal tracking-wide\">\r\n                 \u0986\u09b0\u09ae\u09be\u09a8  \u09b9\u09cb\u09b8\u09c7\u09a8            <\/h4>\r\n              <p class=\"font-sans text-xs tracking-wider text-accent-gold uppercase font-bold mt-0.5\">\r\n                Ustaz Arman hossen\r\n              <\/p>\r\n              <p class=\"font-sans text-[11px] text-primary-teal\/70 font-light mt-1\">\r\n                Founder &amp; Director, Iqra Institute\r\n              <\/p>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Bottom Stats Grid Row -->\r\n      <div class=\"mt-12 lg:mt-16 grid grid-cols-2 md:grid-cols-4 gap-3 sm:gap-4\" id=\"hero-stats\">\r\n        \r\n        <div class=\"bg-white p-3.5 sm:p-4 border-l-4 border-accent-gold shadow-sm flex flex-col justify-center rounded-xl\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b4802c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"><\/path><path d=\"M6 12v5c0 2 2 3 6 3s6-1 6-3v-5\"><\/path><\/svg>\r\n            <span class=\"font-sans text-lg sm:text-xl font-bold text-primary-teal\">300+<\/span>\r\n          <\/div>\r\n          <span class=\"text-[9px] sm:text-[10px] text-neutral-light font-bold uppercase tracking-wider mt-1\">Admission<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"bg-white p-3.5 sm:p-4 border-l-4 border-accent-gold shadow-sm flex flex-col justify-center rounded-xl\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b4802c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n            <span class=\"font-sans text-lg sm:text-xl font-bold text-primary-teal\">10+<\/span>\r\n          <\/div>\r\n          <span class=\"text-[9px] sm:text-[10px] text-neutral-light font-bold uppercase tracking-wider mt-1\">Teachers<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"bg-white p-3.5 sm:p-4 border-l-4 border-accent-gold shadow-sm flex flex-col justify-center rounded-xl\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b4802c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\r\n            <span class=\"font-sans text-lg sm:text-xl font-bold text-primary-teal\">85%<\/span>\r\n          <\/div>\r\n          <span class=\"text-[9px] sm:text-[10px] text-neutral-light font-bold uppercase tracking-wider mt-1\">Success Rate<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"bg-white p-3.5 sm:p-4 border-l-4 border-accent-gold shadow-sm flex flex-col justify-center rounded-xl\">\r\n          <div class=\"flex items-center gap-2\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b4802c\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10v12\"><\/path><path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h3l3.15-4.58a2.11 2.11 0 0 1 2.2-.82H15a2 2 0 0 1 2 2v1.58z\"><\/path><\/svg>\r\n            <span class=\"font-sans text-lg sm:text-xl font-bold text-primary-teal\">99%<\/span>\r\n          <\/div>\r\n          <span class=\"text-[9px] sm:text-[10px] text-neutral-light font-bold uppercase tracking-wider mt-1\">Positive Feedback<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- Interactive Slideshow & Cross-Widget Navigation Engine -->\r\n<script>\r\n  const DYNAMIC_SLIDES_HERO = [\r\n    {\r\n      source: \"Al-Quran (\u09eb\u09ea:\u09e7\u09ed)\",\r\n      arabic: \"\u0648\u064e\u0644\u064e\u0642\u064e\u062f\u0652 \u064a\u064e\u0633\u064e\u0651\u0631\u0652\u0646\u064e\u0627 \u0627\u0644\u0652\u0642\u064f\u0631\u0652\u0622\u0646\u064e \u0644\u0650\u0644\u0630\u0650\u0651\u0643\u0652\u0631\u0650 \u0641\u064e\u0647\u064e\u0644\u0652 \u0645\u0650\u0646 \u0645\u064f\u0651\u062f\u064e\u0651\u0643\u0650\u0631\u064d\",\r\n      english: \"And We have certainly made the Quran easy for remembrance, so is there any who will remember?\",\r\n      bengali: \"\u0986\u09b0 \u0986\u09ae\u09bf \u09a4\u09cb \u0995\u09c1\u09b0\u0986\u09a8\u0995\u09c7 \u09b8\u09b9\u099c \u0995\u09b0\u09c7 \u09a6\u09bf\u09af\u09bc\u09c7\u099b\u09bf \u0989\u09aa\u09a6\u09c7\u09b6 \u0997\u09cd\u09b0\u09b9\u09a3\u09c7\u09b0 \u099c\u09a8\u09cd\u09af; \u0985\u09a4\u098f\u09ac \u0995\u09cb\u09a8\u09cb \u0989\u09aa\u09a6\u09c7\u09b6 \u0997\u09cd\u09b0\u09b9\u09a3\u0995\u09be\u09b0\u09c0 \u0986\u099b\u09c7 \u0995\u09bf?\"\r\n    },\r\n    {\r\n      source: \"Al-Hadith (Bukhari)\",\r\n      arabic: \"\u062e\u064e\u064a\u0652\u0631\u064f\u0643\u064f\u0645\u0652 \u0645\u064e\u0646\u0652 \u062a\u064e\u0639\u064e\u0644\u064e\u0651\u0645\u064e \u0627\u0644\u0652\u0642\u064f\u0631\u0652\u0622\u0646\u064e \u0648\u064e\u0639\u064e\u0644\u064e\u0651\u0645\u064e\u0647\u064f\",\r\n      english: \"The best among you are those who learn the Quran and teach it.\",\r\n      bengali: \"\u09a4\u09cb\u09ae\u09be\u09a6\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u09b0\u09cd\u09ac\u09cb\u09a4\u09cd\u09a4\u09ae \u09b8\u09c7\u0987 \u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf, \u09af\u09bf\u09a8\u09bf \u09a8\u09bf\u099c\u09c7 \u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u0985\u09a8\u09cd\u09af\u0995\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09a6\u09c7\u09af\u09bc\u0964\"\r\n    },\r\n    {\r\n      source: \"Al-Quran (\u09ef\u09ec:\u09e7)\",\r\n      arabic: \"\u0627\u0642\u0652\u0631\u064e\u0623\u0652 \u0628\u0650\u0627\u0633\u0652\u0645\u0650 \u0631\u064e\u0628\u0650\u0651\u0643\u064e \u0627\u0644\u064e\u0651\u0630\u0650\u064a \u062e\u064e\u0644\u064e\u0642\u064e\",\r\n      english: \"Read! In the Name of your Lord Who has created.\",\r\n      bengali: \"\u09aa\u09a1\u09bc\u09c1\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 \u09b0\u09ac\u09c7\u09b0 \u09a8\u09be\u09ae\u09c7, \u09af\u09bf\u09a8\u09bf \u09b8\u09c3\u09b7\u09cd\u099f\u09bf \u0995\u09b0\u09c7\u099b\u09c7\u09a8\u0964\"\r\n    },\r\n    {\r\n      source: \"Al-Hadith (Baihaqi)\",\r\n      arabic: \"\u0625\u0646\u064e\u0651\u0645\u064e\u0627 \u0628\u064f\u0639\u0650\u062b\u0652\u062a\u064f \u0644\u0650\u0623\u064f\u062a\u064e\u0645\u0650\u0651\u0645\u064e \u0645\u064e\u0643\u064e\u0627\u0631\u0650\u0645\u064e \u0627\u0644\u0652\u0623\u064e\u062e\u0652\u0644\u064e\u0627\u0642\u0650\",\r\n      english: \"I was only sent to perfect good character.\",\r\n      bengali: \"\u0986\u09ae\u09bf \u09a4\u09cb \u0995\u09c7\u09ac\u09b2 \u09b8\u09b0\u09cd\u09ac\u09cb\u09a4\u09cd\u09a4\u09ae \u099a\u09b0\u09bf\u09a4\u09cd\u09b0\u09c7\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a3\u09a4\u09be \u09ac\u09bf\u09a7\u09be\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09c7\u09b0\u09bf\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09bf\u0964\"\r\n    },\r\n    {\r\n      source: \"Al-Quran (\u09e8\u09e6:\u09e7\u09e7\u09ea)\",\r\n      arabic: \"\u0648\u064e\u0642\u064f\u0644 \u0631\u064e\u0651\u0628\u0650\u0651 \u0632\u0650\u062f\u0652\u0646\u0650\u064a \u0639\u0650\u0644\u0652\u0645\u064b\u0627\",\r\n      english: \"And say: 'My Lord! Increase me in knowledge.'\",\r\n      bengali: \"\u098f\u09ac\u0982 \u09ac\u09b2\u09c1\u09a8: '\u09b9\u09c7 \u0986\u09ae\u09be\u09b0 \u09b0\u09ac! \u0986\u09ae\u09be\u09b0 \u099c\u09cd\u099e\u09be\u09a8 \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf \u0995\u09b0\u09c7 \u09a6\u09bf\u09a8\u0964'\"\r\n    }\r\n  ];\r\n\r\n  let currentIqraSlide = 0;\r\n  let iqraSlideInterval;\r\n\r\n  function updateIqraSlideUI(index) {\r\n    const container = document.getElementById('iqra-slide-content');\r\n    if (!container) return;\r\n    \r\n    container.style.opacity = '0';\r\n    \r\n    setTimeout(() => {\r\n      const slide = DYNAMIC_SLIDES_HERO[index];\r\n      \r\n      document.getElementById('iqra-slide-source').textContent = slide.source;\r\n      document.getElementById('iqra-slide-arabic').textContent = slide.arabic;\r\n      document.getElementById('iqra-slide-english').innerHTML = `&ldquo;${slide.english}&rdquo;`;\r\n      document.getElementById('iqra-slide-bengali').innerHTML = `&ldquo;${slide.bengali}&rdquo;`;\r\n      \r\n      container.style.opacity = '1';\r\n      \r\n      const dots = document.querySelectorAll('.iqra-hero-dot');\r\n      dots.forEach((dot, idx) => {\r\n        if (idx === index) {\r\n          dot.className = \"iqra-hero-dot h-1.5 w-6 bg-accent-gold rounded-full transition-all duration-300\";\r\n        } else {\r\n          dot.className = \"iqra-hero-dot h-1.5 w-2 bg-teal-light hover:bg-accent-gold-light rounded-full transition-all duration-300\";\r\n        }\r\n      });\r\n    }, 300);\r\n  }\r\n\r\n  function goToIqraSlide(index) {\r\n    clearInterval(iqraSlideInterval);\r\n    currentIqraSlide = index;\r\n    updateIqraSlideUI(currentIqraSlide);\r\n    startIqraSlideShow();\r\n  }\r\n\r\n  function startIqraSlideShow() {\r\n    iqraSlideInterval = setInterval(() => {\r\n      currentIqraSlide = (currentIqraSlide + 1) % DYNAMIC_SLIDES_HERO.length;\r\n      updateIqraSlideUI(currentIqraSlide);\r\n    }, 5000);\r\n  }\r\n\r\n  \/\/ Cross-Widget Action: Explore Our Courses\r\n  function handleExploreCourses(e) {\r\n    e.preventDefault();\r\n    const coursesSection = document.getElementById('courses');\r\n    \r\n    if (coursesSection) {\r\n      coursesSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }\r\n\r\n    \/\/ Trigger Course Filter Button in Services Widget\r\n    setTimeout(() => {\r\n      const courseBtn = document.querySelector('.iqra-services-wrapper .iqra-tab-btn[data-tab=\"courses\"]');\r\n      if (courseBtn) {\r\n        courseBtn.click();\r\n      }\r\n    }, 300);\r\n  }\r\n\r\n  \/\/ Cross-Widget Action: Book Trial Class\r\n  function handleBookTrial(e) {\r\n    e.preventDefault();\r\n    const trialSection = document.getElementById('book-trial-container');\r\n    if (trialSection) {\r\n      trialSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', startIqraSlideShow);\r\n  } else {\r\n    startIqraSlideShow();\r\n  }\r\n<\/script>\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-4409b2f e-flex e-con-boxed e-con e-parent\" data-id=\"4409b2f\" 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-88416a0 elementor-widget elementor-widget-html\" data-id=\"88416a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Iqra Institute Courses & Teachers Slider + Trial Booking Widget -->\r\n<div class=\"iqra-services-wrapper\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');\r\n\r\n    .iqra-services-wrapper {\r\n      width: 100vw !important;\r\n      position: relative !important;\r\n      left: 50% !important;\r\n      transform: translateX(-50%) !important;\r\n      background-color: #daf5ef !important;\r\n      font-family: 'Inter', 'Hind Siliguri', sans-serif !important;\r\n      color: #0d5257 !important;\r\n      padding: 60px 0 !important;\r\n      box-sizing: border-box !important;\r\n      overflow-x: hidden !important;\r\n      display: block !important;\r\n    }\r\n\r\n    .iqra-services-wrapper * { box-sizing: border-box !important; }\r\n\r\n    .iqra-services-container {\r\n      width: 100% !important;\r\n      max-width: 1240px !important;\r\n      margin-left: auto !important; margin-right: auto !important;\r\n      padding-left: 20px !important; padding-right: 20px !important;\r\n    }\r\n\r\n    \/* Shared Section Headers *\/\r\n    .iqra-section-header { text-align: center !important; max-width: 650px !important; margin: 0 auto 30px auto !important; }\r\n    .iqra-section-title { font-family: 'Hind Siliguri', sans-serif !important; font-size: 26px !important; font-weight: 800 !important; color: #0d5257 !important; margin: 0 0 12px 0 !important; line-height: 1.2 !important; }\r\n    @media (min-width: 768px) { .iqra-section-title { font-size: 32px !important; } }\r\n    .iqra-section-divider { height: 4px !important; width: 80px !important; background-color: #b4802c !important; margin: 0 auto !important; border-radius: 2px !important; }\r\n\r\n    \/* Universal Carousel for Desktop & Mobile *\/\r\n    .iqra-carousel { \r\n      display: flex !important; \r\n      overflow-x: auto !important; \r\n      gap: 20px !important; \r\n      padding-bottom: 16px !important; \r\n      scrollbar-width: none !important; \r\n      scroll-snap-type: x mandatory !important; \r\n      scroll-behavior: smooth !important; \r\n    }\r\n    .iqra-carousel::-webkit-scrollbar { display: none !important; }\r\n\r\n    .iqra-card { \r\n      scroll-snap-align: start !important; \r\n      flex-shrink: 0 !important; \r\n      width: 280px !important; \r\n      background-color: #ffffff !important; \r\n      border: 1px solid #a5d8d3 !important; \r\n      padding: 14px !important; \r\n      border-radius: 16px !important; \r\n      display: flex !important; \r\n      flex-direction: column !important; \r\n      justify-content: space-between !important; \r\n      transition: all 0.3s ease !important; \r\n    }\r\n    @media (min-width: 768px) { \r\n      .iqra-card { width: 300px !important; } \r\n    }\r\n    .iqra-card:hover { border-color: #b4802c !important; transform: translateY(-4px) !important; box-shadow: 0 10px 15px -3px rgba(13, 82, 87, 0.1), 0 4px 6px -2px rgba(13, 82, 87, 0.05) !important; }\r\n\r\n    \/* Card Image & Overlay *\/\r\n    .iqra-card-img-wrapper { position: relative !important; width: 100% !important; aspect-ratio: 16\/9 !important; overflow: hidden !important; border: 1px solid #a5d8d3 !important; border-radius: 12px !important; background-color: rgba(13, 82, 87, 0.05) !important; margin-bottom: 14px !important; }\r\n    .iqra-card-badge { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 5 !important; background-color: #b4802c !important; color: #ffffff !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; padding: 5px 10px !important; border-bottom-right-radius: 8px !important; }\r\n    .iqra-card-img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; }\r\n    .iqra-card:hover .iqra-card-img { transform: scale(1.05) !important; }\r\n    .iqra-card-overlay { position: absolute !important; inset: 0 !important; background-color: rgba(13, 82, 87, 0.1) !important; transition: background-color 0.3s ease !important; }\r\n    .iqra-card:hover .iqra-card-overlay { background-color: transparent !important; }\r\n\r\n    \/* Card Typography *\/\r\n    .iqra-card-title { font-family: 'Hind Siliguri', sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #0d5257 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; transition: color 0.3s ease !important; }\r\n    .iqra-card:hover .iqra-card-title { color: #b4802c !important; }\r\n    .iqra-card-subtitle { font-size: 11px !important; color: #555555 !important; font-weight: 500 !important; margin: 0 0 4px 0 !important; display: block !important;}\r\n    .iqra-card-exp { font-size: 11px !important; color: #b4802c !important; font-weight: 700 !important; margin: 0 !important; }\r\n\r\n    \/* Card Footer *\/\r\n    .iqra-card-footer { margin-top: 14px !important; padding-top: 12px !important; border-top: 1px dashed #a5d8d3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }\r\n    .iqra-card-info-badge { font-size: 11px !important; font-weight: 600 !important; color: rgba(13, 82, 87, 0.9) !important; background-color: #daf5ef !important; padding: 3px 10px !important; border: 1px solid #a5d8d3 !important; border-radius: 6px !important; }\r\n    .iqra-card-enroll { color: #b4802c !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; transition: color 0.3s ease !important; cursor: pointer !important;}\r\n    .iqra-card-enroll:hover { color: #0d5257 !important; }\r\n    .iqra-card-enroll svg { width: 14px !important; height: 14px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.5 !important; }\r\n\r\n    \/* Universal Dots Navigation *\/\r\n    .iqra-slider-dots { display: flex !important; justify-content: center !important; gap: 6px !important; margin-top: 10px !important; margin-bottom: 40px !important; }\r\n    .iqra-dot { width: 8px !important; height: 8px !important; background-color: rgba(165, 216, 211, 0.8) !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; padding: 0 !important; transition: all 0.3s ease !important; }\r\n    .iqra-dot.active { width: 26px !important; background-color: #b4802c !important; border-radius: 4px !important; }\r\n\r\n    \/* Trial Section *\/\r\n    .iqra-trial-section { background-color: #ffffff !important; border-left: 4px solid #b4802c !important; border-top: 1px solid rgba(165, 216, 211, 0.6) !important; border-bottom: 1px solid rgba(165, 216, 211, 0.6) !important; border-right: 1px solid rgba(165, 216, 211, 0.6) !important; padding: 24px !important; border-radius: 16px !important; box-shadow: 0 10px 15px -3px rgba(13, 82, 87, 0.05) !important; display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; align-items: center !important; margin-top: 20px !important; }\r\n    @media (min-width: 1024px) { .iqra-trial-section { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; padding: 36px !important; } }\r\n    .iqra-trial-left { display: flex !important; flex-direction: column !important; gap: 16px !important; }\r\n    @media (min-width: 1024px) { .iqra-trial-left { grid-column: span 7 \/ span 7 !important; } }\r\n    .iqra-trial-sub { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: #b4802c !important; display: block !important; margin-bottom: 6px !important;}\r\n    .iqra-trial-title { font-family: 'Hind Siliguri', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #0d5257 !important; line-height: 1.4 !important; margin: 0 !important; }\r\n    @media (min-width: 768px) { .iqra-trial-title { font-size: 22px !important; } }\r\n\r\n    .iqra-form { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 10px !important;}\r\n    .iqra-form-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }\r\n    @media (min-width: 640px) { .iqra-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }\r\n    .iqra-field-group { display: flex !important; flex-direction: column !important; gap: 4px !important; }\r\n    .iqra-label { font-family: 'Hind Siliguri', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #0d5257 !important; }\r\n    \r\n    .iqra-input, .iqra-select { width: 100% !important; background-color: rgba(218, 245, 239, 0.2) !important; border: 1px solid #a5d8d3 !important; border-radius: 12px !important; padding: 12px 14px !important; font-size: 13px !important; color: #0d5257 !important; outline: none !important; font-weight: 400 !important; transition: border-color 0.3s ease !important; }\r\n    .iqra-input:focus, .iqra-select:focus { border-color: #b4802c !important; }\r\n    .iqra-select { background-color: #ffffff !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; }\r\n    .select-wrapper { position: relative !important; width: 100% !important; }\r\n    .select-arrow { position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; stroke: #b4802c !important; width: 14px !important; height: 14px !important; }\r\n\r\n    .iqra-btn-submit { width: 100% !important; background-color: #0d5257 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; padding: 14px !important; border: none !important; border-radius: 9999px !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-shadow: 0 4px 6px rgba(13, 82, 87, 0.1) !important; transition: all 0.3s ease !important; margin-top: 6px !important; }\r\n    .iqra-btn-submit:hover { background-color: #17747c !important; box-shadow: 0 4px 12px rgba(13, 82, 87, 0.2) !important; }\r\n    .iqra-btn-submit svg { width: 16px !important; height: 16px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.5 !important; }\r\n\r\n    .iqra-trial-right { position: relative !important; aspect-ratio: 16\/9 !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid rgba(180, 128, 44, 0.4) !important; padding: 6px !important; box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; background-color: rgba(13, 82, 87, 0.1) !important; }\r\n    @media (min-width: 1024px) { .iqra-trial-right { grid-column: span 5 \/ span 5 !important; aspect-ratio: 1\/1 !important; } }\r\n    .iqra-trial-img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 12px !important; }\r\n  <\/style>\r\n\r\n  <div class=\"iqra-services-container\" id=\"courses\">\r\n    \r\n    <!-- ================== SECTION 1: COURSES SLIDER ================== -->\r\n    <div class=\"iqra-section-header\">\r\n      <h2 class=\"iqra-section-title\">\u099c\u09a8\u09aa\u09cd\u09b0\u09bf\u09af\u09bc \u0995\u09cb\u09b0\u09cd\u09b8 \u09b8\u09ae\u09c2\u09b9<\/h2>\r\n      <div class=\"iqra-section-divider\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Courses Carousel Grid -->\r\n    <div class=\"iqra-carousel\" id=\"courses-carousel\">\r\n      \r\n      <!-- Card c1 (Course) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Popular<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/Madani-nesab.jpeg\" alt=\"Madani Nisab Year 1\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Madani Nisab Year 1<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">\u09e7 \u09ac\u099b\u09b0<\/span>\r\n         <a class=\"iqra-card-enroll\" href=\"https:\/\/iqrainstitutebd.com\/?page_id=257\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card c2 (Course) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Tajweed<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/Tajweed.webp\" alt=\"Advanced Tajweed\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u0989\u099a\u09cd\u099a\u09a4\u09b0 \u09a4\u09be\u099c\u09ac\u09c0\u09a6<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Advanced Tajweed<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">\u09ec \u09ae\u09be\u09b8<\/span>\r\n          <a class=\"iqra-card-enroll\" onclick=\"scrollToTrial()\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card c3 (Course) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Kids Only<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/1784806845661_result.webp\" alt=\"Primary Education\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Primary Education<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">\u09e9 \u09ae\u09be\u09b8<\/span>\r\n          <a class=\"iqra-card-enroll\" onclick=\"scrollToTrial()\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card c4 (Course) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Core Program<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/Quran-shikkha.webp\" alt=\"Quran Memorization\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Quran Memorization & Reading<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">\u09ec \u09ae\u09be\u09b8<\/span>\r\n          <a class=\"iqra-card-enroll\" onclick=\"scrollToTrial()\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card c5 (Course) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Essential<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/1784807247913_result.webp\" alt=\"Fard-al-Ayn Essentials\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u09ab\u09b0\u099c\u09c7 \u0986\u0987\u09a8<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Fard-al-Ayn Essentials<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">\u09e9 \u09ae\u09be\u09b8<\/span>\r\n          <a class=\"iqra-card-enroll\" onclick=\"scrollToTrial()\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card c6 (Course) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Modern Skill<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/Spoken-english.webp\" alt=\"Spoken English\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u0987\u0982\u09b2\u09bf\u09b6 \u09b8\u09cd\u09aa\u09cb\u0995\u09c7\u09a8<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Spoken English Fellowship<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">\u09ec \u09ae\u09be\u09b8<\/span>\r\n          <a class=\"iqra-card-enroll\" onclick=\"scrollToTrial()\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card c7 (Course - New Exclusive Abacus) -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\" style=\"background-color: #d4a552;\">Exclusive<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/1784807985562_result.webp\" alt=\"Abacus Mental Math\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u098f\u09ac\u09be\u0995\u09be\u09b8<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Abacus Mental Math<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <span class=\"iqra-card-info-badge\">Exclusive<\/span>\r\n          <a class=\"iqra-card-enroll\" onclick=\"scrollToTrial()\">Enroll <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- Courses Slider Dots -->\r\n    <div class=\"iqra-slider-dots\" id=\"courses-dots\"><\/div>\r\n\r\n\r\n    <!-- ================== SECTION 2: TEACHERS SLIDER ================== -->\r\n    <div class=\"iqra-section-header\" style=\"margin-top: 60px;\">\r\n      <h2 class=\"iqra-section-title\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u099f\u09bf\u099a\u09be\u09b0\u0997\u09a3<\/h2>\r\n      <div class=\"iqra-section-divider\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Teachers Carousel Grid -->\r\n    <div class=\"iqra-carousel\" id=\"teachers-carousel\">\r\n      \r\n      <!-- Teacher 1 -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Founder<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/ustad-arman-2.jpeg\" alt=\"Arman Hossen\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u0989\u09b8\u09cd\u09a4\u09be\u09a6 \u0986\u09b0\u09ae\u09be\u09a8 \u09b9\u09cb\u09b8\u09c7\u09a8<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Founder, Iqra Institute<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <p class=\"iqra-card-exp\">Director & Admin<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Teacher 2 -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">English Dept<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-18.15.35-1.jpeg\" alt=\"Ayman Abdullah\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">Ayman Abdullah<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Assistant English Teacher<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <p class=\"iqra-card-exp\">Experience: 2 years+<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Teacher 3 -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Head of Dept<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-18.15.35.jpeg\" alt=\"Rahatul Islam\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">Rahatul islam<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Head Of English Department<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <p class=\"iqra-card-exp\">Experience: 12 years+<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Teacher 4 -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Female Section<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/ustaza-01.jpeg\" alt=\"Hafeza Najmin Akter\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">\u09b9\u09be\u09ab\u09c7\u099c\u09be \u09ae\u09cb\u099b\u09be\u0983 \u09a8\u09be\u099c\u09ae\u09bf\u09a8 \u0986\u0995\u09cd\u09a4\u09be\u09b0<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Quran & Tajweed (Female)<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <p class=\"iqra-card-exp\">\u0985\u09ad\u09bf\u099c\u09cd\u099e\u09a4\u09be: \u09ec \u09ac\u099b\u09b0<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Teacher 5 -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Faculty<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/ustaza-01.jpeg\" alt=\"Sanjida Akter Ety\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">Sanjida Akter Ety<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Academic Instructor<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <p class=\"iqra-card-exp\">Experience: 4 years+<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Teacher 6 -->\r\n      <div class=\"iqra-card\">\r\n        <div>\r\n          <div class=\"iqra-card-img-wrapper\">\r\n            <span class=\"iqra-card-badge\">Faculty<\/span>\r\n            <img decoding=\"async\" class=\"iqra-card-img\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/ustaza-01.jpeg\" alt=\"Nafisa Akter\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n            <div class=\"iqra-card-overlay\"><\/div>\r\n          <\/div>\r\n          <h3 class=\"iqra-card-title\">Nafisa Akter<\/h3>\r\n          <span class=\"iqra-card-subtitle\">Academic Instructor<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-card-footer\">\r\n          <p class=\"iqra-card-exp\">Experience: 5 Month+<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- Teachers Slider Dots -->\r\n    <div class=\"iqra-slider-dots\" id=\"teachers-dots\"><\/div>\r\n\r\n\r\n    <!-- ================== SECTION 3: TRIAL CLASS BOOKING ================== -->\r\n    <div class=\"iqra-trial-section\" id=\"book-trial-container\">\r\n      <div class=\"iqra-trial-left\">\r\n        <div>\r\n          <span class=\"iqra-trial-sub\">Trial Class Request \/ \u09ab\u09cd\u09b0\u09bf \u099f\u09cd\u09b0\u09be\u09af\u09bc\u09be\u09b2 \u0995\u09cd\u09b2\u09be\u09b8<\/span>\r\n          <h3 class=\"iqra-trial-title\">\u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f\u09c7 \u09aa\u09b0\u09bf\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u09b6\u09cd\u09ac\u09b8\u09cd\u09a4 \u09b9\u09a4\u09c7 \u0993 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09ae\u09be\u09a8 \u09af\u09be\u099a\u09be\u0987 \u0995\u09b0\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae\u09c7 \u099f\u09cd\u09b0\u09be\u09af\u09bc\u09be\u09b2 \u0995\u09cd\u09b2\u09be\u09b8 \u09ac\u09c1\u0995 \u0995\u09b0\u09c1\u09a8<\/h3>\r\n        <\/div>\r\n        <form class=\"iqra-form\" id=\"iqra-booking-form\">\r\n          <div class=\"iqra-form-grid\">\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"booking-name\">Name (\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae)<\/label>\r\n              <input class=\"iqra-input\" type=\"text\" id=\"booking-name\" required placeholder=\"Enter your name\">\r\n            <\/div>\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"booking-address\">Address (\u09a0\u09bf\u0995\u09be\u09a8\u09be)<\/label>\r\n              <input class=\"iqra-input\" type=\"text\" id=\"booking-address\" required placeholder=\"e.g. Mugda, Dhaka\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"iqra-form-grid\">\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"booking-whatsapp\">WhatsApp Number (\u09a8\u09ae\u09cd\u09ac\u09b0)<\/label>\r\n              <input class=\"iqra-input\" type=\"tel\" id=\"booking-whatsapp\" required placeholder=\"e.g. 01712345678\">\r\n            <\/div>\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"booking-program\">Choose Program (\u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae)<\/label>\r\n              <div class=\"select-wrapper\">\r\n                <select class=\"iqra-select\" id=\"booking-program\" required>\r\n                  <option value=\"\">Select a Program...<\/option>\r\n                  <option value=\"\u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7\">\u09e7. \u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7<\/option>\r\n                  <option value=\"\u0989\u099a\u09cd\u099a\u09a4\u09b0 \u09a4\u09be\u099c\u09ac\u09c0\u09a6\">\u09e8. \u0989\u099a\u09cd\u099a\u09a4\u09b0 \u09a4\u09be\u099c\u09ac\u09c0\u09a6<\/option>\r\n                  <option value=\"\u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\">\u09e9. \u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be<\/option>\r\n                  <option value=\"\u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\">\u09ea. \u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be<\/option>\r\n                  <option value=\"\u09ab\u09b0\u099c\u09c7 \u0986\u0987\u09a8\">\u09eb. \u09ab\u09b0\u099c\u09c7 \u0986\u0987\u09a8<\/option>\r\n                  <option value=\"\u0987\u0982\u09b2\u09bf\u09b6 \u09b8\u09cd\u09aa\u09cb\u0995\u09c7\u09a8\">\u09ec. \u0987\u0982\u09b2\u09bf\u09b6 \u09b8\u09cd\u09aa\u09cb\u0995\u09c7\u09a8<\/option>\r\n                  <option value=\"\u098f\u09ac\u09be\u0995\u09be\u09b8\">\u09ed. \u098f\u09ac\u09be\u0995\u09be\u09b8<\/option>\r\n                <\/select>\r\n                <svg class=\"select-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <button class=\"iqra-btn-submit\" type=\"submit\">\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n            Submit \/ \u09ac\u09c1\u0995 \u0995\u09b0\u09c1\u09a8\r\n          <\/button>\r\n        <\/form>\r\n      <\/div>\r\n      <div class=\"iqra-trial-right\">\r\n        <img decoding=\"async\" class=\"iqra-trial-img\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?q=80&w=600&auto=format&fit=crop\" alt=\"Class in session\" referrerpolicy=\"no-referrer\" title=\"Home\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Smooth scroll for Enroll buttons\r\n    function scrollToTrial() {\r\n      const trialSection = document.getElementById('book-trial-container');\r\n      if (trialSection) {\r\n        trialSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n      }\r\n    }\r\n\r\n    (function() {\r\n      \/\/ Dynamic Slider Engine Generator\r\n      function initSlider(sliderId, dotsId) {\r\n        var slider = document.getElementById(sliderId);\r\n        var dotsContainer = document.getElementById(dotsId);\r\n        if (!slider || !dotsContainer) return;\r\n\r\n        var cards = slider.querySelectorAll('.iqra-card');\r\n        if (cards.length === 0) return;\r\n\r\n        \/\/ Render Dots\r\n        dotsContainer.innerHTML = '';\r\n        cards.forEach(function(_, idx) {\r\n          var dot = document.createElement('button');\r\n          dot.className = 'iqra-dot' + (idx === 0 ? ' active' : '');\r\n          dot.setAttribute('aria-label', 'Go to slide ' + (idx + 1));\r\n          dot.addEventListener('click', function() {\r\n            var targetCard = cards[idx];\r\n            slider.scrollTo({ left: targetCard.offsetLeft - slider.offsetLeft, behavior: 'smooth' });\r\n          });\r\n          dotsContainer.appendChild(dot);\r\n        });\r\n\r\n        \/\/ Sync Dots on Scroll\r\n        slider.addEventListener('scroll', function() {\r\n          var scrollLeft = slider.scrollLeft;\r\n          var cardWidth = cards[0].offsetWidth + 20; \/\/ width + gap\r\n          if (cardWidth > 0) {\r\n            var index = Math.round(scrollLeft \/ cardWidth);\r\n            var dots = dotsContainer.querySelectorAll('.iqra-dot');\r\n            dots.forEach(function(dot, idx) {\r\n              if (idx === index) dot.classList.add('active');\r\n              else dot.classList.remove('active');\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      function initServices() {\r\n        \/\/ Init both sliders (Desktop & Mobile)\r\n        initSlider('courses-carousel', 'courses-dots');\r\n        initSlider('teachers-carousel', 'teachers-dots');\r\n\r\n        \/\/ Form Submit Handler\r\n        var bookingForm = document.getElementById('iqra-booking-form');\r\n        if (bookingForm) {\r\n          bookingForm.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            var name = document.getElementById('booking-name').value;\r\n            var address = document.getElementById('booking-address').value;\r\n            var whatsapp = document.getElementById('booking-whatsapp').value;\r\n            var program = document.getElementById('booking-program').value;\r\n            \r\n            var defaultMsg = \"Assalamu Alaikum, I would like to book a trial class at Iqra Institute. Here are my details:\\n- Name: \" + name + \"\\n- Address: \" + address + \"\\n- WhatsApp Number: \" + whatsapp + \"\\n- Preferred Program: \" + program;\r\n            var encodedMsg = encodeURIComponent(defaultMsg);\r\n            var whatsappUrl = \"https:\/\/wa.me\/8801617281296?text=\" + encodedMsg;\r\n            window.open(whatsappUrl, '_blank');\r\n          });\r\n        }\r\n      }\r\n\r\n      if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initServices);\r\n      } else {\r\n        initServices();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/div>\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-67b26df e-flex e-con-boxed e-con e-parent\" data-id=\"67b26df\" 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-1910fc1 elementor-widget elementor-widget-html\" data-id=\"1910fc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts (Bengali & English Support) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Tailwind CSS CDN for utility structure -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- Elementor Protection CSS and Full-Width Stretch Protection -->\r\n<style>\r\n  \/* Force Full Viewport Width to remove white side gaps in Elementor *\/\r\n  .iqra-about-wrapper {\r\n    background-color: #daf5ef !important;\r\n    width: 100vw !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    color: #0d5c50 !important;\r\n    overflow-x: hidden !important;\r\n    padding-top: 4rem !important;\r\n    padding-bottom: 4rem !important;\r\n    display: block !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  \r\n  .iqra-about-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Apply Bengali font rules explicitly *\/\r\n  .iqra-about-wrapper .font-bengali {\r\n    font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif !important;\r\n  }\r\n\r\n  \/* Specific overriding variables to beat Elementor globals *\/\r\n  .iqra-about-wrapper h2, \r\n  .iqra-about-wrapper h3, \r\n  .iqra-about-wrapper h4, \r\n  .iqra-about-wrapper p, \r\n  .iqra-about-wrapper span {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    letter-spacing: normal !important;\r\n    text-transform: none !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  .iqra-about-wrapper .text-primary-teal {\r\n    color: #0d5c50 !important;\r\n  }\r\n  \r\n  .iqra-about-wrapper .text-accent-gold {\r\n    color: #b4802c !important;\r\n  }\r\n\r\n  .iqra-about-wrapper .bg-accent-gold {\r\n    background-color: #b4802c !important;\r\n  }\r\n\r\n  .iqra-about-wrapper .border-accent-gold {\r\n    border-color: #b4802c !important;\r\n  }\r\n\r\n  \/* Hover Card Transitions *\/\r\n  .iqra-about-wrapper .feature-card {\r\n    background-color: #ffffff !important;\r\n    border-left: 4px solid #b4802c !important;\r\n    border-top: 1px solid rgba(13, 92, 80, 0.15) !important;\r\n    border-right: 1px solid rgba(13, 92, 80, 0.15) !important;\r\n    border-bottom: 1px solid rgba(13, 92, 80, 0.15) !important;\r\n    transition: all 0.3s ease-in-out !important;\r\n    border-radius: 12px !important;\r\n  }\r\n\r\n  .iqra-about-wrapper .feature-card:hover {\r\n    border-left-color: #0d5c50 !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 10px 15px -3px rgba(13, 92, 80, 0.08) !important;\r\n  }\r\n\r\n  .iqra-about-wrapper .mission-card {\r\n    background-color: #ffffff !important;\r\n    border: 1px solid rgba(13, 92, 80, 0.15) !important;\r\n    box-shadow: 0 10px 25px -5px rgba(13, 92, 80, 0.05) !important;\r\n    border-radius: 16px !important;\r\n  }\r\n\r\n  \/* Decorative rotating spark animation *\/\r\n  @keyframes spin-slow {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n  .iqra-about-wrapper .spark-icon {\r\n    animation: spin-slow 8s linear infinite !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Outermost Full-Width Background Container -->\r\n<div class=\"iqra-about-wrapper\" id=\"about\">\r\n  \r\n  <!-- Centered Content Wrapper (Constrained to max-w-1400px) -->\r\n  <div class=\"max-w-[1400px] mx-auto px-4 sm:px-6 md:px-12\">\r\n    \r\n    <!-- Section Title & Badge -->\r\n    <div class=\"max-w-3xl mb-8 space-y-2\">\r\n      <span class=\"text-xs md:text-sm font-bold uppercase tracking-widest text-accent-gold flex items-center gap-2\">\r\n        <!-- SVG Spark Icon -->\r\n        <svg class=\"w-4 h-4 spark-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m0-12.728l.707.707m11.32 11.32l.707.707M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z\"\/>\r\n        <\/svg>\r\n        About the Academy\r\n      <\/span>\r\n      <h2 class=\"font-bengali text-2xl md:text-3xl font-extrabold text-primary-teal\">\r\n        \u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf\r\n      <\/h2>\r\n      <div class=\"h-1 w-20 bg-accent-gold rounded\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Responsive Layout Grid -->\r\n    <div class=\"grid lg:grid-cols-12 gap-8 items-start\">\r\n      \r\n      <!-- Left Column: 2x2 Grid Highlighting 4 Core Features -->\r\n      <div class=\"lg:col-span-6 grid sm:grid-cols-2 gap-4 order-2 lg:order-1\">\r\n        \r\n        <!-- Feature Card 1 -->\r\n        <div class=\"feature-card p-5 flex flex-col justify-between\">\r\n          <div class=\"space-y-2\">\r\n            <h3 class=\"font-bengali text-base sm:text-lg font-bold text-primary-teal leading-snug\">\r\n              \u09e7. \u0993\u09af\u09bc\u09be\u09a8-\u099f\u09c1-\u0993\u09af\u09bc\u09be\u09a8 \u09ac\u09bf\u09b6\u09c7\u09b7 \u0995\u09cd\u09b2\u09be\u09b8\r\n            <\/h3>\r\n            <p class=\"font-bengali text-xs sm:text-sm text-[#4a5568] leading-relaxed font-light\">\r\n              \u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4 \u09a4\u09a4\u09cd\u09a4\u09cd\u09ac\u09be\u09ac\u09a7\u09be\u09a8\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09b0 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u0995\u09cd\u09b2\u09be\u09b8\u09c7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be\u0964\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature Card 2 -->\r\n        <div class=\"feature-card p-5 flex flex-col justify-between\">\r\n          <div class=\"space-y-2\">\r\n            <h3 class=\"font-bengali text-base sm:text-lg font-bold text-primary-teal leading-snug\">\r\n              \u09e8. \u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7\r\n            <\/h3>\r\n            <p class=\"font-bengali text-xs sm:text-sm text-[#4a5568] leading-relaxed font-light\">\r\n              \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09a4\u09c1\u09b2 \u09ae\u09be\u09a6\u09c0\u09a8\u09be\u09b0 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09a6\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7\u09c7\u09b0 \u09ae\u09be\u09a8\u09b8\u09ae\u09cd\u09ae\u09a4 \u09a6\u09be\u09b0\u09b8 \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature Card 3 -->\r\n        <div class=\"feature-card p-5 flex flex-col justify-between\">\r\n          <div class=\"space-y-2\">\r\n            <h3 class=\"font-bengali text-base sm:text-lg font-bold text-primary-teal leading-snug\">\r\n              \u09e9. \u0986\u09a8\u09cd\u09a4\u09b0\u09cd\u099c\u09be\u09a4\u09bf\u0995 \u09ae\u09be\u09a8\u09c7\u09b0 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\r\n            <\/h3>\r\n            <p class=\"font-bengali text-xs sm:text-sm text-[#4a5568] leading-relaxed font-light\">\r\n              \u09a6\u0995\u09cd\u09b7, \u0985\u09ad\u09bf\u099c\u09cd\u099e \u0993 \u09af\u09cb\u0997\u09cd\u09af \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09a6\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0993 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\u09a4\u09c7 \u09aa\u09be\u09a0\u09a6\u09be\u09a8\u0964\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Feature Card 4 -->\r\n        <div class=\"feature-card p-5 flex flex-col justify-between\">\r\n          <div class=\"space-y-2\">\r\n            <h3 class=\"font-bengali text-base sm:text-lg font-bold text-primary-teal leading-snug\">\r\n              \u09ea. \u09ae\u09c7\u09af\u09bc\u09c7\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09bf\u09b6\u09c7\u09b7 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be\r\n            <\/h3>\r\n            <p class=\"font-bengali text-xs sm:text-sm text-[#4a5568] leading-relaxed font-light\">\r\n              \u09a8\u09be\u09b0\u09c0 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09a6\u09c7\u09b0 \u09a4\u09a4\u09cd\u09a4\u09cd\u09ac\u09be\u09ac\u09a7\u09be\u09a8\u09c7 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6, \u09b8\u09cd\u09ac\u09be\u099a\u09cd\u099b\u09a8\u09cd\u09a6\u09cd\u09af\u09aa\u09c2\u09b0\u09cd\u09a3 \u0993 \u09aa\u09c3\u09a5\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6\u0964\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right Column: Description Paragraph block in Bengali with Authority Stamp -->\r\n      <div class=\"lg:col-span-6 mission-card p-6 sm:p-8 space-y-5 order-1 lg:order-2\">\r\n        \r\n        <div class=\"space-y-1\">\r\n          <span class=\"text-xs font-bold uppercase tracking-widest text-accent-gold block\">\r\n            Our Mission \/ \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ae\u09bf\u09b6\u09a8\r\n          <\/span>\r\n          <div class=\"h-[1px] w-12 bg-accent-gold\/40\"><\/div>\r\n        <\/div>\r\n\r\n        <p class=\"font-bengali text-sm sm:text-base text-primary-teal leading-relaxed font-light text-justify\">\r\n          \u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f \u09e8\u09e6\u09e8\u09ea \u09b8\u09be\u09b2\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09bf\u09a4 \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0986\u09b0\u09ac\u09bf \u09ad\u09be\u09b7\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u0964 \u09b8\u09a0\u09bf\u0995 \u09b8\u09bf\u09b2\u09c7\u09ac\u09be\u09b8, \u09b8\u09b9\u099c \u09aa\u09be\u09a0\u09a6\u09be\u09a8 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u098f\u09ac\u0982 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09a6\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0985\u09b2\u09cd\u09aa \u09b8\u09ae\u09af\u09bc\u09c7 \u09b6\u09bf\u09b6\u09c1, \u0995\u09bf\u09b6\u09cb\u09b0 \u0993 \u09aa\u09cd\u09b0\u09be\u09aa\u09cd\u09a4\u09ac\u09af\u09bc\u09b8\u09cd\u0995\u09a6\u09c7\u09b0 \u0995\u09c1\u09b0\u0986\u09a8\u09bf\u0995 \u0993 \u098f\u0995\u09be\u09a1\u09c7\u09ae\u09bf\u0995 \u0986\u09b0\u09ac\u09bf \u09ad\u09be\u09b7\u09be\u09af\u09bc \u09a6\u0995\u09cd\u09b7 \u0995\u09b0\u09c7 \u09a4\u09cb\u09b2\u09be\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964 \u0995\u09c1\u09b0\u0986\u09a8 \u09ac\u09cb\u099d\u09be, \u0986\u09b0\u09ac\u09bf \u09ad\u09be\u09b7\u09be\u09af\u09bc \u09a6\u0995\u09cd\u09b7\u09a4\u09be \u0985\u09b0\u09cd\u099c\u09a8 \u098f\u09ac\u0982 \u09ae\u09be\u09a8\u09b8\u09ae\u09cd\u09ae\u09a4 \u0987\u09b8\u09b2\u09be\u09ae\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09a4\u09c7 \u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u0993 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b8\u09c7\u09ac\u09be \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09c7 \u09af\u09be\u099a\u09cd\u099b\u09c7\u0964\r\n        <\/p>\r\n\r\n        <!-- Registrar Authority Stamp Segment -->\r\n        <div class=\"border-t border-teal-light\/40 pt-5 flex items-center gap-4\">\r\n          \r\n          <!-- Custom Stamp Monogram Icon -->\r\n          <div class=\"relative w-11 h-11 bg-[#0d5c50]\/5 border border-[#b4802c] flex items-center justify-center shrink-0 rounded-xl\">\r\n            <span class=\"font-serif font-bold text-accent-gold text-sm tracking-tighter\">IQ<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"flex flex-col\">\r\n            <p class=\"text-[10px] md:text-xs font-bold text-primary-teal uppercase tracking-widest leading-none\">\r\n              Registrar Registry Division\r\n            <\/p>\r\n            <p class=\"text-[9px] md:text-[10px] text-accent-gold font-semibold tracking-wider mt-1 leading-none\">\r\n              EST. 2024 \u2022 Dhaka, Bangladesh\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\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-0293e7f e-flex e-con-boxed e-con e-parent\" data-id=\"0293e7f\" 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-12d4ebd elementor-widget elementor-widget-html\" data-id=\"12d4ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tailwind CSS CDN -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\">\r\n\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Full Viewport Centering Structure *\/\r\n  .iqra-testimonials-wrapper {\r\n    background-color: #daf5ef !important;\r\n    width: 100vw !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    font-family: 'Plus Jakarta Sans', 'Hind Siliguri', sans-serif !important;\r\n    padding: 60px 0 !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n    display: block !important;\r\n  }\r\n  \r\n  .iqra-testimonials-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .iqra-bengali {\r\n    font-family: 'Hind Siliguri', sans-serif !important;\r\n  }\r\n\r\n  \/* Card Styling *\/\r\n  .iqra-testimonial-card {\r\n    background-color: #ffffff !important;\r\n    border: 1px solid #a3e3d9 !important;\r\n    border-radius: 16px !important;\r\n    padding: 24px !important;\r\n    transition: all 0.3s ease-in-out !important;\r\n    box-shadow: 0 4px 6px -1px rgba(13, 92, 83, 0.05) !important;\r\n  }\r\n\r\n  .iqra-testimonial-card:hover {\r\n    border-color: #b4802c !important;\r\n    transform: translateY(-4px) !important;\r\n    box-shadow: 0 10px 15px -3px rgba(13, 92, 83, 0.1) !important;\r\n  }\r\n\r\n  .quote-icon {\r\n    color: rgba(180, 128, 44, 0.15) !important;\r\n  }\r\n\r\n  \/* SMOOTH HORIZONTAL SLIDER FOR MOBILE *\/\r\n  .iqra-mobile-slider-viewport {\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    padding: 10px 0 !important;\r\n  }\r\n\r\n  .iqra-slider-track {\r\n    display: flex !important;\r\n    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  .iqra-mobile-slide-item {\r\n    min-width: 100% !important;\r\n    width: 100% !important;\r\n    flex-shrink: 0 !important;\r\n    padding-right: 4px !important;\r\n  }\r\n\r\n  \/* Slider Dots Styles *\/\r\n  .iqra-dot {\r\n    height: 8px !important;\r\n    width: 8px !important;\r\n    border-radius: 9999px !important;\r\n    background-color: rgba(163, 227, 217, 0.6) !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n  }\r\n\r\n  .iqra-dot.active {\r\n    width: 24px !important;\r\n    background-color: #b4802c !important;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"iqra-testimonials-wrapper\" id=\"activities\">\r\n  <div class=\"max-w-[1240px] mx-auto px-4 sm:px-6 md:px-12\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"text-center max-w-2xl mx-auto mb-10\">\r\n      <span class=\"text-xs font-bold uppercase tracking-widest flex items-center justify-center gap-1.5\" style=\"color: #b4802c; letter-spacing: 0.1em; font-size: 11px; margin-bottom: 8px;\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"animate-pulse\" style=\"margin-right: 4px;\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275Z\"\/><path d=\"m5 3 1 2.5L8.5 6 6 7 5 9.5 4 7 1.5 6 4 5.5Z\"\/><path d=\"m19 17 1 2.5 2.5.5-2.5 1-1 2.5-1-2.5-2.5-1 2.5-1Z\"\/><\/svg>\r\n        Academic Testimonials\r\n      <\/span>\r\n      <h2 class=\"text-2xl md:text-3xl font-extrabold uppercase tracking-tight\" style=\"color: #0d5c53; font-size: 26px; font-weight: 800; margin-bottom: 12px;\">\r\n        The Voice of Our Students\r\n      <\/h2>\r\n      <div style=\"height: 4px; width: 80px; background-color: #b4802c; margin: 12px auto; border-radius: 9999px;\"><\/div>\r\n      <p class=\"text-xs font-light\" style=\"color: #64748b; font-size: 13px; line-height: 1.6;\">\r\n        Real feedback from our dedicated students and parents regarding their language and Tajweed progress.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Mobile Testimonial Slider (Visible on Mobile only) -->\r\n    <div class=\"block md:hidden\">\r\n      <div class=\"iqra-mobile-slider-viewport\" id=\"iqra-touch-viewport\">\r\n        <div class=\"iqra-slider-track\" id=\"iqra-slide-track\">\r\n          \r\n          <!-- Slide 1 (Mahadi) -->\r\n          <div class=\"iqra-mobile-slide-item\">\r\n            <div class=\"iqra-testimonial-card flex flex-col justify-between relative min-h-[250px]\">\r\n              <span class=\"absolute top-4 right-4 quote-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n              <\/span>\r\n              <div class=\"space-y-3\">\r\n                <div class=\"flex items-center gap-0.5\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                <\/div>\r\n                <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n                  &ldquo;\u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f\u09c7\u09b0 \u0993\u09af\u09bc\u09be\u09a8-\u099f\u09c1-\u0993\u09af\u09bc\u09be\u09a8 \u0995\u09cd\u09b2\u09be\u09b8 \u0986\u09ae\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09a6\u09be\u09b0\u09c1\u09a3 \u0989\u09aa\u0995\u09be\u09b0\u09c0 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u09b8\u09a0\u09bf\u0995 \u09a4\u09be\u099c\u09ac\u09c0\u09a6 \u09b6\u09c7\u0996\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09ae\u09be\u09b0 \u0995\u09c1\u09b0\u0986\u09a8 \u09a4\u09bf\u09b2\u09be\u0993\u09af\u09bc\u09be\u09a4\u09c7\u09b0 \u09ae\u09be\u09a8 \u0985\u09a8\u09c7\u0995 \u0989\u09a8\u09cd\u09a8\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09a6\u09c7\u09b0 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995\u09a4\u09be \u09b8\u09a4\u09cd\u09af\u09bf\u0987 \u09aa\u09cd\u09b0\u09b6\u0982\u09b8\u09a8\u09c0\u09af\u09bc\u0964&rdquo;\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"flex items-center gap-3 mt-4 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n                <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #0d5c53; background-color: rgba(13,92,83,0.05); padding: 6px; border: 1px solid rgba(13,92,83,0.2);\">\r\n                  <circle cx=\"50\" cy=\"35\" r=\"18\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n                  <path d=\"M20,80 C20,62 33,58 50,58 C67,58 80,62 80,80 C80,80 80,82 80,84 C80,84 20,84 20,84\" fill=\"currentColor\" \/>\r\n                <\/svg>\r\n                <div>\r\n                  <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u09ae\u09be\u09b9\u09be\u09a6\u09bf \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\r\n                  <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 2 (Nusrat) -->\r\n          <div class=\"iqra-mobile-slide-item\">\r\n            <div class=\"iqra-testimonial-card flex flex-col justify-between relative min-h-[250px]\">\r\n              <span class=\"absolute top-4 right-4 quote-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n              <\/span>\r\n              <div class=\"space-y-3\">\r\n                <div class=\"flex items-center gap-0.5\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                <\/div>\r\n                <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n                  &ldquo;\u09a8\u09be\u09b0\u09c0 \u0989\u09b8\u09cd\u09a4\u09be\u09a6\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09a4\u09a4\u09cd\u09a4\u09cd\u09ac\u09be\u09ac\u09a7\u09be\u09a8\u09c7 \u0996\u09c1\u09ac \u09b8\u09b9\u099c \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\u09a4\u09c7 \u0986\u09b0\u09ac\u09bf \u09ad\u09be\u09b7\u09be \u09b6\u09bf\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u099b\u09bf\u0964 \u09aa\u09b0\u09cd\u09a6\u09be \u09b0\u0995\u09cd\u09b7\u09be \u0995\u09b0\u09c7 \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09cd\u09ac\u09be\u099a\u09cd\u099b\u09a8\u09cd\u09a6\u09cd\u09af\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6\u09c7 \u0995\u09cd\u09b2\u09be\u09b8\u09c7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0987\u0995\u09b0\u09be\u0995\u09c7 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6\u0964&rdquo;\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"flex items-center gap-3 mt-4 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n                <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #b4802c; background-color: rgba(180,128,44,0.05); padding: 6px; border: 1px solid rgba(180,128,44,0.2);\">\r\n                  <path d=\"M50,15 C32,15 28,32 28,48 C28,58 32,70 38,78 C32,80 22,81 18,85 L82,85 C78,81 68,80 62,78 C68,70 72,58 72,48 C72,32 68,15 50,15 Z\" fill=\"currentColor\" opacity=\"0.3\" \/>\r\n                  <path d=\"M50,18 C35,18 32,32 32,48 C32,60 36,72 42,78 C44,80 46,82 50,82 C54,82 56,80 58,78 C64,72 68,60 68,48 C68,32 65,18 50,18 Z\" fill=\"currentColor\" \/>\r\n                  <ellipse cx=\"50\" cy=\"46\" rx=\"13\" ry=\"18\" fill=\"#daf5ef\" \/>\r\n                  <path d=\"M30,80 C30,75 40,74 50,74 C60,74 70,75 70,80 L70,85 L30,85 Z\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n                <\/svg>\r\n                <div>\r\n                  <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u09a8\u09c1\u09b8\u09b0\u09be\u09a4 \u09a4\u09be\u09ae\u09be\u09a8\u09cd\u09a8\u09be<\/h4>\r\n                  <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u0989\u099a\u09cd\u099a\u09a4\u09b0 \u09a4\u09be\u099c\u09ac\u09c0\u09a6 \u099b\u09be\u09a4\u09cd\u09b0\u09c0<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 3 (Zahid) -->\r\n          <div class=\"iqra-mobile-slide-item\">\r\n            <div class=\"iqra-testimonial-card flex flex-col justify-between relative min-h-[250px]\">\r\n              <span class=\"absolute top-4 right-4 quote-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n              <\/span>\r\n              <div class=\"space-y-3\">\r\n                <div class=\"flex items-center gap-0.5\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                <\/div>\r\n                <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n                  &ldquo;\u099c\u09c7\u09a8\u09be\u09b0\u09c7\u09b2 \u09b2\u09be\u0987\u09a8\u09c7\u09b0 \u099b\u09be\u09a4\u09cd\u09b0 \u09b9\u09af\u09bc\u09c7\u0993 \u0986\u09ae\u09bf \u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7\u09c7 \u09ad\u09b0\u09cd\u09a4\u09bf \u09b9\u09af\u09bc\u09c7\u099b\u09bf\u0964 \u09a4\u09be\u09a6\u09c7\u09b0 \u09b8\u09bf\u09b2\u09c7\u09ac\u09be\u09b8 \u098f\u09ac\u0982 \u09b8\u09b9\u099c \u09aa\u09be\u09a0\u09a6\u09be\u09a8 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u0993 \u0989\u09aa\u09af\u09cb\u0997\u09c0\u0964&rdquo;\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"flex items-center gap-3 mt-4 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n                <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #0d5c53; background-color: rgba(13,92,83,0.05); padding: 6px; border: 1px solid rgba(13,92,83,0.2);\">\r\n                  <circle cx=\"50\" cy=\"35\" r=\"18\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n                  <path d=\"M20,80 C20,62 33,58 50,58 C67,58 80,62 80,80 C80,80 80,82 80,84 C80,84 20,84 20,84\" fill=\"currentColor\" \/>\r\n                <\/svg>\r\n                <div>\r\n                  <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u099c\u09be\u09b9\u09bf\u09a6 \u099c\u09be\u09b9\u09c0\u09a8<\/h4>\r\n                  <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Slide 4 (Maimuna) -->\r\n          <div class=\"iqra-mobile-slide-item\">\r\n            <div class=\"iqra-testimonial-card flex flex-col justify-between relative min-h-[250px]\">\r\n              <span class=\"absolute top-4 right-4 quote-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n              <\/span>\r\n              <div class=\"space-y-3\">\r\n                <div class=\"flex items-center gap-0.5\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n                <\/div>\r\n                <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n                  &ldquo;\u0986\u09ae\u09be\u09b0 \u09b8\u09a8\u09cd\u09a4\u09be\u09a8 \u098f\u0996\u09be\u09a8\u09c7 \u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09af\u09bc \u09ad\u09b0\u09cd\u09a4\u09bf \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09af\u09a4\u09cd\u09a8 \u09b8\u09b9\u0995\u09be\u09b0\u09c7 \u098f\u09ac\u0982 \u09b8\u09cd\u09a8\u09c7\u09b9\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u099a\u09b0\u09a3\u09c7 \u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964 \u0986\u09ae\u09bf \u09a4\u09be\u09a6\u09c7\u09b0 \u09b8\u09c7\u09ac\u09be\u09af\u09bc \u0993 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995\u09a4\u09be\u09af\u09bc \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u0964&rdquo;\r\n                <\/p>\r\n              <\/div>\r\n              <div class=\"flex items-center gap-3 mt-4 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n                <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #b4802c; background-color: rgba(180,128,44,0.05); padding: 6px; border: 1px solid rgba(180,128,44,0.2);\">\r\n                  <path d=\"M50,15 C32,15 28,32 28,48 C28,58 32,70 38,78 C32,80 22,81 18,85 L82,85 C78,81 68,80 62,78 C68,70 72,58 72,48 C72,32 68,15 50,15 Z\" fill=\"currentColor\" opacity=\"0.3\" \/>\r\n                  <path d=\"M50,18 C35,18 32,32 32,48 C32,60 36,72 42,78 C44,80 46,82 50,82 C54,82 56,80 58,78 C64,72 68,60 68,48 C68,32 65,18 50,18 Z\" fill=\"currentColor\" \/>\r\n                  <ellipse cx=\"50\" cy=\"46\" rx=\"13\" ry=\"18\" fill=\"#daf5ef\" \/>\r\n                  <path d=\"M30,80 C30,75 40,74 50,74 C60,74 70,75 70,80 L70,85 L30,85 Z\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n                <\/svg>\r\n                <div>\r\n                  <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u09ae\u09be\u0987\u09ae\u09c1\u09a8\u09be \u0986\u0995\u09cd\u09a4\u09be\u09b0<\/h4>\r\n                  <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0985\u09ad\u09bf\u09ad\u09be\u09ac\u0995<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Pagination dots -->\r\n      <div class=\"flex justify-center gap-2 mt-4\">\r\n        <button onclick=\"goToSlide(0)\" class=\"iqra-dot active\"><\/button>\r\n        <button onclick=\"goToSlide(1)\" class=\"iqra-dot\"><\/button>\r\n        <button onclick=\"goToSlide(2)\" class=\"iqra-dot\"><\/button>\r\n        <button onclick=\"goToSlide(3)\" class=\"iqra-dot\"><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Desktop Grid Layout -->\r\n    <div class=\"hidden md:grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n      \r\n      <!-- Student 1 -->\r\n      <div class=\"iqra-testimonial-card flex flex-col justify-between relative\">\r\n        <span class=\"absolute top-4 right-4 quote-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"space-y-3\">\r\n          <div class=\"flex items-center gap-0.5\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n            &ldquo;\u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f\u09c7\u09b0 \u0993\u09af\u09bc\u09be\u09a8-\u099f\u09c1-\u0993\u09af\u09bc\u09be\u09a8 \u0995\u09cd\u09b2\u09be\u09b8 \u0986\u09ae\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09a6\u09be\u09b0\u09c1\u09a3 \u0989\u09aa\u0995\u09be\u09b0\u09c0 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u09b8\u09a0\u09bf\u0995 \u09a4\u09be\u099c\u09ac\u09c0\u09a6 \u09b6\u09c7\u0996\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09ae\u09be\u09b0 \u0995\u09c1\u09b0\u0986\u09a8 \u09a4\u09bf\u09b2\u09be\u0993\u09af\u09bc\u09be\u09a4\u09c7\u09b0 \u09ae\u09be\u09a8 \u0985\u09a8\u09c7\u0995 \u0989\u09a8\u09cd\u09a8\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09a6\u09c7\u09b0 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995\u09a4\u09be \u09b8\u09a4\u09cd\u09af\u09bf\u0987 \u09aa\u09cd\u09b0\u09b6\u0982\u09b8\u09a8\u09c0\u09af\u09bc\u0964&rdquo;\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-3 mt-5 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n          <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #0d5c53; background-color: rgba(13,92,83,0.05); padding: 6px; border: 1px solid rgba(13,92,83,0.2);\">\r\n            <circle cx=\"50\" cy=\"35\" r=\"18\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n            <path d=\"M20,80 C20,62 33,58 50,58 C67,58 80,62 80,80 C80,80 80,82 80,84 C80,84 20,84 20,84\" fill=\"currentColor\" \/>\r\n          <\/svg>\r\n          <div>\r\n            <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u09ae\u09be\u09b9\u09be\u09a6\u09bf \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\r\n            <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Student 2 -->\r\n      <div class=\"iqra-testimonial-card flex flex-col justify-between relative\">\r\n        <span class=\"absolute top-4 right-4 quote-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"space-y-3\">\r\n          <div class=\"flex items-center gap-0.5\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n            &ldquo;\u09a8\u09be\u09b0\u09c0 \u0989\u09b8\u09cd\u09a4\u09be\u09a6\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7 \u09a4\u09a4\u09cd\u09a4\u09cd\u09ac\u09be\u09ac\u09a7\u09be\u09a8\u09c7 \u0996\u09c1\u09ac \u09b8\u09b9\u099c \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\u09a4\u09c7 \u0986\u09b0\u09ac\u09bf \u09ad\u09be\u09b7\u09be \u09b6\u09bf\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u099b\u09bf\u0964 \u09aa\u09b0\u09cd\u09a6\u09be \u09b0\u0995\u09cd\u09b7\u09be \u0995\u09b0\u09c7 \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09cd\u09ac\u09be\u099a\u09cd\u099b\u09a8\u09cd\u09a6\u09cd\u09af\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6\u09c7 \u0995\u09cd\u09b2\u09be\u09b8\u09c7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0987\u0995\u09b0\u09be\u0995\u09c7 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6\u0964&rdquo;\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-3 mt-5 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n          <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #b4802c; background-color: rgba(180,128,44,0.05); padding: 6px; border: 1px solid rgba(180,128,44,0.2);\">\r\n            <path d=\"M50,15 C32,15 28,32 28,48 C28,58 32,70 38,78 C32,80 22,81 18,85 L82,85 C78,81 68,80 62,78 C68,70 72,58 72,48 C72,32 68,15 50,15 Z\" fill=\"currentColor\" opacity=\"0.3\" \/>\r\n            <path d=\"M50,18 C35,18 32,32 32,48 C32,60 36,72 42,78 C44,80 46,82 50,82 C54,82 56,80 58,78 C64,72 68,60 68,48 C68,32 65,18 50,18 Z\" fill=\"currentColor\" \/>\r\n            <ellipse cx=\"50\" cy=\"46\" rx=\"13\" ry=\"18\" fill=\"#daf5ef\" \/>\r\n            <path d=\"M30,80 C30,75 40,74 50,74 C60,74 70,75 70,80 L70,85 L30,85 Z\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n          <\/svg>\r\n          <div>\r\n            <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u09a8\u09c1\u09b8\u09b0\u09be\u09a4 \u09a4\u09be\u09ae\u09be\u09a8\u09cd\u09a8\u09be<\/h4>\r\n            <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u0989\u099a\u09cd\u099a\u09a4\u09b0 \u09a4\u09be\u099c\u09ac\u09c0\u09a6 \u099b\u09be\u09a4\u09cd\u09b0\u09c0<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Student 3 -->\r\n      <div class=\"iqra-testimonial-card flex flex-col justify-between relative\">\r\n        <span class=\"absolute top-4 right-4 quote-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"space-y-3\">\r\n          <div class=\"flex items-center gap-0.5\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n            &ldquo;\u099c\u09c7\u09a8\u09be\u09b0\u09c7\u09b2 \u09b2\u09be\u0987\u09a8\u09c7\u09b0 \u099b\u09be\u09a4\u09cd\u09b0 \u09b9\u09af\u09bc\u09c7\u0993 \u0986\u09ae\u09bf \u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7\u09c7 \u09ad\u09b0\u09cd\u09a4\u09bf \u09b9\u09af\u09bc\u09c7\u099b\u09bf\u0964 \u09a4\u09be\u09a6\u09c7\u09b0 \u09b8\u09bf\u09b2\u09c7\u09ac\u09be\u09b8 \u098f\u09ac\u0982 \u09b8\u09b9\u099c \u09aa\u09be\u09a0\u09a6\u09be\u09a8 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u0993 \u0989\u09aa\u09af\u09cb\u0997\u09c0\u0964&rdquo;\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-3 mt-5 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n          <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #0d5c53; background-color: rgba(13,92,83,0.05); padding: 6px; border: 1px solid rgba(13,92,83,0.2);\">\r\n            <circle cx=\"50\" cy=\"35\" r=\"18\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n            <path d=\"M20,80 C20,62 33,58 50,58 C67,58 80,62 80,80 C80,80 80,82 80,84 C80,84 20,84 20,84\" fill=\"currentColor\" \/>\r\n          <\/svg>\r\n          <div>\r\n            <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u099c\u09be\u09b9\u09bf\u09a6 \u099c\u09be\u09b9\u09c0\u09a8<\/h4>\r\n            <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Student 4 -->\r\n      <div class=\"iqra-testimonial-card flex flex-col justify-between relative\">\r\n        <span class=\"absolute top-4 right-4 quote-icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M4 8a2 2 0 1 1 2 2 2 2 0 1 0-2-2Z\"\/><path d=\"M11.5 12.5 C11.5 16 10 19 8 20\"\/><path d=\"M23.5 12.5 C23.5 16 22 19 20 20\"\/><\/svg>\r\n        <\/span>\r\n        <div class=\"space-y-3\">\r\n          <div class=\"flex items-center gap-0.5\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#b4802c\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          <\/div>\r\n          <p class=\"iqra-bengali text-sm font-light text-justify\" style=\"color: #0d5c53; line-height: 1.6; font-size: 14px;\">\r\n            &ldquo;\u0986\u09ae\u09be\u09b0 \u09b8\u09a8\u09cd\u09a4\u09be\u09a8 \u098f\u0996\u09be\u09a8\u09c7 \u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09af\u09bc \u09ad\u09b0\u09cd\u09a4\u09bf \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09af\u09a4\u09cd\u09a8 \u09b8\u09b9\u0995\u09be\u09b0\u09c7 \u098f\u09ac\u0982 \u09b8\u09cd\u09a8\u09c7\u09b9\u09aa\u09c2\u09b0\u09cd\u09a3 \u0986\u099a\u09b0\u09a3\u09c7 \u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u0995\u09c1\u09b0\u0986\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964 \u0986\u09ae\u09bf \u09a4\u09be\u09a6\u09c7\u09b0 \u09b8\u09c7\u09ac\u09be\u09af\u09bc \u0993 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995\u09a4\u09be\u09af\u09bc \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u0964&rdquo;\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"flex items-center gap-3 mt-5 pt-4\" style=\"border-top: 1px solid rgba(163, 227, 217, 0.5);\">\r\n          <svg viewBox=\"0 0 100 100\" style=\"display: block; width: 44px; height: 44px; border-radius: 9999px; color: #b4802c; background-color: rgba(180,128,44,0.05); padding: 6px; border: 1px solid rgba(180,128,44,0.2);\">\r\n            <path d=\"M50,15 C32,15 28,32 28,48 C28,58 32,70 38,78 C32,80 22,81 18,85 L82,85 C78,81 68,80 62,78 C68,70 72,58 72,48 C72,32 68,15 50,15 Z\" fill=\"currentColor\" opacity=\"0.3\" \/>\r\n            <path d=\"M50,18 C35,18 32,32 32,48 C32,60 36,72 42,78 C44,80 46,82 50,82 C54,82 56,80 58,78 C64,72 68,60 68,48 C68,32 65,18 50,18 Z\" fill=\"currentColor\" \/>\r\n            <ellipse cx=\"50\" cy=\"46\" rx=\"13\" ry=\"18\" fill=\"#daf5ef\" \/>\r\n            <path d=\"M30,80 C30,75 40,74 50,74 C60,74 70,75 70,80 L70,85 L30,85 Z\" fill=\"currentColor\" opacity=\"0.85\" \/>\r\n          <\/svg>\r\n          <div>\r\n            <h4 class=\"iqra-bengali text-sm font-bold\" style=\"color: #0d5c53; margin: 0; line-height: 1.2;\">\u09ae\u09be\u0987\u09ae\u09c1\u09a8\u09be \u0986\u0995\u09cd\u09a4\u09be\u09b0<\/h4>\r\n            <p class=\"iqra-bengali text-xs font-medium\" style=\"color: #b4802c; margin: 2px 0 0 0; font-size: 11px;\">\u09b6\u09bf\u09b6\u09c1 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0985\u09ad\u09bf\u09ad\u09be\u09ac\u0995<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Touch & Motion Slide Engine -->\r\n<script>\r\n  (function() {\r\n    var currentSlide = 0;\r\n    var totalSlides = 4;\r\n    var slideTrack = document.getElementById('iqra-slide-track');\r\n    var viewport = document.getElementById('iqra-touch-viewport');\r\n    var dots = document.querySelectorAll('.iqra-testimonials-wrapper .iqra-dot');\r\n    var autoSlideTimer;\r\n\r\n    \/\/ Slide Transition Function\r\n    window.goToSlide = function(index) {\r\n      if (index < 0) index = totalSlides - 1;\r\n      if (index >= totalSlides) index = 0;\r\n      \r\n      currentSlide = index;\r\n      if (slideTrack) {\r\n        slideTrack.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\r\n      }\r\n\r\n      \/\/ Update Dots UI\r\n      dots.forEach(function(dot, idx) {\r\n        if (idx === currentSlide) {\r\n          dot.classList.add('active');\r\n        } else {\r\n          dot.classList.remove('active');\r\n        }\r\n      });\r\n\r\n      restartAutoSlide();\r\n    };\r\n\r\n    function nextSlide() {\r\n      goToSlide(currentSlide + 1);\r\n    }\r\n\r\n    function restartAutoSlide() {\r\n      clearInterval(autoSlideTimer);\r\n      autoSlideTimer = setInterval(nextSlide, 4000);\r\n    }\r\n\r\n    \/\/ Touch Swipe Mechanics for Mobile\r\n    var startX = 0;\r\n    var currentX = 0;\r\n    var isSwiping = false;\r\n\r\n    if (viewport) {\r\n      viewport.addEventListener('touchstart', function(e) {\r\n        startX = e.touches[0].clientX;\r\n        isSwiping = true;\r\n        clearInterval(autoSlideTimer);\r\n      }, { passive: true });\r\n\r\n      viewport.addEventListener('touchmove', function(e) {\r\n        if (!isSwiping) return;\r\n        currentX = e.touches[0].clientX;\r\n      }, { passive: true });\r\n\r\n      viewport.addEventListener('touchend', function() {\r\n        if (!isSwiping) return;\r\n        var diffX = startX - currentX;\r\n\r\n        if (Math.abs(diffX) > 40 && currentX !== 0) {\r\n          if (diffX > 0) {\r\n            nextSlide(); \/\/ Swipe Left\r\n          } else {\r\n            goToSlide(currentSlide - 1); \/\/ Swipe Right\r\n          }\r\n        } else {\r\n          restartAutoSlide();\r\n        }\r\n\r\n        isSwiping = false;\r\n        startX = 0;\r\n        currentX = 0;\r\n      });\r\n    }\r\n\r\n    \/\/ Initialize Auto Slide on Load\r\n    restartAutoSlide();\r\n  })();\r\n<\/script>\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-d376062 e-flex e-con-boxed e-con e-parent\" data-id=\"d376062\" 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-5f1aadf elementor-widget elementor-widget-html\" data-id=\"5f1aadf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- IQRA INSTITUTE: FAQ & ADMISSION FORM (SMOOTH SLIDE ANIMATION FIXED) -->\r\n<div class=\"iqra-faq-wrapper\">\r\n  <!-- Google Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* Full-Width Centering Wrapper *\/\r\n    .iqra-faq-wrapper {\r\n      background-color: #daf5ef !important;\r\n      width: 100vw !important;\r\n      position: relative !important;\r\n      left: 50% !important;\r\n      transform: translateX(-50%) !important;\r\n      margin: 0 !important;\r\n      padding: 60px 0 !important;\r\n      box-sizing: border-box !important;\r\n      overflow: hidden !important;\r\n      font-family: 'Plus Jakarta Sans', 'Hind Siliguri', sans-serif !important;\r\n    }\r\n\r\n    .iqra-faq-wrapper * {\r\n      box-sizing: border-box !important;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .iqra-faq-wrapper .font-bengali {\r\n      font-family: 'Hind Siliguri', sans-serif !important;\r\n    }\r\n\r\n    .iqra-faq-container {\r\n      width: 100% !important;\r\n      max-width: 1240px !important;\r\n      margin-left: auto !important;\r\n      margin-right: auto !important;\r\n      padding-left: 20px !important;\r\n      padding-right: 20px !important;\r\n    }\r\n\r\n    \/* Centered Header *\/\r\n    .iqra-faq-header {\r\n      text-align: center !important;\r\n      margin-bottom: 36px !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n    }\r\n\r\n    .iqra-faq-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.15em !important;\r\n      color: #b4802c !important;\r\n      margin-bottom: 8px !important;\r\n    }\r\n\r\n    .iqra-faq-title {\r\n      font-size: 28px !important;\r\n      font-weight: 800 !important;\r\n      text-transform: uppercase !important;\r\n      color: #0d5c54 !important;\r\n      letter-spacing: -0.02em !important;\r\n      margin-bottom: 12px !important;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .iqra-faq-title {\r\n        font-size: 34px !important;\r\n      }\r\n    }\r\n\r\n    .iqra-faq-divider {\r\n      height: 4px !important;\r\n      width: 80px !important;\r\n      background-color: #b4802c !important;\r\n      border-radius: 9999px !important;\r\n    }\r\n\r\n    \/* 2-Column Grid Layout *\/\r\n    .iqra-faq-grid {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 28px !important;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n      .iqra-faq-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 5fr 7fr !important;\r\n        align-items: start !important;\r\n        gap: 28px !important;\r\n      }\r\n    }\r\n\r\n    \/* Left Column: FAQ Items Box *\/\r\n    .iqra-faq-left-col {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 12px !important;\r\n    }\r\n\r\n    .iqra-faq-card {\r\n      background-color: #ffffff !important;\r\n      border: 1px solid rgba(189, 240, 231, 0.8) !important;\r\n      border-radius: 16px !important;\r\n      overflow: hidden !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .iqra-faq-card.open {\r\n      border-color: #b4802c !important;\r\n      box-shadow: 0 4px 12px rgba(13, 92, 84, 0.08) !important;\r\n    }\r\n\r\n    .iqra-faq-btn {\r\n      width: 100% !important;\r\n      text-align: left !important;\r\n      padding: 16px 20px !important;\r\n      background-color: #ffffff !important;\r\n      color: #0d5c54 !important;\r\n      border: none !important;\r\n      outline: none !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      cursor: pointer !important;\r\n      font-weight: 700 !important;\r\n      font-size: 13px !important;\r\n      transition: background-color 0.3s ease !important;\r\n    }\r\n\r\n    .iqra-faq-btn:hover {\r\n      background-color: #eaf8f5 !important;\r\n    }\r\n\r\n    \/* SMOOTH CSS GRID SLIDE ANIMATION ENGINE *\/\r\n    .faq-answer-slider {\r\n      display: grid !important;\r\n      grid-template-rows: 0fr !important;\r\n      transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    }\r\n\r\n    .iqra-faq-card.open .faq-answer-slider {\r\n      grid-template-rows: 1fr !important;\r\n    }\r\n\r\n    .faq-answer-inner {\r\n      overflow: hidden !important;\r\n    }\r\n\r\n    .faq-answer-content {\r\n      padding: 12px 20px 18px 20px !important;\r\n      border-top: 1px solid rgba(189, 240, 231, 0.4) !important;\r\n      font-size: 13px !important;\r\n      color: #475569 !important;\r\n      line-height: 1.6 !important;\r\n      font-weight: 400 !important;\r\n      background-color: #ffffff !important;\r\n    }\r\n\r\n    .chevron-icon {\r\n      width: 16px !important;\r\n      height: 16px !important;\r\n      stroke: #b4802c !important;\r\n      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    .iqra-faq-card.open .chevron-icon {\r\n      transform: rotate(180deg) !important;\r\n    }\r\n\r\n    \/* Right Column: Admission Form Box *\/\r\n    .iqra-form-card {\r\n      background-color: #ffffff !important;\r\n      border-left: 4px solid #b4802c !important;\r\n      border-top: 1px solid rgba(189, 240, 231, 0.6) !important;\r\n      border-right: 1px solid rgba(189, 240, 231, 0.6) !important;\r\n      border-bottom: 1px solid rgba(189, 240, 231, 0.6) !important;\r\n      border-radius: 20px !important;\r\n      padding: 28px !important;\r\n      box-shadow: 0 10px 25px -5px rgba(13, 92, 84, 0.08) !important;\r\n    }\r\n\r\n    .iqra-form-header {\r\n      margin-bottom: 20px !important;\r\n    }\r\n\r\n    .iqra-form-sub {\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.1em !important;\r\n      color: #b4802c !important;\r\n      display: block !important;\r\n      margin-bottom: 4px !important;\r\n    }\r\n\r\n    .iqra-form-title {\r\n      font-size: 20px !important;\r\n      font-weight: 800 !important;\r\n      text-transform: uppercase !important;\r\n      color: #0d5c54 !important;\r\n      margin-bottom: 4px !important;\r\n    }\r\n\r\n    .iqra-form-desc {\r\n      font-size: 12px !important;\r\n      color: #64748b !important;\r\n      font-weight: 300 !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .iqra-form-body {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 16px !important;\r\n    }\r\n\r\n    .iqra-form-row {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr !important;\r\n      gap: 16px !important;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n      .iqra-form-row {\r\n        grid-template-columns: 1fr 1fr !important;\r\n      }\r\n    }\r\n\r\n    .iqra-field-group {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 6px !important;\r\n    }\r\n\r\n    .iqra-label {\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.05em !important;\r\n      color: #0d5c54 !important;\r\n    }\r\n\r\n    \/* Uniform Round Pill Inputs & Select Box *\/\r\n    .iqra-faq-wrapper input[type=\"text\"],\r\n    .iqra-faq-wrapper input[type=\"email\"],\r\n    .iqra-faq-wrapper input[type=\"tel\"],\r\n    .iqra-faq-wrapper select {\r\n      width: 100% !important;\r\n      background-color: rgba(218, 245, 239, 0.3) !important;\r\n      border: 1px solid #bdf0e7 !important;\r\n      border-radius: 9999px !important;\r\n      padding: 12px 20px !important;\r\n      font-size: 12px !important;\r\n      color: #1e293b !important;\r\n      outline: none !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .iqra-faq-wrapper select {\r\n      background-color: #ffffff !important;\r\n      cursor: pointer !important;\r\n      appearance: none !important;\r\n      -webkit-appearance: none !important;\r\n    }\r\n\r\n    .iqra-faq-wrapper input:focus,\r\n    .iqra-faq-wrapper select:focus {\r\n      border-color: #b4802c !important;\r\n      background-color: #ffffff !important;\r\n      box-shadow: 0 0 0 1px #b4802c !important;\r\n    }\r\n\r\n    .select-wrapper {\r\n      position: relative !important;\r\n      width: 100% !important;\r\n    }\r\n\r\n    .select-arrow {\r\n      position: absolute !important;\r\n      right: 16px !important;\r\n      top: 50% !important;\r\n      transform: translateY(-50%) !important;\r\n      pointer-events: none !important;\r\n      stroke: #b4802c !important;\r\n      width: 14px !important;\r\n      height: 14px !important;\r\n    }\r\n\r\n    \/* Submit Button *\/\r\n    .iqra-btn-submit {\r\n      width: 100% !important;\r\n      background-color: #0d5c54 !important;\r\n      color: #ffffff !important;\r\n      border: none !important;\r\n      border-radius: 9999px !important;\r\n      padding: 14px 24px !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.1em !important;\r\n      cursor: pointer !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      box-shadow: 0 4px 12px rgba(13, 92, 84, 0.2) !important;\r\n      transition: all 0.3s ease !important;\r\n      margin-top: 6px !important;\r\n    }\r\n\r\n    .iqra-btn-submit:hover {\r\n      background-color: #08443d !important;\r\n      transform: translateY(-1px) !important;\r\n      box-shadow: 0 6px 16px rgba(13, 92, 84, 0.3) !important;\r\n    }\r\n\r\n    .iqra-btn-submit svg {\r\n      width: 14px !important;\r\n      height: 14px !important;\r\n      fill: none !important;\r\n      stroke: currentColor !important;\r\n      stroke-width: 2 !important;\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Outer Centered Container Wrapper -->\r\n  <div class=\"iqra-faq-container\">\r\n    \r\n    <!-- TOP CENTERED PAGE HEADER -->\r\n    <div class=\"iqra-faq-header\">\r\n      <span class=\"iqra-faq-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" x2=\"12.01\" y1=\"17\" y2=\"17\"\/><\/svg>\r\n        Admission Registry FAQ\r\n      <\/span>\r\n      <h2 class=\"iqra-faq-title\">\r\n        Admission FAQ & Inquiry\r\n      <\/h2>\r\n      <div class=\"iqra-faq-divider\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- TWO-COLUMN GRID -->\r\n    <div class=\"iqra-faq-grid\">\r\n      \r\n      <!-- LEFT COLUMN: FAQ Items -->\r\n      <div class=\"iqra-faq-left-col\">\r\n        \r\n        <!-- Item 1 (Default Open) -->\r\n        <div class=\"iqra-faq-card open\">\r\n          <button class=\"iqra-faq-btn\" type=\"button\">\r\n            <span class=\"font-bengali\">\u09ae\u09b9\u09bf\u09b2\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09bf \u09ab\u09bf\u09ae\u09c7\u09b2 \u09b6\u09bf\u0995\u09cd\u09b7\u09bf\u0995\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be \u0986\u099b\u09c7?<\/span>\r\n            <svg class=\"chevron-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"faq-answer-slider\">\r\n            <div class=\"faq-answer-inner\">\r\n              <div class=\"faq-answer-content font-bengali\">\r\n                \u099c\u09bf, \u09ae\u09b9\u09bf\u09b2\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09ad\u09bf\u099c\u09cd\u099e \u0993 \u09a6\u0995\u09cd\u09b7 \u09ab\u09bf\u09ae\u09c7\u09b2 \u09b6\u09bf\u0995\u09cd\u09b7\u09bf\u0995\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09aa\u09c3\u09a5\u0995\u09ad\u09be\u09ac\u09c7 \u09aa\u09be\u09a0\u09a6\u09be\u09a8\u09c7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be \u09b0\u09af\u09bc\u09c7\u099b\u09c7\u0964\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 2 -->\r\n        <div class=\"iqra-faq-card\">\r\n          <button class=\"iqra-faq-btn\" type=\"button\">\r\n            <span class=\"font-bengali\">\u09ad\u09b0\u09cd\u09a4\u09bf \u09b9\u09a4\u09c7 \u0995\u09c0 \u0995\u09c0 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8?<\/span>\r\n            <svg class=\"chevron-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"faq-answer-slider\">\r\n            <div class=\"faq-answer-inner\">\r\n              <div class=\"faq-answer-content font-bengali\">\r\n                \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae, \u09a0\u09bf\u0995\u09be\u09a8\u09be, WhatsApp \u09a8\u09ae\u09cd\u09ac\u09b0 \u098f\u09ac\u0982 \u09ad\u09b0\u09cd\u09a4\u09bf \u09ab\u09bf \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09b2\u09c7\u0987 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u09b0 \u09b0\u09c7\u099c\u09bf\u09b8\u09cd\u099f\u09cd\u09b0\u09c7\u09b6\u09a8 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac, \u0987\u09a8\u09b6\u09be\u0986\u09b2\u09cd\u09b2\u09be\u09b9\u0964\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 3 -->\r\n        <div class=\"iqra-faq-card\">\r\n          <button class=\"iqra-faq-btn\" type=\"button\">\r\n            <span class=\"font-bengali\">\u099c\u09c7\u09a8\u09be\u09b0\u09c7\u09b2 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09b0\u09be \u0995\u09bf \u09ad\u09b0\u09cd\u09a4\u09bf \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7?<\/span>\r\n            <svg class=\"chevron-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"faq-answer-slider\">\r\n            <div class=\"faq-answer-inner\">\r\n              <div class=\"faq-answer-content font-bengali\">\r\n                \u099c\u09bf, \u0985\u09ac\u09b6\u09cd\u09af\u0987\u0964 \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u09b2 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09a6\u09c7\u09b0 \u0995\u09a5\u09be \u09ac\u09bf\u09ac\u09c7\u099a\u09a8\u09be \u0995\u09b0\u09c7 \u09b8\u09b9\u099c, \u09aa\u09cd\u09b0\u09be\u099e\u09cd\u099c\u09b2 \u0993 \u09a7\u09be\u09aa\u09c7 \u09a7\u09be\u09aa\u09c7 \u09aa\u09be\u09a0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc, \u09af\u09be\u09a4\u09c7 \u09a4\u09be\u09b0\u09be \u09b8\u09b9\u099c\u09c7\u0987 \u09ac\u09bf\u09b7\u09af\u09bc\u0997\u09c1\u09b2\u09cb \u09ac\u09c1\u099d\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 4 -->\r\n        <div class=\"iqra-faq-card\">\r\n          <button class=\"iqra-faq-btn\" type=\"button\">\r\n            <span class=\"font-bengali\">\u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09bf \u0995\u09cb\u09a8\u09cb \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be \u0986\u099b\u09c7?<\/span>\r\n            <svg class=\"chevron-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"faq-answer-slider\">\r\n            <div class=\"faq-answer-inner\">\r\n              <div class=\"faq-answer-content font-bengali\">\r\n                \u099c\u09bf, \u09b6\u09bf\u09b6\u09c1\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09ad\u09bf\u099c\u09cd\u099e \u0989\u09b8\u09cd\u09a4\u09be\u09a6\u09c7\u09b0 \u09a4\u09a4\u09cd\u09a4\u09cd\u09ac\u09be\u09ac\u09a7\u09be\u09a8\u09c7 \u0993\u09af\u09bc\u09be\u09a8-\u099f\u09c1-\u0993\u09af\u09bc\u09be\u09a8 \u09ac\u09bf\u09b6\u09c7\u09b7 \u0995\u09cd\u09b2\u09be\u09b8\u09c7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be \u09b0\u09af\u09bc\u09c7\u099b\u09c7\u0964\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 5 -->\r\n        <div class=\"iqra-faq-card\">\r\n          <button class=\"iqra-faq-btn\" type=\"button\">\r\n            <span class=\"font-bengali\">\u0995\u09cb\u09b0\u09cd\u09b8 \u09b6\u09c7\u09b7\u09c7 \u0995\u09bf \u09b8\u09be\u09b0\u09cd\u099f\u09bf\u09ab\u09bf\u0995\u09c7\u099f \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc?<\/span>\r\n            <svg class=\"chevron-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"faq-answer-slider\">\r\n            <div class=\"faq-answer-inner\">\r\n              <div class=\"faq-answer-content font-bengali\">\r\n                \u099c\u09bf, \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u0995\u09cb\u09b0\u09cd\u09b8 \u09b6\u09c7\u09b7\u09c7 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be\u09af\u09bc \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09bf\u09a4 \u09b8\u09cd\u0995\u09cb\u09b0 \u0985\u09b0\u09cd\u099c\u09a8\u0995\u09be\u09b0\u09c0 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09a6\u09c7\u09b0 \u09ae\u09be\u09a8\u09b8\u09ae\u09cd\u09ae\u09a4 \u09b8\u09be\u09b0\u09cd\u099f\u09bf\u09ab\u09bf\u0995\u09c7\u099f \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u0964\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Item 6 -->\r\n        <div class=\"iqra-faq-card\">\r\n          <button class=\"iqra-faq-btn\" type=\"button\">\r\n            <span class=\"font-bengali\">\u09ea\u09e6 \u09ac\u099b\u09b0\u09c7\u09b0 \u09ac\u09c7\u09b6\u09bf \u09ac\u09af\u09bc\u09b8\u09c0\u09b0\u09be \u0995\u09bf \u09b6\u09bf\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8?<\/span>\r\n            <svg class=\"chevron-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n          <\/button>\r\n          <div class=\"faq-answer-slider\">\r\n            <div class=\"faq-answer-inner\">\r\n              <div class=\"faq-answer-content font-bengali\">\r\n                \u099c\u09bf, \u0987\u09a8\u09b6\u09be\u0986\u09b2\u09cd\u09b2\u09be\u09b9 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09ac\u09af\u09bc\u09b8 \u0995\u09cb\u09a8\u09cb \u09ac\u09be\u09a7\u09be \u09a8\u09af\u09bc\u0964 \u09aa\u09b0\u09cd\u09af\u09be\u09aa\u09cd\u09a4 \u0986\u0997\u09cd\u09b0\u09b9, \u09a8\u09bf\u09af\u09bc\u09ae\u09bf\u09a4 \u0985\u09a8\u09c1\u09b6\u09c0\u09b2\u09a8 \u098f\u09ac\u0982 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09c7\u09b0 \u09b8\u09a0\u09bf\u0995 \u09a4\u09a4\u09cd\u09a4\u09cd\u09ac\u09be\u09ac\u09a7\u09be\u09a8\u09c7 \u09af\u09c7 \u0995\u09cb\u09a8\u09cb \u09ac\u09af\u09bc\u09b8\u09c7\u0987 \u0986\u09b0\u09ac\u09bf \u09b6\u09c7\u0996\u09be \u09b8\u09ae\u09cd\u09ad\u09ac\u0964\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT COLUMN: Admission Form -->\r\n      <div class=\"iqra-form-card\">\r\n        \r\n        <div class=\"iqra-form-header\">\r\n          <span class=\"iqra-form-sub\">Enrollment Intake<\/span>\r\n          <h3 class=\"iqra-form-title\">Submit Your Application<\/h3>\r\n          <p class=\"iqra-form-desc\">\r\n            Submit this official secure registry form to register. A registrar representative will contact you shortly.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <form id=\"admission-form\" class=\"iqra-form-body\">\r\n          \r\n          <div class=\"iqra-form-row\">\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"fullName\">Full Name<\/label>\r\n              <input type=\"text\" id=\"fullName\" required placeholder=\"Your complete legal name\" \/>\r\n            <\/div>\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"email\">Email Address<\/label>\r\n              <input type=\"email\" id=\"email\" required placeholder=\"professional@domain.com\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"iqra-form-row\">\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"phone\">Phone Number<\/label>\r\n              <input type=\"tel\" id=\"phone\" required placeholder=\"+880 1700-000000\" \/>\r\n            <\/div>\r\n            <div class=\"iqra-field-group\">\r\n              <label class=\"iqra-label\" for=\"program\">Choose Program<\/label>\r\n              <div class=\"select-wrapper\">\r\n                <select id=\"program\" required>\r\n                  <option value=\"\">Select an Option...<\/option>\r\n                  <option value=\"Madani Nisab Year 1\">1. Madani Nisab Year 1<\/option>\r\n                  <option value=\"Advanced Tajweed\">2. Advanced Tajweed<\/option>\r\n                  <option value=\"Primary Education\">3. Primary Education<\/option>\r\n                  <option value=\"Quran Learning\">4. Quran Learning<\/option>\r\n                  <option value=\"Fard-al-Ayn Essentials\">5. Fard-al-Ayn Essentials<\/option>\r\n                  <option value=\"Spoken English\">6. Spoken English<\/option>\r\n                <\/select>\r\n                <svg class=\"select-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" id=\"submit-btn\" class=\"iqra-btn-submit\">\r\n            <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n            <span id=\"btn-text\">Submit Application<\/span>\r\n          <\/button>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- JavaScript Accordion Toggle Script -->\r\n<script>\r\n  (function() {\r\n    function setupFAQ() {\r\n      var cards = document.querySelectorAll('.iqra-faq-wrapper .iqra-faq-card');\r\n      \r\n      cards.forEach(function(card) {\r\n        var btn = card.querySelector('.iqra-faq-btn');\r\n        if (!btn) return;\r\n\r\n        btn.addEventListener('click', function(e) {\r\n          e.preventDefault();\r\n          var isCurrentlyOpen = card.classList.contains('open');\r\n\r\n          \/\/ Close all cards for standard smooth accordion behavior\r\n          cards.forEach(function(c) {\r\n            c.classList.remove('open');\r\n          });\r\n\r\n          \/\/ Toggle current card if it wasn't open\r\n          if (!isCurrentlyOpen) {\r\n            card.classList.add('open');\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Form Submit Handler\r\n      var form = document.getElementById('admission-form');\r\n      if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n          e.preventDefault();\r\n          var btnText = document.getElementById('btn-text');\r\n          btnText.textContent = \"Processing...\";\r\n          setTimeout(function() {\r\n            alert(\"Application Submitted Successfully!\");\r\n            btnText.textContent = \"Submit Application\";\r\n            form.reset();\r\n          }, 1000);\r\n        });\r\n      }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', setupFAQ);\r\n    } else {\r\n      setupFAQ();\r\n    }\r\n  })();\r\n<\/script>\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-c81ab07 e-flex e-con-boxed e-con e-parent\" data-id=\"c81ab07\" 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-bb87c0e elementor-widget elementor-widget-html\" data-id=\"bb87c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Iqra Academic Footer Widget (Optimized Layout & Real Social Links) -->\r\n<footer class=\"iqra-footer-wrapper\" id=\"contact\">\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n  <style>\r\n    .iqra-footer-wrapper {\r\n      background-color: #0d3a3a !important;\r\n      width: 100vw !important;\r\n      position: relative !important;\r\n      left: 50% !important;\r\n      transform: translateX(-50%) !important;\r\n      border-top: 8px solid #b4802c !important;\r\n      color: #ffffff !important;\r\n      padding: 40px 0 !important;\r\n      box-sizing: border-box !important;\r\n      overflow: hidden !important;\r\n      font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    }\r\n\r\n    .iqra-footer-wrapper * { box-sizing: border-box !important; margin: 0; padding: 0; }\r\n    .iqra-footer-container { width: 100% !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; }\r\n    .iqra-footer-wrapper h4, .iqra-footer-wrapper .footer-gold-title { color: #b4802c !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }\r\n    \r\n    .iqra-footer-wrapper #iqra-news-email { background-color: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; border-radius: 9999px !important; padding: 10px 20px !important; font-size: 12px !important; outline: none !important; }\r\n    .iqra-footer-wrapper #iqra-news-email:focus { border-color: #b4802c !important; box-shadow: 0 0 0 1px #b4802c !important; }\r\n    \r\n    .iqra-footer-wrapper .iqra-sub-btn { background-color: #b4802c !important; color: #0d3a3a !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 9999px !important; padding: 10px 24px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; cursor: pointer !important; transition: all 0.3s ease !important; }\r\n    .iqra-footer-wrapper .iqra-sub-btn:hover { background-color: #d4a552 !important; color: #0d3a3a !important; }\r\n    \r\n    .iqra-footer-wrapper a { color: #9ca3af !important; text-decoration: none !important; transition: color 0.3s ease !important; }\r\n    .iqra-footer-wrapper a:hover { color: #b4802c !important; }\r\n  <\/style>\r\n\r\n  <!-- Background Pattern -->\r\n  <div class=\"absolute inset-0 pointer-events-none opacity-[0.03] bg-[linear-gradient(to_right,#b4802c_1px,transparent_1px),linear-gradient(to_bottom,#b4802c_1px,transparent_1px)] bg-[size:2rem_2rem]\"><\/div>\r\n  \r\n  <div class=\"iqra-footer-container relative z-10\">\r\n    <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n      \r\n      <!-- Column 1: Branding & Social Links -->\r\n      <div class=\"lg:col-span-4 space-y-4\">\r\n        <div class=\"flex items-center gap-3 mb-2\">\r\n          <div class=\"relative flex items-center justify-center w-11 h-11 bg-white border-2 border-white rounded-lg overflow-hidden shadow-sm shrink-0\">\r\n            <img decoding=\"async\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/03\/495963638_122248529756016420_3181530749809320422_n.jpg\" alt=\"Iqra Institute Logo\" class=\"w-full h-full object-cover\" referrerpolicy=\"no-referrer\"  title=\"Home\" \/>\r\n          <\/div>\r\n          <div class=\"flex flex-col\">\r\n            <span class=\"tracking-wide text-xl font-extrabold text-white uppercase leading-none\">IQRA INSTITUTE<\/span>\r\n            <span class=\"text-[10px] tracking-wider text-[#b4802c] uppercase font-bold mt-1\">Educational Platform<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Social Icons moved up directly below the logo -->\r\n        <div class=\"flex items-center gap-3 pt-1\">\r\n          <a href=\"https:\/\/www.facebook.com\/Iqrainstitute\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-8 h-8 rounded-full bg-white\/5 border border-white\/10 hover:border-[#b4802c] flex items-center justify-center transition-all duration-300\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/iqrainstitutebd\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-8 h-8 rounded-full bg-white\/5 border border-white\/10 hover:border-[#b4802c] flex items-center justify-center transition-all duration-300\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/www.youtube.com\/@iqrainstitutebd\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-8 h-8 rounded-full bg-white\/5 border border-white\/10 hover:border-[#b4802c] flex items-center justify-center transition-all duration-300\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17z\"\/><polygon points=\"10 15 15 12 10 9 10 15\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/t.me\/+8801617281296\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-8 h-8 rounded-full bg-white\/5 border border-white\/10 hover:border-[#b4802c] flex items-center justify-center transition-all duration-300\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"-rotate-45\"><path d=\"m22 2-7 20-4-9-9-4Z\"\/><path d=\"M22 2 11 13\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Column 2: Our Pledge (Balanced Padding & Text Size) -->\r\n      <div class=\"lg:col-span-4 bg-[#145c5c]\/30 px-6 sm:px-8 py-7 border-l-4 border-[#b4802c] text-center space-y-3 rounded-2xl mx-auto w-full max-w-sm lg:max-w-none\">\r\n        <h4 class=\"footer-gold-title\">Our Pledge \/ \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0985\u0999\u09cd\u0997\u09c0\u0995\u09be\u09b0<\/h4>\r\n        <p class=\"text-[13px] text-gray-200 leading-relaxed font-light px-2\">\r\n          &ldquo;\u0987\u0995\u09b0\u09be \u0987\u09a8\u09b8\u09cd\u099f\u09bf\u099f\u09bf\u0989\u099f \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 \u0993 \u0986\u09b8\u09cd\u09a5\u09be\u0995\u09c7 \u09b8\u09b0\u09cd\u09ac\u09cb\u099a\u09cd\u099a \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac \u09a6\u09c7\u09af\u09bc\u0964 \u09ae\u09be\u09a8\u09b8\u09ae\u09cd\u09ae\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u098f\u09ac\u0982 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995 \u09b8\u09c7\u09ac\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0995\u09c1\u09b0\u0986\u09a8 \u0993 \u0986\u09b0\u09ac\u09bf \u09ad\u09be\u09b7\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u0995\u09c7 \u09b8\u09b9\u099c, \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u0993 \u09b8\u09ac\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09b9\u099c\u09b2\u09ad\u09cd\u09af \u0995\u09b0\u09be\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0985\u0999\u09cd\u0997\u09c0\u0995\u09be\u09b0\u0964&rdquo;\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Column 3: Newsletter -->\r\n      <div class=\"lg:col-span-4 space-y-4 lg:pl-6\">\r\n        <div class=\"space-y-1\">\r\n          <h4 class=\"footer-gold-title\">Newsletter \/ \u09a8\u09bf\u0989\u099c\u09b2\u09c7\u099f\u09be\u09b0<\/h4>\r\n          <p class=\"text-xs text-gray-300\/80 font-light\">Subscribe to get quarterly academic insights & publications.<\/p>\r\n        <\/div>\r\n        <div id=\"iqra-subscribe-box\">\r\n          <form onsubmit=\"iqraSubmitNewsletter(event)\" class=\"flex flex-col sm:flex-row gap-2\">\r\n            <input type=\"email\" required id=\"iqra-news-email\" placeholder=\"Enter your email\" class=\"grow\" \/>\r\n            <button type=\"submit\" class=\"iqra-sub-btn shrink-0\">Subscribe<\/button>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Meta -->\r\n    <div class=\"mt-12 pt-6 border-t border-white\/10 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-gray-400\">\r\n      <p>Location: Mugda, Dhaka (1200)<\/p>\r\n      <div class=\"flex items-center gap-6\">\r\n        <a href=\"#\">Privacy Policy<\/a>\r\n        <a href=\"#\">Terms & Conditions<\/a>\r\n      <\/div>\r\n      <p class=\"text-[11px] tracking-wider uppercase\">\r\n        &copy; <span id=\"iqra-current-year\">2026<\/span> IQRA INSTITUTE. ALL RIGHTS RESERVED.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    document.getElementById('iqra-current-year').textContent = new Date().getFullYear();\r\n\r\n    function iqraSubmitNewsletter(e) {\r\n      e.preventDefault();\r\n      const email = document.getElementById('iqra-news-email').value;\r\n      const box = document.getElementById('iqra-subscribe-box');\r\n      if (!email) return;\r\n      box.innerHTML = `\r\n        <div class=\"flex items-center gap-2 text-xs text-[#b4802c] font-bold bg-white\/5 p-3 border border-[#b4802c]\/30 rounded-xl\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 text-[#b4802c]\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n          <span>Subscription Successful!<\/span>\r\n        <\/div>\r\n      `;\r\n    }\r\n\r\n    \/\/ Global Floating WhatsApp Injection (Runs across entire website)\r\n    (function() {\r\n      if(document.getElementById('global-whatsapp-widget')) return;\r\n\r\n      const waStyles = document.createElement('style');\r\n      waStyles.innerHTML = `\r\n        .iqra-global-wa-sticky { position: fixed !important; bottom: 24px !important; right: 24px !important; z-index: 2147483647 !important; display: flex !important; align-items: center !important; gap: 12px !important; font-family: 'Plus Jakarta Sans', sans-serif; pointer-events: auto !important; }\r\n        .iqra-global-wa-bubble { background-color: #ffffff !important; color: #0d5257 !important; font-size: 11px !important; font-weight: 600 !important; padding: 8px 14px !important; border-radius: 9999px !important; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1) !important; border: 1px solid #a5d8d3 !important; display: flex !important; align-items: center !important; gap: 8px !important; white-space: nowrap !important; transition: all 0.3s ease !important; }\r\n        .iqra-global-wa-bubble.hidden { opacity: 0 !important; transform: scale(0.9) translateX(10px) !important; pointer-events: none !important; }\r\n        .iqra-global-wa-dot { width: 8px !important; height: 8px !important; background-color: #22c55e !important; border-radius: 50% !important; animation: global-wa-pulse 1.5s infinite !important; }\r\n        @keyframes global-wa-pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }\r\n        .iqra-global-wa-close { border: none !important; background: none !important; cursor: pointer !important; font-size: 14px !important; color: #888888 !important; padding: 0 0 0 4px !important; font-weight: bold !important; line-height: 1; }\r\n        .iqra-global-wa-close:hover { color: #0d5257 !important; }\r\n        .iqra-global-wa-anchor { width: 48px !important; height: 48px !important; background-color: #22c55e !important; border: 2px solid #ffffff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 10px 25px rgba(34, 197, 94, 0.4) !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; text-decoration: none !important; }\r\n        .iqra-global-wa-anchor:hover { transform: scale(1.1) !important; background-color: #16a34a !important; }\r\n        .iqra-global-wa-anchor svg { width: 24px !important; height: 24px !important; fill: #ffffff !important; color: #22c55e !important; }\r\n      `;\r\n      document.head.appendChild(waStyles);\r\n\r\n      const waDiv = document.createElement('div');\r\n      waDiv.id = 'global-whatsapp-widget';\r\n      waDiv.className = 'iqra-global-wa-sticky';\r\n      waDiv.innerHTML = `\r\n        <div class=\"iqra-global-wa-bubble\" id=\"global-wa-bubble\">\r\n          <div class=\"iqra-global-wa-dot\"><\/div>\r\n          <span>Have a question? Contact WhatsApp.<\/span>\r\n          <button class=\"iqra-global-wa-close\" onclick=\"document.getElementById('global-wa-bubble').classList.add('hidden')\">&times;<\/button>\r\n        <\/div>\r\n        <a class=\"iqra-global-wa-anchor\" href=\"https:\/\/wa.me\/8801617281296\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Contact WhatsApp registrar\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.746.953 3.71 1.458 5.704 1.459h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n        <\/a>\r\n      `;\r\n      document.body.appendChild(waDiv);\r\n\r\n      setTimeout(function() {\r\n        var bubble = document.getElementById('global-wa-bubble');\r\n        if (bubble) bubble.classList.add('hidden');\r\n      }, 6000);\r\n    })();\r\n  <\/script>\r\n<\/footer>\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>IQRA INSTITUTE Educational Platform Home Courses Activities About Contact Login Apply Online Home Courses Activities About Contact Login Apply Online Account Login Access the Iqra Educational Platform Welcome Back! Login simulated successfully. Full Name Phone Number Email Address Password Confirm Password Submit Online Admission Submit your details to lock enrollment Application Submitted! Our registrar will [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-50","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":5,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/media\/54"}],"wp:attachment":[{"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}