{"id":257,"date":"2026-07-24T19:39:51","date_gmt":"2026-07-24T19:39:51","guid":{"rendered":"https:\/\/iqrainstitutebd.com\/?page_id=257"},"modified":"2026-07-24T20:36:34","modified_gmt":"2026-07-24T20:36:34","slug":"madani-nesab-1st-year","status":"publish","type":"page","link":"https:\/\/iqrainstitutebd.com\/?page_id=257","title":{"rendered":"madani nesab 1st year"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"257\" class=\"elementor elementor-257\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b91c16 e-flex e-con-boxed e-con e-parent\" data-id=\"8b91c16\" 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-4f9162f elementor-widget elementor-widget-html\" data-id=\"4f9162f\" 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=\"madani nesab 1st year\" \/>\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-9657a1f e-flex e-con-boxed e-con e-parent\" data-id=\"9657a1f\" 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-5f85185 elementor-widget elementor-widget-html\" data-id=\"5f85185\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Iqra Institute Master Course Page Template (Complete Version) -->\r\n<div class=\"iqra-course-page-wrapper\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&display=swap');\r\n\r\n    .iqra-course-page-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: #f4fbf8 !important;\r\n      font-family: 'Plus Jakarta Sans', 'Hind Siliguri', sans-serif !important;\r\n      color: #0a3a35 !important;\r\n      padding-top: 100px !important; \r\n      padding-bottom: 80px !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-course-page-wrapper * { box-sizing: border-box !important; }\r\n\r\n    \/* Strict Elementor Reset *\/\r\n    .iqra-course-page-wrapper a, \r\n    .iqra-course-page-wrapper button {\r\n      outline: none !important;\r\n      text-decoration: none !important;\r\n      -webkit-tap-highlight-color: transparent !important;\r\n    }\r\n\r\n    .iqra-course-container {\r\n      width: 100% !important;\r\n      max-width: 1200px !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    .iqra-bengali { font-family: 'Hind Siliguri', sans-serif !important; }\r\n\r\n    \/* Live Blinking Red Badge *\/\r\n    .iqra-pulse-dot {\r\n      display: inline-block !important;\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      border-radius: 50% !important;\r\n      background-color: #ef4444 !important;\r\n      box-shadow: 0 0 0 rgba(239, 68, 68, 0.7) !important;\r\n      animation: iqra-pulse 1.6s infinite !important;\r\n    }\r\n    @keyframes iqra-pulse {\r\n      0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }\r\n      70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }\r\n      100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\r\n    }\r\n\r\n    \/* Hero Section CSS Grid *\/\r\n    .iqra-course-hero {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr !important;\r\n      gap: 32px !important;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .iqra-course-hero {\r\n        grid-template-columns: 6.5fr 5.5fr !important;\r\n        grid-template-areas: \"header media\" \"content media\" !important;\r\n        gap: 40px !important;\r\n        align-items: start !important;\r\n      }\r\n      .iqra-hero-header { grid-area: header !important; }\r\n      .iqra-hero-media { grid-area: media !important; position: sticky !important; top: 110px !important; }\r\n      .iqra-hero-content { grid-area: content !important; }\r\n    }\r\n\r\n    \/* Touch \/ Swipe Slider Styles *\/\r\n    .iqra-slider-container {\r\n      position: relative !important;\r\n      width: 100% !important;\r\n      border-radius: 16px !important;\r\n      overflow: hidden !important;\r\n      border: 2px solid #0a3a35 !important;\r\n      box-shadow: 0 10px 25px rgba(10, 58, 53, 0.12) !important;\r\n      background-color: #000000 !important;\r\n    }\r\n\r\n    .iqra-slider-track {\r\n      display: flex !important;\r\n      width: 100% !important;\r\n      overflow-x: auto !important;\r\n      scroll-snap-type: x mandatory !important;\r\n      scroll-behavior: smooth !important;\r\n      scrollbar-width: none !important;\r\n    }\r\n    .iqra-slider-track::-webkit-scrollbar { display: none !important; }\r\n\r\n    .iqra-slide-item {\r\n      flex: 0 0 100% !important;\r\n      width: 100% !important;\r\n      aspect-ratio: 16 \/ 9 !important;\r\n      scroll-snap-align: start !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    .iqra-slide-item iframe, \r\n    .iqra-slide-item img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      border: none !important;\r\n    }\r\n\r\n    .iqra-slider-dots {\r\n      display: flex !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      margin-top: 12px !important;\r\n    }\r\n    .iqra-slider-dot {\r\n      width: 10px !important;\r\n      height: 10px !important;\r\n      border-radius: 50% !important;\r\n      background-color: #cbd5e1 !important;\r\n      border: none !important;\r\n      cursor: pointer !important;\r\n      transition: all 0.3s ease !important;\r\n      padding: 0 !important;\r\n    }\r\n    .iqra-slider-dot.active {\r\n      width: 28px !important;\r\n      border-radius: 6px !important;\r\n      background-color: #b4802c !important;\r\n    }\r\n\r\n    \/* Course Pricing & Info Bar *\/\r\n    .iqra-price-card {\r\n      background-color: #ffffff !important;\r\n      border: 1px solid rgba(10, 58, 53, 0.15) !important;\r\n      border-radius: 16px !important;\r\n      padding: 16px 20px !important;\r\n      display: flex !important;\r\n      flex-wrap: wrap !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      gap: 16px !important;\r\n      box-shadow: 0 4px 12px rgba(10, 58, 53, 0.04) !important;\r\n      margin-top: 20px !important;\r\n      margin-bottom: 24px !important;\r\n    }\r\n\r\n    .iqra-price-item { display: flex !important; flex-direction: column !important; }\r\n    .iqra-price-label { font-size: 11px !important; color: #64748b !important; font-weight: 600 !important; text-transform: uppercase !important; }\r\n    .iqra-price-val { font-size: 16px !important; font-weight: 800 !important; color: #0a3a35 !important; }\r\n    .iqra-price-val span { color: #b4802c !important; }\r\n\r\n    \/* Action Buttons *\/\r\n    .iqra-btn-group {\r\n      display: flex !important; gap: 12px !important; margin-bottom: 28px !important;\r\n    }\r\n    .iqra-btn-primary, .iqra-btn-secondary {\r\n      flex: 1 !important; border-radius: 9999px !important; padding: 13px 20px !important; font-size: 13px !important;\r\n      font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;\r\n      gap: 8px !important; transition: all 0.3s ease !important; border: none !important; cursor: pointer !important; text-align: center !important;\r\n    }\r\n    .iqra-btn-primary { background-color: #0a3a35 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(10, 58, 53, 0.2) !important; }\r\n    .iqra-btn-primary:hover { background-color: #115c55 !important; transform: translateY(-2px) !important; }\r\n    .iqra-btn-secondary { background-color: #b4802c !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(180, 128, 44, 0.2) !important; }\r\n    .iqra-btn-secondary:hover { background-color: #d4a552 !important; transform: translateY(-2px) !important; }\r\n\r\n    \/* Features Grid (What is included) *\/\r\n    .iqra-features-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-bottom: 28px !important;}\r\n    @media (min-width: 640px) { .iqra-features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }\r\n    .iqra-feature-card {\r\n      background-color: #ffffff !important; border: 1px solid rgba(10, 58, 53, 0.1) !important; border-radius: 12px !important; padding: 12px !important;\r\n      display: flex !important; align-items: center !important; gap: 8px !important; box-shadow: 0 2px 4px rgba(10, 58, 53, 0.03) !important;\r\n    }\r\n    .iqra-feature-card svg { width: 18px !important; height: 18px !important; color: #b4802c !important; flex-shrink: 0 !important; }\r\n\r\n    \/* Learning Outcome Cards *\/\r\n    .iqra-outcomes-grid { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 12px !important; margin-top: 16px !important; }\r\n    @media (min-width: 640px) { .iqra-outcomes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }\r\n    .iqra-outcome-card {\r\n      background-color: #ffffff !important; border: 1px solid rgba(10, 58, 53, 0.1) !important; border-radius: 12px !important; padding: 14px 16px !important;\r\n      display: flex !important; align-items: center !important; gap: 12px !important; box-shadow: 0 2px 6px rgba(10, 58, 53, 0.03) !important;\r\n    }\r\n    .iqra-outcome-card svg { width: 20px !important; height: 20px !important; color: #b4802c !important; flex-shrink: 0 !important; }\r\n\r\n    \/* Clean Line-by-Line Characteristics *\/\r\n    .iqra-char-list { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 16px !important; }\r\n    .iqra-char-item {\r\n      display: flex !important; align-items: flex-start !important; gap: 10px !important; font-size: 14px !important; color: #0a3a35 !important;\r\n      font-weight: 500 !important; padding-bottom: 8px !important; border-bottom: 1px dashed rgba(10, 58, 53, 0.1) !important;\r\n    }\r\n    .iqra-char-item:last-child { border-bottom: none !important; }\r\n\r\n    \/* Demo Class Banner *\/\r\n    .iqra-demo-box {\r\n      background-color: #ffffff !important; border: 1px solid rgba(10, 58, 53, 0.12) !important; border-radius: 16px !important; padding: 24px !important; margin-top: 36px !important;\r\n      display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 12px !important; box-shadow: 0 4px 12px rgba(10, 58, 53, 0.04) !important;\r\n    }\r\n    .iqra-demo-btn {\r\n      background-color: #0a3a35 !important; color: #ffffff !important; border-radius: 9999px !important; padding: 12px 28px !important; font-size: 13px !important; font-weight: 700 !important;\r\n      display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s ease !important; text-decoration: none !important;\r\n    }\r\n    .iqra-demo-btn:hover { background-color: #115c55 !important; transform: translateY(-2px) !important; }\r\n\r\n    \/* Guarantee Card *\/\r\n    .iqra-guarantee-box {\r\n      background-color: #ffffff !important; border-left: 5px solid #b4802c !important; border-radius: 16px !important; padding: 20px 24px !important;\r\n      box-shadow: 0 6px 16px rgba(10, 58, 53, 0.05) !important; margin-top: 32px !important; display: flex !important; align-items: center !important; gap: 16px !important;\r\n    }\r\n\r\n    \/* Popup Modal Styling *\/\r\n    .iqra-modal-backdrop {\r\n      position: fixed !important; inset: 0 !important; background-color: rgba(10, 58, 53, 0.8) !important; backdrop-filter: blur(5px) !important;\r\n      z-index: 999999 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 16px !important;\r\n    }\r\n    .iqra-modal-backdrop.open { display: flex !important; }\r\n    .iqra-modal-content {\r\n      background-color: #ffffff !important; border-radius: 20px !important; max-width: 400px !important; width: 100% !important; padding: 24px !important;\r\n      position: relative !important; border-top: 6px solid #b4802c !important; box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;\r\n    }\r\n    .iqra-modal-close { position: absolute !important; top: 12px !important; right: 16px !important; background: none !important; border: none !important; font-size: 24px !important; color: #94a3b8 !important; cursor: pointer !important; }\r\n  <\/style>\r\n\r\n  <div class=\"iqra-course-container\">\r\n    \r\n    <div class=\"iqra-course-hero\">\r\n      \r\n      <!-- Part 1: Header (Desktop & Mobile) -->\r\n      <div class=\"iqra-hero-header\">\r\n        <div class=\"inline-block mb-3\">\r\n          <span class=\"bg-[#b4802c]\/10 text-[#b4802c] border border-[#b4802c]\/30 px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider inline-flex items-center gap-2\">\r\n            <span class=\"iqra-pulse-dot\"><\/span>\r\n            Admission Open (\u09e8\u09e6\u09e8\u09ec \u09b8\u09c7\u09b6\u09a8)\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <h1 class=\"iqra-bengali text-2xl sm:text-3xl lg:text-4xl font-extrabold text-[#0a3a35] leading-tight mb-2\">\r\n          \u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09b0\u09cd\u09b7\r\n        <\/h1>\r\n        \r\n        <p class=\"iqra-bengali text-sm sm:text-base text-[#b4802c] font-bold\">\r\n          \u098f\u09b6\u09bf\u09af\u09bc\u09be \u09ae\u09b9\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u09b8\u09b0\u09cd\u09ac\u09cb\u09a4\u09cd\u09a4\u09ae \u09b8\u09bf\u09b2\u09c7\u09ac\u09be\u09b8\u09c7 \u0986\u09b0\u09ac\u09c0 \u09ad\u09be\u09b7\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0995\u09cb\u09b0\u09cd\u09b8\u0964\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Part 2: Touch \/ Swipe Slider (Shows second on mobile) -->\r\n      <div class=\"iqra-hero-media\">\r\n        <div class=\"iqra-slider-container\">\r\n          <div class=\"iqra-slider-track\" id=\"iqraCourseSlider\">\r\n            <!-- Slide 1: Video -->\r\n            <div class=\"iqra-slide-item\">\r\n              <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/3dnl0Hj7rJk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n            <!-- Slide 2: Image -->\r\n            <div class=\"iqra-slide-item\">\r\n              <img decoding=\"async\" src=\"https:\/\/iqrainstitutebd.com\/wp-content\/uploads\/2026\/07\/Madani-nesab.jpeg\" alt=\"Madani Nesab Banner\" referrerpolicy=\"no-referrer\" title=\"madani nesab 1st year\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slider Dots Navigation -->\r\n        <div class=\"iqra-slider-dots\">\r\n          <button class=\"iqra-slider-dot active\" onclick=\"goToSlide(0)\"><\/button>\r\n          <button class=\"iqra-slider-dot\" onclick=\"goToSlide(1)\"><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Part 3: Course Pricing, Info & Buttons -->\r\n      <div class=\"iqra-hero-content\">\r\n        \r\n        <!-- Course Fee & Duration Card -->\r\n        <div class=\"iqra-price-card\">\r\n          <div class=\"iqra-price-item\">\r\n            <span class=\"iqra-price-label\">\u09a1\u09bf\u0989\u09b0\u09c7\u09b6\u09a8<\/span>\r\n            <span class=\"iqra-price-val iqra-bengali\">\u09e7 \u09ac\u099b\u09b0<\/span>\r\n          <\/div>\r\n          <div class=\"h-8 w-px bg-gray-200\"><\/div>\r\n          <div class=\"iqra-price-item\">\r\n            <span class=\"iqra-price-label\">\u09ad\u09b0\u09cd\u09a4\u09bf \u09ab\u09bf<\/span>\r\n            <span class=\"iqra-price-val iqra-bengali\"><span>\u09f3<\/span> \u09eb\u09e6\u09e6\/-<\/span>\r\n          <\/div>\r\n          <div class=\"h-8 w-px bg-gray-200\"><\/div>\r\n          <div class=\"iqra-price-item\">\r\n            <span class=\"iqra-price-label\">\u09ae\u09be\u09b8\u09bf\u0995 \u09ab\u09bf<\/span>\r\n            <span class=\"iqra-price-val iqra-bengali\"><span>\u09f3<\/span> \u09e7\u09e6\u09e6\u09e6\/-<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Buttons side-by-side -->\r\n        <div class=\"iqra-btn-group\">\r\n          <!-- Replace '#' with your actual Google Form URL -->\r\n          <a href=\"#\" target=\"_blank\" class=\"iqra-btn-primary\">\r\n            <span>Enroll Now<\/span>\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/a>\r\n          <button onclick=\"openFreeClassModal()\" class=\"iqra-btn-secondary\">\r\n            <span>\u09ab\u09cd\u09b0\u09bf \u0995\u09cd\u09b2\u09be\u09b8 \u09ac\u09c1\u0995 \u0995\u09b0\u09c1\u09a8<\/span>\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"10 8 16 12 10 16 10 8\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- MISSING SECTION ADDED BACK: Course Offerings \/ Materials -->\r\n        <div>\r\n          <h3 class=\"iqra-bengali text-lg font-bold text-[#0a3a35] mb-4 border-b border-[#0a3a35]\/10 pb-2\">\r\n            \ud83d\udcda \u09e7 \u09ac\u099b\u09b0\u09c7\u09b0 \u09b2\u09be\u0987\u09ad \u0995\u09cb\u09b0\u09cd\u09b8\u09c7 \u09af\u09be \u09a5\u09be\u0995\u099b\u09c7:\r\n          <\/h3>\r\n          <div class=\"iqra-features-grid\">\r\n            <div class=\"iqra-feature-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m15 10-5 5-2-2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09e7\u09eb\u09e6+ \u09b2\u09be\u0987\u09ad \u0995\u09cd\u09b2\u09be\u09b8<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-feature-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m15 10-5 5-2-2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09b2\u09be\u0987\u09ad \u09b0\u09bf\u09ad\u09bf\u09b6\u09a8 \u0995\u09cd\u09b2\u09be\u09b8<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-feature-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m15 10-5 5-2-2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09ae\u09be\u09b8\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09be\u09af\u09bc\u09a8 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-feature-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m15 10-5 5-2-2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u099a\u09c2\u09a1\u09bc\u09be\u09a8\u09cd\u09a4 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-feature-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m15 10-5 5-2-2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09b0\u09c7\u0995\u09b0\u09cd\u09a1\u09c7\u09a1 \u09b2\u09c7\u0995\u099a\u09be\u09b0<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-feature-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m15 10-5 5-2-2\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09b2\u09be\u0987\u09ad \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- What You Will Learn Section -->\r\n        <div>\r\n          <h3 class=\"iqra-bengali text-lg font-bold text-[#0a3a35] border-b border-[#0a3a35]\/10 pb-2\">\r\n            \ud83c\udfaf \u0995\u09cb\u09b0\u09cd\u09b8\u099f\u09bf \u0995\u09b0\u09b2\u09c7 \u0986\u09aa\u09a8\u09bf \u09af\u09be \u09b6\u09bf\u0996\u09ac\u09c7\u09a8:\r\n          <\/h3>\r\n          <div class=\"iqra-outcomes-grid\">\r\n            <div class=\"iqra-outcome-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u0986\u09b0\u09ac\u09c0\u09a4\u09c7 \u0985\u09a8\u09b0\u09cd\u0997\u09b2 \u0995\u09a5\u09be \u09ac\u09b2\u09be<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-outcome-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09a4\u09be\u09b0\u0995\u09c0\u09ac \u09a4\u09be\u09b9\u0995\u09c0\u0995 \u0993 \u09ac\u09c7\u09b8\u09bf\u0995 \u09ac\u09cd\u09af\u09be\u0995\u09b0\u09a3<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-outcome-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09b0\u099a\u09a8\u09be \u09b2\u09bf\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u09be \u0993 \u09ae\u09a8\u09c7\u09b0 \u09ad\u09be\u09ac \u09aa\u09cd\u09b0\u0995\u09be\u09b6<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-outcome-card\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u0995\u09c1\u09b0\u0986\u09a8-\u09b9\u09be\u09a6\u09bf\u09b8\u09c7\u09b0 \u0985\u09b0\u09cd\u09a5 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u09ac\u09cb\u099d\u09be<\/span>\r\n            <\/div>\r\n            <div class=\"iqra-outcome-card sm:col-span-2\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span class=\"iqra-bengali text-xs font-bold text-[#0a3a35]\">\u09af\u09c7\u0995\u09cb\u09a8\u09cb \u0986\u09b0\u09ac\u09c0 \u09ac\u0995\u09cd\u09a4\u09ac\u09cd\u09af \u09b8\u09b9\u099c\u09c7 \u09ac\u09c1\u099d\u09a4\u09c7 \u09aa\u09be\u09b0\u09be<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Clean Line-by-Line Characteristics Section -->\r\n    <div class=\"mt-12 bg-white\/70 p-6 sm:p-8 rounded-2xl border border-[#0a3a35]\/10\">\r\n      <h3 class=\"iqra-bengali text-lg font-bold text-[#0a3a35] mb-2\">\r\n        \ud83c\udf1f \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ac\u09c8\u09b6\u09bf\u09b7\u09cd\u099f\u09cd\u09af:\r\n      <\/h3>\r\n      <div class=\"iqra-char-list\">\r\n        <div class=\"iqra-char-item\">\r\n          <span class=\"text-green-600 font-bold\">\u2705<\/span>\r\n          <span class=\"iqra-bengali\">\u09ae\u09be\u09a4\u09c3\u09ad\u09be\u09b7\u09be\u09ad\u09bf\u09a4\u09cd\u09a4\u09bf\u0995 \u09b8\u09b9\u099c \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\u09a4\u09c7 \u0986\u09b0\u09ac\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u0964<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-char-item\">\r\n          <span class=\"text-green-600 font-bold\">\u2705<\/span>\r\n          <span class=\"iqra-bengali\">\u09ac\u09cd\u09af\u09be\u0995\u09b0\u09a3\u09c7\u09b0 \u099c\u099f\u09bf\u09b2\u09a4\u09be \u099b\u09be\u09a1\u09bc\u09be\u0987 \u09b8\u09cd\u09ac\u09be\u099a\u09cd\u099b\u09a8\u09cd\u09a6\u09cd\u09af\u09c7 \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u09af\u09be\u0993\u09af\u09bc\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997\u0964<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-char-item\">\r\n          <span class=\"text-green-600 font-bold\">\u2705<\/span>\r\n          <span class=\"iqra-bengali\">\u0995\u09c1\u09b0\u0986\u09a8-\u09b9\u09be\u09a6\u09bf\u09b8 \u09ac\u09c1\u099d\u09be \u09b9\u09ac\u09c7 \u09b8\u09b9\u099c \u0993 \u09b8\u09cd\u09aa\u09b7\u09cd\u099f\u0964<\/span>\r\n        <\/div>\r\n        <div class=\"iqra-char-item\">\r\n          <span class=\"text-green-600 font-bold\">\u2705<\/span>\r\n          <span class=\"iqra-bengali\">\u09ad\u09be\u09b7\u09be\u09b0 \u09ae\u09cc\u09b2\u09bf\u0995 \u099a\u09be\u09b0\u099f\u09bf \u09ac\u09bf\u09b7\u09af\u09bc \u09ac\u09bf\u09b6\u09c7\u09b7 \u09a6\u0995\u09cd\u09b7\u09a4\u09be \u0985\u09b0\u09cd\u099c\u09a8\u0964<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Centered Easy-to-Reach Demo Class Section -->\r\n    <div class=\"iqra-demo-box\">\r\n      <div>\r\n        <h3 class=\"iqra-bengali text-lg font-bold text-[#0a3a35]\">\u09b0\u09c7\u0995\u09b0\u09cd\u09a1\u09c7\u09a1 \u09a1\u09c7\u09ae\u09cb \u0995\u09cd\u09b2\u09be\u09b8 \u09a6\u09c7\u0996\u09c7 \u09a8\u09bf\u09a8<\/h3>\r\n        <p class=\"iqra-bengali text-xs text-gray-500 mt-1\">\u0995\u09cb\u09b0\u09cd\u09b8\u09c7\u09b0 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09ae\u09be\u09a8 \u09af\u09be\u099a\u09be\u0987 \u0995\u09b0\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u09ac\u09be\u099f\u09a8\u09c7 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/youtu.be\/gZEGaRs178k?si=JC2Dn0ZXEcTdHuiU\" target=\"_blank\" class=\"iqra-demo-btn\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n        <span class=\"iqra-bengali\">\u09a1\u09c7\u09ae\u09cb \u0995\u09cd\u09b2\u09be\u09b8 \u09a6\u09c7\u0996\u09c1\u09a8<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Money Back Guarantee Box -->\r\n    <div class=\"iqra-guarantee-box\">\r\n      <div class=\"text-3xl\">\ud83d\udca1<\/div>\r\n      <div>\r\n        <h4 class=\"iqra-bengali font-bold text-base sm:text-lg text-[#0a3a35]\">\u09e7\u09e6\u09e6% \u09ae\u09be\u09a8\u09bf \u09ac\u09cd\u09af\u09be\u0995 \u0997\u09cd\u09af\u09be\u09b0\u09be\u09a8\u09cd\u099f\u09bf!<\/h4>\r\n        <p class=\"iqra-bengali text-xs sm:text-sm text-gray-600 mt-0.5\">\r\n          \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ac\u09cd\u09af\u09b0\u09cd\u09a5\u09a4\u09be\u09af\u09bc \u0995\u09cb\u09b0\u09cd\u09b8 \u09a5\u09c7\u0995\u09c7 \u0989\u09aa\u0995\u09c3\u09a4 \u09b9\u09a4\u09c7 \u09a8\u09be \u09aa\u09be\u09b0\u09b2\u09c7 \u09aa\u09c1\u09b0\u09cb \u0995\u09cb\u09b0\u09cd\u09b8 \u09ab\u09bf \u09e7\u09e6\u09e6% \u09b0\u09bf\u099f\u09be\u09b0\u09cd\u09a8 \u09a6\u09c7\u0993\u09df\u09be \u09b9\u09ac\u09c7\u0964\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- POPUP MODAL HTML -->\r\n<div class=\"iqra-modal-backdrop\" id=\"freeClassModal\">\r\n  <div class=\"iqra-modal-content\">\r\n    <button onclick=\"closeFreeClassModal()\" class=\"iqra-modal-close\">&times;<\/button>\r\n    \r\n    <div class=\"text-center mb-5 mt-2\">\r\n      <span class=\"text-[10px] font-bold uppercase tracking-wider text-[#b4802c] bg-[#b4802c]\/10 px-3 py-1 rounded-full\">Free Trial Booking<\/span>\r\n      <h3 class=\"iqra-bengali text-lg font-bold text-[#0a3a35] mt-2\">\u09ab\u09cd\u09b0\u09bf \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\r\n    <form onsubmit=\"submitFreeClassBooking(event)\" class=\"space-y-3\">\r\n      <div>\r\n        <label class=\"iqra-bengali block text-[11px] font-bold text-[#0a3a35] mb-1\">\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae<\/label>\r\n        <input type=\"text\" id=\"modal-name\" required placeholder=\"\u09a8\u09be\u09ae \u09b2\u09bf\u0996\u09c1\u09a8\" class=\"w-full px-4 py-2.5 bg-gray-50 border border-gray-200 rounded-xl text-xs outline-none focus:border-[#b4802c]\">\r\n      <\/div>\r\n\r\n      <div>\r\n        <label class=\"iqra-bengali block text-[11px] font-bold text-[#0a3a35] mb-1\">\u09b9\u09cb\u09af\u09bc\u09be\u099f\u09b8\u0985\u09cd\u09af\u09be\u09aa \u09a8\u09ae\u09cd\u09ac\u09b0<\/label>\r\n        <input type=\"tel\" id=\"modal-phone\" required placeholder=\"017xxxxxxxx\" class=\"w-full px-4 py-2.5 bg-gray-50 border border-gray-200 rounded-xl text-xs outline-none focus:border-[#b4802c]\">\r\n      <\/div>\r\n\r\n      <div>\r\n        <label class=\"iqra-bengali block text-[11px] font-bold text-[#0a3a35] mb-1\">\u09a0\u09bf\u0995\u09be\u09a8\u09be<\/label>\r\n        <input type=\"text\" id=\"modal-address\" required placeholder=\"\u099c\u09c7\u09b2\u09be \/ \u098f\u09b2\u09be\u0995\u09be\" class=\"w-full px-4 py-2.5 bg-gray-50 border border-gray-200 rounded-xl text-xs outline-none focus:border-[#b4802c]\">\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"w-full py-3 mt-4 bg-[#0a3a35] hover:bg-[#115c55] text-white font-bold text-xs uppercase tracking-wider rounded-full shadow-md transition-all border-none outline-none cursor-pointer\">\r\n        \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8\r\n      <\/button>\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Move Modal to Body on Load\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    var modal = document.getElementById(\"freeClassModal\");\r\n    if(modal && modal.parentNode !== document.body) {\r\n      document.body.appendChild(modal);\r\n    }\r\n  });\r\n\r\n  \/\/ Slider Touch \/ Drag Logic\r\n  var track = document.getElementById('iqraCourseSlider');\r\n  var dots = document.querySelectorAll('.iqra-slider-dot');\r\n\r\n  function goToSlide(index) {\r\n    if(track) {\r\n      var slideWidth = track.offsetWidth;\r\n      track.scrollTo({ left: slideWidth * index, behavior: 'smooth' });\r\n      updateDots(index);\r\n    }\r\n  }\r\n\r\n  function updateDots(index) {\r\n    dots.forEach(function(dot, i) {\r\n      if(i === index) dot.classList.add('active');\r\n      else dot.classList.remove('active');\r\n    });\r\n  }\r\n\r\n  if(track) {\r\n    track.addEventListener('scroll', function() {\r\n      var slideWidth = track.offsetWidth;\r\n      if(slideWidth > 0) {\r\n        var index = Math.round(track.scrollLeft \/ slideWidth);\r\n        updateDots(index);\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Modal Controls\r\n  function openFreeClassModal() {\r\n    document.getElementById('freeClassModal').classList.add('open');\r\n  }\r\n  function closeFreeClassModal() {\r\n    document.getElementById('freeClassModal').classList.remove('open');\r\n  }\r\n\r\n  \/\/ Submit Action -> Sends structured WhatsApp message\r\n  function submitFreeClassBooking(e) {\r\n    e.preventDefault();\r\n    var name = document.getElementById('modal-name').value;\r\n    var phone = document.getElementById('modal-phone').value;\r\n    var address = document.getElementById('modal-address').value;\r\n\r\n    var text = \"Assalamu Alaikum! I want to join the Free Trial Class for *\u09ae\u09be\u09a6\u09be\u09a8\u09bf \u09a8\u09c7\u09b8\u09be\u09ac (\u09e7\u09ae \u09ac\u09b0\u09cd\u09b7)*.\\n\\n\" +\r\n               \"\ud83d\udccc *My Details:*\\n\" +\r\n               \"- Name: \" + name + \"\\n\" +\r\n               \"- Phone: \" + phone + \"\\n\" +\r\n               \"- Address: \" + address;\r\n\r\n    var encoded = encodeURIComponent(text);\r\n    var waUrl = \"https:\/\/wa.me\/8801617281296?text=\" + encoded;\r\n    \r\n    window.open(waUrl, '_blank');\r\n    closeFreeClassModal();\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-b33babf e-flex e-con-boxed e-con e-parent\" data-id=\"b33babf\" 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-36ae663 elementor-widget elementor-widget-html\" data-id=\"36ae663\" 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=\"madani nesab 1st year\" \/>\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":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-257","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages\/257","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=257"}],"version-history":[{"count":5,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":287,"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions\/287"}],"wp:attachment":[{"href":"https:\/\/iqrainstitutebd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}