{"id":91,"date":"2026-09-15T09:26:31","date_gmt":"2026-09-15T09:26:31","guid":{"rendered":"https:\/\/ieltsbd.cc\/?page_id=91"},"modified":"2026-09-16T07:04:51","modified_gmt":"2026-09-16T07:04:51","slug":"new-offline-basic-ielts-batch","status":"publish","type":"page","link":"https:\/\/ieltsbd.cc\/?page_id=91","title":{"rendered":"New Offline Basic IELTS Batch"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"91\" class=\"elementor elementor-91\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad67aad e-con e-atomic-element e-flexbox-base e-0a8f570 \" data-id=\"ad67aad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad67aad\">\n    \t\t<div class=\"elementor-element elementor-element-e856886 elementor-widget elementor-widget-html\" data-id=\"e856886\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n    <title>IELTS Bangladesh | New Offline Basic IELTS Batch<\/title>\r\n    \r\n    <!-- WORDPRESS EMBED INSTRUCTIONS:\r\n         To use in WordPress:\r\n         1. Create a new Page in WordPress and select \"Elementor Canvas\" or \"Blank Template\".\r\n         2. Add an \"HTML\" block (Gutenberg) or \"Custom HTML\" widget (Elementor).\r\n         3. Copy & paste this entire code into the HTML block.\r\n    -->\r\n\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- FontAwesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Google Fonts: Montserrat & Noto Sans Bengali -->\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=Montserrat:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Custom Style, Font Setup & WordPress CSS Reset -->\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brandRed: '#DC143C',\r\n                        brandNavy: '#0F2747',\r\n                        brandLightBg: '#FAFAFA',\r\n                        brandGold: '#F59E0B'\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Montserrat', 'Noto Sans Bengali', 'sans-serif'],\r\n                        bengali: ['Noto Sans Bengali', 'sans-serif']\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        \/* WordPress Theme Overrides & Resets *\/\r\n        html, body {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: 100% !important;\r\n            overflow-x: hidden !important;\r\n            font-family: 'Montserrat', 'Noto Sans Bengali', sans-serif;\r\n            background-color: #FAFAFA;\r\n            color: #1F2937;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        \r\n        \/* Prevent WP Theme link underline overrides *\/\r\n        a {\r\n            text-decoration: none !important;\r\n        }\r\n\r\n        .bengali-font {\r\n            font-family: 'Noto Sans Bengali', sans-serif;\r\n        }\r\n        \r\n        \/* WordPress Theme Overrides & Gallery Image Fix *\/\r\n        #galleryContainer img {\r\n            height: 100% !important;\r\n            width: 100% !important;\r\n            object-fit: cover !important;\r\n            display: block !important;\r\n        }\r\n\r\n        \/* Hide scrollbars for slick gallery sliding *\/\r\n        .no-scrollbar::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n        .no-scrollbar {\r\n            -ms-overflow-style: none;\r\n            scrollbar-width: none;\r\n        }\r\n\r\n        \/* Touch target optimizations *\/\r\n        button, a {\r\n            touch-action: manipulation;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"antialiased bg-[#FAFAFA] text-gray-800\">\r\n\r\n    <!-- 1. Top Announcement Bar -->\r\n    <div id=\"announcement-bar\" class=\"bg-[#DC143C] text-white py-2.5 px-4 text-center font-bold text-xs sm:text-sm md:text-base sticky top-0 z-50 shadow-md flex items-center justify-center\">\r\n        <div class=\"flex items-center justify-center gap-2\">\r\n            <span class=\"animate-pulse text-base sm:text-lg\">\ud83d\udd25<\/span>\r\n            <span>New Offline Basic IELTS Batch | Limited Seats Available<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. Hero Section -->\r\n    <section id=\"hero-section\" class=\"relative bg-gradient-to-b from-slate-50 via-white to-gray-50 py-8 sm:py-12 md:py-20 overflow-hidden\">\r\n        <!-- Background Accent Grid -->\r\n        <div class=\"absolute inset-0 opacity-5 bg-[radial-gradient(#0F2747_1px,transparent_1px)] [background-size:16px_16px] pointer-events-none\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 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: Copy & Details -->\r\n                <div class=\"lg:col-span-7 space-y-5 sm:space-y-6 text-center lg:text-left\">\r\n\r\n                    <!-- Main Headings -->\r\n                    <div class=\"space-y-2 sm:space-y-3\">\r\n                        <h1 class=\"text-2xl sm:text-4xl lg:text-5xl font-extrabold text-[#0F2747] leading-tight tracking-tight\">\r\n                            Start Your IELTS Journey From The Basics\r\n                        <\/h1>\r\n                        <h2 class=\"text-lg sm:text-2xl lg:text-3xl font-bold text-[#DC143C] bengali-font leading-snug\">\r\n                            \u09af\u09be\u09a6\u09c7\u09b0 English Basic \u09a6\u09c1\u09b0\u09cd\u09ac\u09b2, \u09a4\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b6\u09c1\u09b0\u09c1 \u09b9\u099a\u09cd\u099b\u09c7 New Offline Basic IELTS Batch\r\n                        <\/h2>\r\n                    <\/div>\r\n\r\n                    <!-- Supporting Text -->\r\n                    <p class=\"text-gray-600 text-sm sm:text-base md:text-lg leading-relaxed bengali-font max-w-2xl mx-auto lg:mx-0\">\r\n                        IELTS-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc English Foundation, Grammar, Vocabulary \u098f\u09ac\u0982 \u099a\u09be\u09b0\u099f\u09bf module-\u098f\u09b0 basic preparation \u09b6\u09bf\u0996\u09c1\u09a8 \u0985\u09ad\u09bf\u099c\u09cd\u099e guidance-\u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7\u0964\r\n                    <\/p>\r\n\r\n                    <!-- Course Highlight Cards -->\r\n                    <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-2.5 sm:gap-3 pt-2\">\r\n                        <!-- Duration -->\r\n                        <div class=\"bg-white p-2.5 sm:p-3.5 rounded-xl sm:rounded-2xl border border-gray-200 text-center shadow-sm hover:border-[#DC143C] transition-colors\">\r\n                            <div class=\"w-7 h-7 sm:w-8 sm:h-8 mx-auto mb-1 rounded-full bg-red-50 text-[#DC143C] flex items-center justify-center\">\r\n                                <i class=\"fas fa-calendar-alt text-xs sm:text-sm\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"text-[10px] sm:text-xs text-gray-500 font-semibold uppercase\">Duration<\/div>\r\n                            <div class=\"text-xs sm:text-sm font-extrabold text-[#0F2747] mt-0.5\">2 Months<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Class Type -->\r\n                        <div class=\"bg-white p-2.5 sm:p-3.5 rounded-xl sm:rounded-2xl border border-gray-200 text-center shadow-sm hover:border-[#DC143C] transition-colors\">\r\n                            <div class=\"w-7 h-7 sm:w-8 sm:h-8 mx-auto mb-1 rounded-full bg-blue-50 text-[#0F2747] flex items-center justify-center\">\r\n                                <i class=\"fas fa-school text-xs sm:text-sm\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"text-[10px] sm:text-xs text-gray-500 font-semibold uppercase\">Class Type<\/div>\r\n                            <div class=\"text-xs sm:text-sm font-extrabold text-[#0F2747] mt-0.5\">Offline<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Class Days -->\r\n                        <div class=\"bg-white p-2.5 sm:p-3.5 rounded-xl sm:rounded-2xl border border-gray-200 text-center shadow-sm hover:border-[#DC143C] transition-colors\">\r\n                            <div class=\"w-7 h-7 sm:w-8 sm:h-8 mx-auto mb-1 rounded-full bg-amber-50 text-amber-600 flex items-center justify-center\">\r\n                                <i class=\"fas fa-clock text-xs sm:text-sm\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"text-[10px] sm:text-xs text-gray-500 font-semibold uppercase\">Class<\/div>\r\n                            <div class=\"text-xs sm:text-sm font-extrabold text-[#0F2747] mt-0.5\">3 Days \/ Wk<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Seat Limit -->\r\n                        <div class=\"bg-white p-2.5 sm:p-3.5 rounded-xl sm:rounded-2xl border border-gray-200 text-center shadow-sm hover:border-[#DC143C] transition-colors\">\r\n                            <div class=\"w-7 h-7 sm:w-8 sm:h-8 mx-auto mb-1 rounded-full bg-purple-50 text-purple-600 flex items-center justify-center\">\r\n                                <i class=\"fas fa-users text-xs sm:text-sm\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"text-[10px] sm:text-xs text-gray-500 font-semibold uppercase\">Seat<\/div>\r\n                            <div class=\"text-xs sm:text-sm font-extrabold text-[#0F2747] mt-0.5\">30 Students<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Course Fee -->\r\n                        <div class=\"col-span-2 sm:col-span-1 bg-gradient-to-br from-[#0F2747] to-slate-800 p-2.5 sm:p-3.5 rounded-xl sm:rounded-2xl text-center text-white shadow-md\">\r\n                            <div class=\"text-[10px] sm:text-xs text-gray-300 font-medium uppercase\">Course Fee<\/div>\r\n                            <div class=\"text-lg sm:text-xl font-black text-amber-400 mt-0.5\">\u09f3\u09eb,\u09e6\u09e6\u09e6<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Primary CTA -->\r\n                    <div class=\"pt-2 sm:pt-4 flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-4\">\r\n                        <a href=\"https:\/\/wa.me\/8801966829891?text=Hello!%20I%20want%20to%20get%20Basic%20IELTS%20Batch%20Details.\" target=\"_blank\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-3 bg-emerald-600 hover:bg-emerald-500 text-white hover:text-white font-bold px-6 sm:px-8 py-3.5 sm:py-4 rounded-xl sm:rounded-2xl text-base sm:text-lg shadow-lg hover:shadow-xl transition-all transform hover:-translate-y-0.5 bengali-font active:scale-95\">\r\n                            <i class=\"fab fa-whatsapp text-xl sm:text-2xl text-white\"><\/i>\r\n                            <span class=\"text-white\">WhatsApp \u098f Course Details \u09a8\u09bf\u09a8<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Single Custom Image -->\r\n                <div class=\"lg:col-span-5 relative\">\r\n                    <div class=\"relative mx-auto max-w-md lg:max-w-none rounded-2xl sm:rounded-3xl overflow-hidden shadow-xl border border-gray-100\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/hero-section-basic.png\" alt=\"Basic IELTS Hero\" class=\"w-full h-auto object-cover rounded-2xl sm:rounded-3xl\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Basic+IELTS+Batch'\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. Who Is This Course For? Section -->\r\n    <section id=\"who-is-this-for\" class=\"py-16 bg-white border-y border-gray-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-12 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    \u098f\u0987 \u0995\u09cb\u09b0\u09cd\u09b8\u099f\u09bf \u0995\u09be\u09b0 \u099c\u09a8\u09cd\u09af?\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-base bengali-font\">\r\n                    \u0986\u09aa\u09a8\u09be\u09b0 \u09af\u09a6\u09bf \u09a8\u09bf\u099a\u09c7\u09b0 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u098f\u0995\u099f\u09bf \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09ac\u09be \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u09a5\u09be\u0995\u09c7, \u09a4\u09ac\u09c7 \u098f\u0987 Basic Batch-\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0987 \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n                <!-- Card 1 -->\r\n                <div class=\"bg-[#FAFAFA] p-6 rounded-2xl border border-gray-200 hover:border-[#DC143C] transition-all hover:-translate-y-1 group\">\r\n                    <div class=\"w-14 h-14 bg-red-100 text-[#DC143C] rounded-2xl flex items-center justify-center text-2xl font-bold mb-5 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fas fa-brain\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-[#0F2747] mb-2\">English Foundation Weak?<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                        \u09af\u09be\u09a6\u09c7\u09b0 English Grammar \u0993 Vocabulary \u09a6\u09c1\u09b0\u09cd\u09ac\u09b2 \u098f\u09ac\u0982 \u09ac\u09be\u0995\u09cd\u09af \u09a4\u09c8\u09b0\u09bf\u09a4\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09af\u09bc\u0964\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"bg-[#FAFAFA] p-6 rounded-2xl border border-gray-200 hover:border-[#DC143C] transition-all hover:-translate-y-1 group\">\r\n                    <div class=\"w-14 h-14 bg-blue-100 text-[#0F2747] rounded-2xl flex items-center justify-center text-2xl font-bold mb-5 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fas fa-rocket\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-[#0F2747] mb-2\">IELTS \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8?<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                        \u09af\u09be\u0981\u09b0\u09be IELTS \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4\u09bf \u098f\u0995\u09a6\u09ae \u09b6\u09c1\u09b0\u09c1 \u09a5\u09c7\u0995\u09c7 \u09b8\u09a0\u09bf\u0995 \u0997\u09be\u0987\u09a1\u09c7\u09b2\u09be\u09a8 \u09a8\u09bf\u09af\u09bc\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u0993 \u09b6\u09bf\u0996\u09a4\u09c7 \u099a\u09be\u09a8\u0964\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"bg-[#FAFAFA] p-6 rounded-2xl border border-gray-200 hover:border-[#DC143C] transition-all hover:-translate-y-1 group\">\r\n                    <div class=\"w-14 h-14 bg-amber-100 text-amber-600 rounded-2xl flex items-center justify-center text-2xl font-bold mb-5 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fas fa-comments\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-[#0F2747] mb-2\">Confidence Build \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8?<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                        \u09af\u09be\u0981\u09b0\u09be English Speaking \u098f\u09ac\u0982 Writing-\u098f \u0995\u09a5\u09be \u09ac\u09b2\u09a4\u09c7 \u09ad\u09af\u09bc \u09aa\u09be\u09a8 \u09ac\u09be \u0986\u09a4\u09cd\u09ae\u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8 \u09ac\u09be\u09a1\u09bc\u09be\u09a4\u09c7 \u099a\u09be\u09a8\u0964\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 4 -->\r\n                <div class=\"bg-[#FAFAFA] p-6 rounded-2xl border border-gray-200 hover:border-[#DC143C] transition-all hover:-translate-y-1 group\">\r\n                    <div class=\"w-14 h-14 bg-emerald-100 text-emerald-600 rounded-2xl flex items-center justify-center text-2xl font-bold mb-5 group-hover:scale-110 transition-transform\">\r\n                        <i class=\"fas fa-graduation-cap\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-[#0F2747] mb-2\">Future IELTS Preparation<\/h3>\r\n                    <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                        \u09af\u09be\u0981\u09b0\u09be \u09aa\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0\u09a4\u09c7 \u09ae\u09c2\u09b2 IELTS exam \u09a6\u09c7\u09ac\u09c7\u09a8 \u098f\u09ac\u0982 \u0986\u0997\u09c7 \u09a5\u09c7\u0995\u09c7 \u09ac\u09c7\u09b8\u09bf\u0995 \u09b8\u09cd\u099f\u09cd\u09b0\u0982 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8\u0964\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. Why Join Our Basic IELTS Batch? Section -->\r\n    <section id=\"why-join\" class=\"py-16 bg-[#FAFAFA]\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-14 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    \u0995\u09c7\u09a8 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 Basic IELTS \u09ac\u09cd\u09af\u09be\u099a\u09c7 \u099c\u09af\u09bc\u09c7\u09a8 \u0995\u09b0\u09ac\u09c7\u09a8?\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-base bengali-font\">\r\n                    \u0986\u09ae\u09b0\u09be \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 \u09a5\u09bf\u0993\u09b0\u09bf \u09a8\u09af\u09bc, \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09b8\u09ae\u09cd\u09ae\u09a4 \u099f\u09c7\u0995\u09a8\u09bf\u0995 \u0993 \u09a8\u09bf\u09af\u09bc\u09ae\u09bf\u09a4 \u09aa\u09cd\u09b0\u09cd\u09af\u09be\u0995\u099f\u09bf\u09b8\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09bf\u0964\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Grid of 7 Features -->\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n\r\n                <!-- Feature 1 -->\r\n                <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-red-50 text-[#DC143C] flex items-center justify-center text-xl font-bold shrink-0\">\r\n                            <i class=\"fas fa-spell-check\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg text-[#0F2747] mb-1\">Grammar Foundation<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                                IELTS-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc Grammar Rules \u098f\u09ac\u0982 Sentence Structure \u09b8\u09a0\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09b6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09ac\u09c7\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 2 -->\r\n                <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-blue-50 text-[#0F2747] flex items-center justify-center text-xl font-bold shrink-0\">\r\n                            <i class=\"fas fa-book-reader\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg text-[#0F2747] mb-1\">Vocabulary Development<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                                IELTS-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 High-Frequency Vocabulary \u09b6\u09c7\u0996\u09be\u09a8\u09cb \u0993 \u09b8\u09a0\u09bf\u0995 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09be \u09b9\u09ac\u09c7\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 3 -->\r\n                <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-purple-50 text-purple-600 flex items-center justify-center text-xl font-bold shrink-0\">\r\n                            <i class=\"fas fa-sync-alt\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg text-[#0F2747] mb-1\">Paraphrase Skills<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                                IELTS-\u098f\u09b0 \u09b8\u09ac\u099a\u09c7\u09af\u09bc\u09c7 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 Paraphrasing Technique \u0986\u09af\u09bc\u09a4\u09cd\u09a4 \u0995\u09b0\u09be\u09b0 \u099a\u09ae\u09ce\u0995\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 4 -->\r\n                <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-amber-50 text-amber-600 flex items-center justify-center text-xl font-bold shrink-0\">\r\n                            <i class=\"fas fa-search\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg text-[#0F2747] mb-1\">Reading Tools<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                                Reading passage \u09b8\u09b9\u099c\u09c7 \u09ac\u09c1\u099d\u09a4\u09c7 \u098f\u09ac\u0982 \u09a6\u09cd\u09b0\u09c1\u09a4 Answer \u0996\u09c1\u0981\u099c\u09c7 \u09ac\u09c7\u09b0 \u0995\u09b0\u09be\u09b0 Effective Techniques\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 5 -->\r\n                <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center text-xl font-bold shrink-0\">\r\n                            <i class=\"fas fa-headphones\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg text-[#0F2747] mb-1\">Listening Tools<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                                Listening Skill \u09a6\u09cd\u09b0\u09c1\u09a4 \u0989\u09a8\u09cd\u09a8\u09a4 \u0995\u09b0\u09be\u09b0 Practical Strategies \u098f\u09ac\u0982 \u0989\u099a\u09cd\u099a\u09be\u09b0\u09a3 \u099a\u09c7\u09a8\u09be\u09b0 \u0995\u09cc\u09b6\u09b2\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 6 -->\r\n                <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\r\n                    <div class=\"flex items-start gap-4\">\r\n                        <div class=\"w-12 h-12 rounded-xl bg-rose-50 text-rose-600 flex items-center justify-center text-xl font-bold shrink-0\">\r\n                            <i class=\"fas fa-pen-nib\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg text-[#0F2747] mb-1\">Writing & Speaking Basic<\/h3>\r\n                            <p class=\"text-gray-600 text-sm leading-relaxed bengali-font\">\r\n                                IELTS Writing \u098f\u09ac\u0982 Speaking-\u098f\u09b0 \u09b8\u09a0\u09bf\u0995 Foundation \u0993 \u09b8\u09cd\u099f\u09cd\u09b0\u09be\u0995\u099a\u09be\u09b0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u0964\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature 7 (Full Span on LG) -->\r\n                <div class=\"bg-gradient-to-r from-[#0F2747] to-slate-800 text-white p-6 rounded-2xl shadow-md lg:col-span-3\">\r\n                    <div class=\"flex flex-col md:flex-row items-center justify-between gap-4\">\r\n                        <div class=\"flex items-center gap-4\">\r\n                            <div class=\"w-14 h-14 rounded-2xl bg-[#DC143C] flex items-center justify-center text-2xl font-bold text-white shrink-0\">\r\n                                <i class=\"fas fa-clipboard-check\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h3 class=\"font-bold text-xl text-white mb-1\">Regular Class Test<\/h3>\r\n                                <p class=\"text-gray-300 text-sm bengali-font\">\r\n                                    \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf Chapter \u098f\u09ac\u0982 Class \u09b6\u09c7\u09b7\u09c7 Progress Check \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u09af\u09bc\u09ae\u09bf\u09a4 \u099f\u09c7\u09b8\u09cd\u099f \u0993 \u09ab\u09bf\u09a1\u09ac\u09cd\u09af\u09be\u0995\u0964\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/wa.me\/8801966829891?text=I%20want%20to%20join%20Basic%20IELTS%20Batch\" target=\"_blank\" class=\"bg-[#DC143C] hover:bg-[#a0102d] text-white hover:text-white font-bold px-6 py-3 rounded-xl text-sm transition-all whitespace-nowrap bengali-font inline-flex items-center justify-center gap-2\">\r\n                            <i class=\"fab fa-whatsapp text-white\"><\/i> <span class=\"text-white\">\u09ac\u09cd\u09af\u09be\u099a\u09c7 \u09af\u09cb\u0997 \u09a6\u09bf\u09a8<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6. What You Will Learn? Section -->\r\n    <section class=\"py-16 bg-white border-t border-gray-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-12 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    \u098f\u0987 \u0995\u09cb\u09b0\u09cd\u09b8\u09c7 \u09af\u09be \u09b6\u09bf\u0996\u09ac\u09c7\u09a8\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-base bengali-font\">\r\n                    \u09ec\u099f\u09bf \u09ae\u09c2\u09b2 \u09aa\u09bf\u09b2\u09be\u09b0\u09c7 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09be\u0989\u09a8\u09cd\u09a1\u09c7\u09b6\u09a8 \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u09a8\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-6\">\r\n                <!-- Grid Item 1 -->\r\n                <div class=\"p-6 bg-slate-50 border border-slate-200 rounded-2xl text-center space-y-3 hover:bg-white hover:shadow-md transition-all\">\r\n                    <div class=\"w-12 h-12 bg-red-100 text-[#DC143C] rounded-full flex items-center justify-center mx-auto text-xl font-bold\">\r\n                        <i class=\"fas fa-list\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-lg text-[#0F2747]\">Grammar<\/h3>\r\n                    <p class=\"text-xs md:text-sm text-gray-600 bengali-font\">IELTS-\u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc Grammar rules<\/p>\r\n                <\/div>\r\n\r\n                <!-- Grid Item 2 -->\r\n                <div class=\"p-6 bg-slate-50 border border-slate-200 rounded-2xl text-center space-y-3 hover:bg-white hover:shadow-md transition-all\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 text-[#0F2747] rounded-full flex items-center justify-center mx-auto text-xl font-bold\">\r\n                        <i class=\"fas fa-language\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-lg text-[#0F2747]\">Vocabulary<\/h3>\r\n                    <p class=\"text-xs md:text-sm text-gray-600 bengali-font\">Important IELTS vocabulary building<\/p>\r\n                <\/div>\r\n\r\n                <!-- Grid Item 3 -->\r\n                <div class=\"p-6 bg-slate-50 border border-slate-200 rounded-2xl text-center space-y-3 hover:bg-white hover:shadow-md transition-all\">\r\n                    <div class=\"w-12 h-12 bg-purple-100 text-purple-600 rounded-full flex items-center justify-center mx-auto text-xl font-bold\">\r\n                        <i class=\"fas fa-retweet\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-lg text-[#0F2747]\">Paraphrase<\/h3>\r\n                    <p class=\"text-xs md:text-sm text-gray-600 bengali-font\">IELTS-\u098f\u09b0 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 paraphrasing techniques<\/p>\r\n                <\/div>\r\n\r\n                <!-- Grid Item 4 -->\r\n                <div class=\"p-6 bg-slate-50 border border-slate-200 rounded-2xl text-center space-y-3 hover:bg-white hover:shadow-md transition-all\">\r\n                    <div class=\"w-12 h-12 bg-amber-100 text-amber-600 rounded-full flex items-center justify-center mx-auto text-xl font-bold\">\r\n                        <i class=\"fas fa-glasses\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-lg text-[#0F2747]\">Reading Tools<\/h3>\r\n                    <p class=\"text-xs md:text-sm text-gray-600 bengali-font\">Reading \u09ac\u09c1\u099d\u09be\u09b0 \u098f\u09ac\u0982 answer finding techniques<\/p>\r\n                <\/div>\r\n\r\n                <!-- Grid Item 5 -->\r\n                <div class=\"p-6 bg-slate-50 border border-slate-200 rounded-2xl text-center space-y-3 hover:bg-white hover:shadow-md transition-all\">\r\n                    <div class=\"w-12 h-12 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center mx-auto text-xl font-bold\">\r\n                        <i class=\"fas fa-volume-up\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-lg text-[#0F2747]\">Listening Tools<\/h3>\r\n                    <p class=\"text-xs md:text-sm text-gray-600 bengali-font\">Listening skill \u0989\u09a8\u09cd\u09a8\u09af\u09bc\u09a8\u09c7\u09b0 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u0995\u09cc\u09b6\u09b2<\/p>\r\n                <\/div>\r\n\r\n                <!-- Grid Item 6 -->\r\n                <div class=\"p-6 bg-slate-50 border border-slate-200 rounded-2xl text-center space-y-3 hover:bg-white hover:shadow-md transition-all col-span-2 md:col-span-1\">\r\n                    <div class=\"w-12 h-12 bg-rose-100 text-rose-600 rounded-full flex items-center justify-center mx-auto text-xl font-bold\">\r\n                        <i class=\"fas fa-edit\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-lg text-[#0F2747]\">Writing & Speaking<\/h3>\r\n                    <p class=\"text-xs md:text-sm text-gray-600 bengali-font\">IELTS Writing \u0993 Speaking-\u098f\u09b0 foundation<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 7. Course Curriculum Section (2 Months Learning Plan) -->\r\n    <section id=\"curriculum\" class=\"py-16 bg-[#FAFAFA]\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-14 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    2 Months Basic IELTS Learning Plan\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-base bengali-font\">\r\n                    \u09a7\u09be\u09aa\u09c7 \u09a7\u09be\u09aa\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf \u09ae\u099c\u09ac\u09c1\u09a4 \u0995\u09b0\u09be\u09b0 \u09ea\u099f\u09bf \u09b8\u09c1\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09ab\u09c7\u099c\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Phase Timeline Cards -->\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n\r\n                <!-- Phase 1 -->\r\n                <div class=\"bg-white rounded-2xl border border-gray-200 p-6 shadow-sm flex flex-col justify-between relative overflow-hidden group hover:border-[#DC143C] transition-colors\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-1.5 bg-[#DC143C]\"><\/div>\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-4\">\r\n                            <span class=\"text-xs font-bold text-[#DC143C] uppercase tracking-wider bg-red-50 px-2.5 py-1 rounded-full\">Phase 1<\/span>\r\n                            <i class=\"fas fa-cube text-gray-300 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-[#0F2747] mb-4 bengali-font\">English Foundation<\/h3>\r\n\r\n                        <ul class=\"space-y-2 text-sm text-gray-700\">\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Noun, Pronoun & Verb<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Modal Verb & Adjective<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Preposition Masterclass<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Sentence Structure<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Tense & Voice Change<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Conditionals<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Phase 2 -->\r\n                <div class=\"bg-white rounded-2xl border border-gray-200 p-6 shadow-sm flex flex-col justify-between relative overflow-hidden group hover:border-[#DC143C] transition-colors\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-1.5 bg-[#0F2747]\"><\/div>\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-4\">\r\n                            <span class=\"text-xs font-bold text-[#0F2747] uppercase tracking-wider bg-blue-50 px-2.5 py-1 rounded-full\">Phase 2<\/span>\r\n                            <i class=\"fas fa-book text-gray-300 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-[#0F2747] mb-4 bengali-font\">Vocabulary & Skills<\/h3>\r\n\r\n                        <ul class=\"space-y-2 text-sm text-gray-700\">\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Reading Vocabulary<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Writing Vocabulary<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Speaking Vocabulary<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Sentence Linkers<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Suffix & Prefix<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Paraphrase Rules<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Phase 3 -->\r\n                <div class=\"bg-white rounded-2xl border border-gray-200 p-6 shadow-sm flex flex-col justify-between relative overflow-hidden group hover:border-[#DC143C] transition-colors\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-1.5 bg-amber-500\"><\/div>\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-4\">\r\n                            <span class=\"text-xs font-bold text-amber-600 uppercase tracking-wider bg-amber-50 px-2.5 py-1 rounded-full\">Phase 3<\/span>\r\n                            <i class=\"fas fa-layer-group text-gray-300 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-[#0F2747] mb-4 bengali-font\">Module Introduction<\/h3>\r\n\r\n                        <ul class=\"space-y-2 text-sm text-gray-700\">\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Listening Tools & Tips<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Reading Passage Tools<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Writing Task 1 & 2 Basics<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Speaking Part 1, 2, 3 Intro<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Phase 4 -->\r\n                <div class=\"bg-white rounded-2xl border border-gray-200 p-6 shadow-sm flex flex-col justify-between relative overflow-hidden group hover:border-[#DC143C] transition-colors\">\r\n                    <div class=\"absolute top-0 left-0 w-full h-1.5 bg-emerald-500\"><\/div>\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-4\">\r\n                            <span class=\"text-xs font-bold text-emerald-600 uppercase tracking-wider bg-emerald-50 px-2.5 py-1 rounded-full\">Phase 4<\/span>\r\n                            <i class=\"fas fa-award text-gray-300 text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-xl font-bold text-[#0F2747] mb-4 bengali-font\">Practice & Evaluation<\/h3>\r\n\r\n                        <ul class=\"space-y-2 text-sm text-gray-700\">\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Regular Class Tests<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Exclusive Vocabulary Exam<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Grammar Foundation Test<\/li>\r\n                            <li class=\"flex items-center gap-2\"><i class=\"fas fa-check text-emerald-500 text-xs\"><\/i> Full Course Review<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 8. Learning Process Timeline Section -->\r\n    <section class=\"py-16 bg-white border-t border-gray-100\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-14 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    \u0986\u09aa\u09a8\u09be\u09b0 IELTS Preparation Journey\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-base bengali-font\">\r\n                    \u09eb\u099f\u09bf \u09b8\u09b9\u099c \u09a7\u09be\u09aa\u09c7 \u09ac\u09c7\u09b8\u09bf\u0995 \u09a5\u09c7\u0995\u09c7 \u0985\u09cd\u09af\u09be\u09a1\u09ad\u09be\u09a8\u09cd\u09b8\u09a1 \u0986\u0987\u0987\u098f\u09b2\u099f\u09bf\u098f\u09b8 \u09aa\u09cd\u09b0\u09bf\u09aa\u09be\u09b0\u09c7\u09b6\u09a8\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Step Timeline Flow -->\r\n            <div class=\"grid grid-cols-1 md:grid-cols-5 gap-4 relative\">\r\n                <!-- Step 1 -->\r\n                <div class=\"bg-slate-50 p-5 rounded-2xl text-center border border-gray-200 space-y-2 relative\">\r\n                    <div class=\"w-10 h-10 bg-[#0F2747] text-white rounded-full flex items-center justify-center font-bold mx-auto\">1<\/div>\r\n                    <h3 class=\"font-bold text-sm text-[#0F2747] bengali-font\">Step 1<\/h3>\r\n                    <p class=\"text-xs text-gray-600 font-semibold bengali-font\">English Level Assessment<\/p>\r\n                <\/div>\r\n\r\n                <!-- Step 2 -->\r\n                <div class=\"bg-slate-50 p-5 rounded-2xl text-center border border-gray-200 space-y-2 relative\">\r\n                    <div class=\"w-10 h-10 bg-[#0F2747] text-white rounded-full flex items-center justify-center font-bold mx-auto\">2<\/div>\r\n                    <h3 class=\"font-bold text-sm text-[#0F2747] bengali-font\">Step 2<\/h3>\r\n                    <p class=\"text-xs text-gray-600 font-semibold bengali-font\">Basic Foundation Building<\/p>\r\n                <\/div>\r\n\r\n                <!-- Step 3 -->\r\n                <div class=\"bg-slate-50 p-5 rounded-2xl text-center border border-gray-200 space-y-2 relative\">\r\n                    <div class=\"w-10 h-10 bg-[#0F2747] text-white rounded-full flex items-center justify-center font-bold mx-auto\">3<\/div>\r\n                    <h3 class=\"font-bold text-sm text-[#0F2747] bengali-font\">Step 3<\/h3>\r\n                    <p class=\"text-xs text-gray-600 font-semibold bengali-font\">IELTS Skill Development<\/p>\r\n                <\/div>\r\n\r\n                <!-- Step 4 -->\r\n                <div class=\"bg-slate-50 p-5 rounded-2xl text-center border border-gray-200 space-y-2 relative\">\r\n                    <div class=\"w-10 h-10 bg-[#0F2747] text-white rounded-full flex items-center justify-center font-bold mx-auto\">4<\/div>\r\n                    <h3 class=\"font-bold text-sm text-[#0F2747] bengali-font\">Step 4<\/h3>\r\n                    <p class=\"text-xs text-gray-600 font-semibold bengali-font\">Practice & Feedback<\/p>\r\n                <\/div>\r\n\r\n                <!-- Step 5 -->\r\n                <div class=\"bg-[#DC143C] text-white p-5 rounded-2xl text-center shadow-lg space-y-2 relative\">\r\n                    <div class=\"w-10 h-10 bg-white text-[#DC143C] rounded-full flex items-center justify-center font-bold mx-auto\">5<\/div>\r\n                    <h3 class=\"font-bold text-sm text-white\">Step 5<\/h3>\r\n                    <p class=\"text-xs text-white\/90 font-semibold bengali-font\">Next Level IELTS Preparation<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 9. Why IELTS Bangladesh? Section -->\r\n    <section class=\"py-16 bg-[#0F2747] text-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-14 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-white bengali-font\">\r\n                    \u0995\u09c7\u09a8 IELTS Bangladesh \u09ac\u09c7\u099b\u09c7 \u09a8\u09c7\u09ac\u09c7\u09a8?\r\n                <\/h2>\r\n                <p class=\"text-gray-300 text-base bengali-font\">\r\n                    \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u09ab\u09bf\u099a\u09be\u09b0\u09b8\u09ae\u09c2\u09b9 \u09af\u09be \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09ac\u09c7 \u0995\u09be\u0999\u09cd\u0995\u09cd\u09b7\u09bf\u09a4 \u09b8\u09be\u09ab\u09b2\u09cd\u09af\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\r\n                <!-- Card 1 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-md p-5 rounded-2xl border border-white\/10 text-center space-y-3 hover:bg-white\/20 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-[#DC143C] text-white flex items-center justify-center mx-auto text-xl\">\r\n                        <i class=\"fas fa-user-tie\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-sm md:text-base text-white bengali-font\">Experienced Guidance<\/h3>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-md p-5 rounded-2xl border border-white\/10 text-center space-y-3 hover:bg-white\/20 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-[#DC143C] text-white flex items-center justify-center mx-auto text-xl\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-sm md:text-base text-white bengali-font\">Small Batch Size<\/h3>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-md p-5 rounded-2xl border border-white\/10 text-center space-y-3 hover:bg-white\/20 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-[#DC143C] text-white flex items-center justify-center mx-auto text-xl\">\r\n                        <i class=\"fas fa-file-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-sm md:text-base text-white bengali-font\">Regular Class Test<\/h3>\r\n                <\/div>\r\n\r\n                <!-- Card 4 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-md p-5 rounded-2xl border border-white\/10 text-center space-y-3 hover:bg-white\/20 transition-all\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-[#DC143C] text-white flex items-center justify-center mx-auto text-xl\">\r\n                        <i class=\"fas fa-comments\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-sm md:text-base text-white bengali-font\">Speaking Practice<\/h3>\r\n                <\/div>\r\n\r\n                <!-- Card 5 -->\r\n                <div class=\"bg-white\/10 backdrop-blur-md p-5 rounded-2xl border border-white\/10 text-center space-y-3 hover:bg-white\/20 transition-all col-span-2 md:col-span-1\">\r\n                    <div class=\"w-12 h-12 rounded-xl bg-[#DC143C] text-white flex items-center justify-center mx-auto text-xl\">\r\n                        <i class=\"fas fa-bullseye\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"font-bold text-sm md:text-base text-white bengali-font\">Personal Feedback<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 11. Classroom & Campus Gallery Section -->\r\n    <section class=\"py-12 sm:py-16 bg-white relative\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center max-w-3xl mx-auto mb-8 sm:mb-10 space-y-2\">\r\n                <h2 class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    Classroom & Campus Gallery\r\n                <\/h2>\r\n                <p class=\"text-gray-600 text-sm sm:text-base bengali-font\">\r\n                    \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0995\u09cd\u09b2\u09be\u09b8\u09b0\u09c1\u09ae \u0993 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6\u09c7\u09b0 \u098f\u0995\u099d\u09b2\u0995\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Slider Container with Navigation Arrows -->\r\n            <div class=\"relative max-w-7xl mx-auto px-1 sm:px-4\">\r\n                <!-- Navigation Left Arrow -->\r\n                <button onclick=\"scrollGallery(-1)\" aria-label=\"Previous Slide\" class=\"absolute -left-2 sm:left-0 top-1\/2 -translate-y-1\/2 z-20 w-9 h-9 sm:w-12 sm:h-12 bg-white\/95 hover:bg-[#DC143C] text-[#0F2747] hover:text-white rounded-full shadow-lg border border-gray-200 flex items-center justify-center transition-all duration-300 transform hover:scale-110 active:scale-95\">\r\n                    <i class=\"fas fa-chevron-left text-xs sm:text-lg\"><\/i>\r\n                <\/button>\r\n\r\n                <!-- Navigation Right Arrow -->\r\n                <button onclick=\"scrollGallery(1)\" aria-label=\"Next Slide\" class=\"absolute -right-2 sm:right-0 top-1\/2 -translate-y-1\/2 z-20 w-9 h-9 sm:w-12 sm:h-12 bg-white\/95 hover:bg-[#DC143C] text-[#0F2747] hover:text-white rounded-full shadow-lg border border-gray-200 flex items-center justify-center transition-all duration-300 transform hover:scale-110 active:scale-95\">\r\n                    <i class=\"fas fa-chevron-right text-xs sm:text-lg\"><\/i>\r\n                <\/button>\r\n\r\n                <!-- 3-Item Side-by-Side Horizontal Gallery with Mobile Swipe -->\r\n                <div id=\"galleryContainer\" class=\"flex gap-3 sm:gap-6 items-start overflow-x-auto scroll-smooth snap-x snap-mandatory py-2 px-1 no-scrollbar\" style=\"scrollbar-width: none; -ms-overflow-style: none;\">\r\n                    \r\n                    <!-- Image 1 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4257.JPG.jpeg\" alt=\"Campus Gallery 1\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+1'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Image 2 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4256.JPG.jpeg\" alt=\"Campus Gallery 2\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+2'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Image 3 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4255.JPG.jpeg\" alt=\"Campus Gallery 3\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+3'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Image 4 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4254.JPG.jpeg\" alt=\"Campus Gallery 4\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+4'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Image 5 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4252.JPG.jpeg\" alt=\"Campus Gallery 5\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+5'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Image 6 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4253.JPG.jpeg\" alt=\"Campus Gallery 6\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+6'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Image 7 -->\r\n                    <div class=\"w-[85vw] sm:w-[calc(50%-12px)] lg:w-[calc(33.333%-16px)] shrink-0 snap-start\">\r\n                        <div class=\"relative w-full pt-[75%] rounded-xl sm:rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-200 bg-gray-50 group\/item\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ieltsbd.cc\/wp-content\/uploads\/2026\/09\/IMG_4251.JPG.jpeg\" alt=\"Campus Gallery 7\" class=\"absolute inset-0 w-full h-full object-cover group-hover\/item:scale-105 transition-transform duration-500\" style=\"height: 100% !important; width: 100% !important; object-fit: cover !important;\" onerror=\"this.src='https:\/\/placehold.co\/800x600\/0F2747\/FFF?text=Campus+Gallery+7'\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 12. Campus Location Section -->\r\n    <section id=\"campuses\" class=\"py-16 bg-[#FAFAFA] border-t border-gray-200\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <!-- Section Title & Accent Bar -->\r\n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747]\">\r\n                    Visit Our Campuses\r\n                <\/h2>\r\n                <div class=\"w-12 h-1 bg-[#DC143C] mx-auto mt-3 rounded-full\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto\">\r\n                <!-- Octo Office Campus -->\r\n                <div class=\"bg-white p-8 rounded-3xl border border-gray-100 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <!-- Location Icon -->\r\n                        <div class=\"text-[#DC143C] text-2xl mb-3\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold text-[#0F2747] mb-2\">Octo Office Campus<\/h3>\r\n                        <p class=\"text-gray-500 text-sm sm:text-base leading-relaxed bengali-font mb-4\">\r\n                            \u09b0\u09bf\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u09b8 \u099f\u09be\u0993\u09af\u09bc\u09be\u09b0 (\u09e9\u09af\u09bc \u09a4\u09b2\u09be), \u0985\u0995\u09cd\u099f\u09cb-\u0985\u09ab\u09bf\u09b8 \u09ae\u09cb\u09a1\u09bc, \u09ae\u09be\u09b8\u09a6\u09be\u0987\u09b0, \u09a8\u09be\u09b0\u09be\u09af\u09bc\u09a3\u0997\u099e\u09cd\u099c\r\n                        <\/p>\r\n                        \r\n                        <!-- Contact & Timing Info -->\r\n                        <div class=\"space-y-1.5 text-xs sm:text-sm text-gray-600 bengali-font mb-6 border-t border-gray-100 pt-3\">\r\n                            <div><strong class=\"text-gray-800\">Hotline:<\/strong> +8801757 67 40 52<\/div>\r\n                            <div><strong class=\"text-gray-800\">Visiting Hours:<\/strong> \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8 \u09b8\u0995\u09be\u09b2 \u09e7\u09e6:\u09e6\u09e6 - \u09b8\u09a8\u09cd\u09a7\u09cd\u09af\u09be \u09ed:\u09e6\u09e6 (\u09b6\u09c1\u0995\u09cd\u09b0\u09ac\u09be\u09b0 \u09ac\u09a8\u09cd\u09a7)<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Google Map Link Button -->\r\n                    <div>\r\n                        <a href=\"https:\/\/maps.app.goo.gl\/7Ji58VGsLMnGRqB49\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block border-2 border-[#DC143C] text-[#DC143C] hover:bg-[#DC143C] hover:text-white font-bold px-6 py-2 rounded-full text-sm transition-all duration-300\">\r\n                            Google Map\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Chashara Campus -->\r\n                <div class=\"bg-white p-8 rounded-3xl border border-gray-100 shadow-sm hover:shadow-md transition-all flex flex-col justify-between\">\r\n                    <div>\r\n                        <!-- Location Icon -->\r\n                        <div class=\"text-[#DC143C] text-2xl mb-3\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl font-bold text-[#0F2747] mb-2\">Chashara Campus<\/h3>\r\n                        <p class=\"text-gray-500 text-sm sm:text-base leading-relaxed bengali-font mb-4\">\r\n                            \u09ed\u09ec\/\u09e7 \u0989\u09a4\u09cd\u09a4\u09b0 \u099a\u09be\u09b7\u09be\u09a1\u09bc\u09be, \u09aa\u09c1\u09b0\u09be\u09a4\u09a8 ABC \u09b8\u09cd\u0995\u09c1\u09b2 \u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09be\u09b8 (\u09e8\u09af\u09bc \u09a4\u09b2\u09be), \u09a8\u09be\u09b0\u09be\u09af\u09bc\u09a3\u0997\u099e\u09cd\u099c\r\n                        <\/p>\r\n\r\n                        <!-- Contact & Timing Info -->\r\n                        <div class=\"space-y-1.5 text-xs sm:text-sm text-gray-600 bengali-font mb-6 border-t border-gray-100 pt-3\">\r\n                            <div><strong class=\"text-gray-800\">Hotline:<\/strong> +8801966 82 98 91<\/div>\r\n                            <div><strong class=\"text-gray-800\">Visiting Hours:<\/strong> \u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8 \u09b8\u0995\u09be\u09b2 \u09e7\u09e6:\u09e6\u09e6 - \u09b8\u09a8\u09cd\u09a7\u09cd\u09af\u09be \u09ed:\u09e6\u09e6 (\u09b6\u09c1\u0995\u09cd\u09b0\u09ac\u09be\u09b0 \u09ac\u09a8\u09cd\u09a7)<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Google Map Link Button -->\r\n                    <div>\r\n                        <a href=\"https:\/\/maps.app.goo.gl\/usNnZd7Y4xm5FohA9\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block border-2 border-[#DC143C] text-[#DC143C] hover:bg-[#DC143C] hover:text-white font-bold px-6 py-2 rounded-full text-sm transition-all duration-300\">\r\n                            Google Map\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 13. FAQ Section -->\r\n    <section id=\"faq\" class=\"py-16 bg-white\">\r\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-12 space-y-3\">\r\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-[#0F2747] bengali-font\">\r\n                    \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u0995\u09bf\u099b\u09c1 \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8 \u0989\u09a4\u09cd\u09a4\u09b0 (FAQ)\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- FAQ Accordion Container -->\r\n            <div class=\"space-y-4\">\r\n\r\n                <!-- FAQ 1 -->\r\n                <div class=\"border border-gray-200 rounded-2xl overflow-hidden\">\r\n                    <button onclick=\"toggleFaq(1)\" class=\"w-full text-left p-5 font-bold text-[#0F2747] text-lg bg-slate-50 flex items-center justify-between hover:bg-[#DC143C] hover:text-white transition-all duration-200 bengali-font group\">\r\n                        <span>Basic IELTS Course \u0995\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af?<\/span>\r\n                        <i id=\"faq-icon-1\" class=\"fas fa-chevron-down text-gray-400 group-hover:text-white text-sm transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-answer-1\" class=\"hidden p-5 text-gray-600 text-sm bg-white border-t border-gray-100 bengali-font leading-relaxed\">\r\n                        \u09af\u09be\u09a6\u09c7\u09b0 English foundation \u09a6\u09c1\u09b0\u09cd\u09ac\u09b2, \u0987\u0982\u09b0\u09c7\u099c\u09bf\u09a4\u09c7 \u0995\u09a5\u09be \u09ac\u09b2\u09a4\u09c7 \u09ac\u09be \u09b2\u09bf\u0996\u09a4\u09c7 \u09ad\u09af\u09bc \u0995\u09be\u099c \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u09af\u09be\u09b0\u09be \u098f\u0995\u09a6\u09ae \u09b6\u09c1\u09b0\u09c1 \u09a5\u09c7\u0995\u09c7 IELTS \u09aa\u09cd\u09b0\u09bf\u09aa\u09be\u09b0\u09c7\u09b6\u09a8 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8\u0964\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 2 -->\r\n                <div class=\"border border-gray-200 rounded-2xl overflow-hidden\">\r\n                    <button onclick=\"toggleFaq(2)\" class=\"w-full text-left p-5 font-bold text-[#0F2747] text-lg bg-slate-50 flex items-center justify-between hover:bg-[#DC143C] hover:text-white transition-all duration-200 bengali-font group\">\r\n                        <span>Course Duration \u0995\u09a4\u09a6\u09bf\u09a8?<\/span>\r\n                        <i id=\"faq-icon-2\" class=\"fas fa-chevron-down text-gray-400 group-hover:text-white text-sm transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-answer-2\" class=\"hidden p-5 text-gray-600 text-sm bg-white border-t border-gray-100 bengali-font leading-relaxed\">\r\n                        \u0995\u09cb\u09b0\u09cd\u09b8\u09c7\u09b0 \u09ae\u09c7\u09af\u09bc\u09be\u09a6 \u09ae\u09cb\u099f \u09e8 \u09ae\u09be\u09b8\u0964\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 3 -->\r\n                <div class=\"border border-gray-200 rounded-2xl overflow-hidden\">\r\n                    <button onclick=\"toggleFaq(3)\" class=\"w-full text-left p-5 font-bold text-[#0F2747] text-lg bg-slate-50 flex items-center justify-between hover:bg-[#DC143C] hover:text-white transition-all duration-200 bengali-font group\">\r\n                        <span>\u09b8\u09aa\u09cd\u09a4\u09be\u09b9\u09c7 \u0995\u09cd\u09b2\u09be\u09b8 \u0995\u09af\u09bc\u09a6\u09bf\u09a8?<\/span>\r\n                        <i id=\"faq-icon-3\" class=\"fas fa-chevron-down text-gray-400 group-hover:text-white text-sm transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-answer-3\" class=\"hidden p-5 text-gray-600 text-sm bg-white border-t border-gray-100 bengali-font leading-relaxed\">\r\n                        \u09b8\u09aa\u09cd\u09a4\u09be\u09b9\u09c7 \u09e9 \u09a6\u09bf\u09a8 \u0985\u09ab\u09b2\u09be\u0987\u09a8 \u0985\u09ab\u09bf\u09b6\u09bf\u09af\u09bc\u09be\u09b2 \u0995\u09cd\u09b2\u09be\u09b8 \u0985\u09a8\u09c1\u09b7\u09cd\u09a0\u09bf\u09a4 \u09b9\u09ac\u09c7\u0964\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 4 -->\r\n                <div class=\"border border-gray-200 rounded-2xl overflow-hidden\">\r\n                    <button onclick=\"toggleFaq(4)\" class=\"w-full text-left p-5 font-bold text-[#0F2747] text-lg bg-slate-50 flex items-center justify-between hover:bg-[#DC143C] hover:text-white transition-all duration-200 bengali-font group\">\r\n                        <span>Course Fee \u0995\u09a4?<\/span>\r\n                        <i id=\"faq-icon-4\" class=\"fas fa-chevron-down text-gray-400 group-hover:text-white text-sm transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-answer-4\" class=\"hidden p-5 text-gray-600 text-sm bg-white border-t border-gray-100 bengali-font leading-relaxed\">\r\n                        \u0995\u09cb\u09b0\u09cd\u09b8 \u09ab\u09bf \u09ae\u09be\u09a4\u09cd\u09b0 \u09f3\u09eb,\u09e6\u09e6\u09e6 (\u09aa\u09be\u0981\u099a \u09b9\u09be\u099c\u09be\u09b0 \u099f\u09be\u0995\u09be)\u0964\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ 5 -->\r\n                <div class=\"border border-gray-200 rounded-2xl overflow-hidden\">\r\n                    <button onclick=\"toggleFaq(5)\" class=\"w-full text-left p-5 font-bold text-[#0F2747] text-lg bg-slate-50 flex items-center justify-between hover:bg-[#DC143C] hover:text-white transition-all duration-200 bengali-font group\">\r\n                        <span>Admission \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u0995\u09b0\u09ac?<\/span>\r\n                        <i id=\"faq-icon-5\" class=\"fas fa-chevron-down text-gray-400 group-hover:text-white text-sm transition-transform\"><\/i>\r\n                    <\/button>\r\n                    <div id=\"faq-answer-5\" class=\"hidden p-5 text-gray-600 text-sm bg-white border-t border-gray-100 bengali-font leading-relaxed\">\r\n                        \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0985\u09ab\u09bf\u09b8\/\u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09be\u09b8 \u09ad\u09bf\u099c\u09bf\u099f \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8 \u0985\u09a5\u09ac\u09be \u09b8\u09b0\u09be\u09b8\u09b0\u09bf WhatsApp \u0995\u09bf\u0982\u09ac\u09be Phone Call-\u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0998\u09b0\u09c7 \u09ac\u09b8\u09c7\u0987 \u09ad\u09b0\u09cd\u09a4\u09bf \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 14. Final CTA Section -->\r\n    <section class=\"py-12 sm:py-16 text-white relative overflow-hidden\" style=\"background-color: #DC143C !important;\">\r\n        <div class=\"max-w-5xl mx-auto px-4 text-center space-y-5 sm:space-y-6 relative z-10\">\r\n            <span class=\"text-[10px] sm:text-xs font-extrabold px-3.5 py-1 sm:px-4 sm:py-1.5 rounded-full uppercase tracking-wider inline-block\" style=\"background-color: #FBBF24 !important; color: #000000 !important;\">\r\n                Limited Time Enrollment\r\n            <\/span>\r\n\r\n            <h2 class=\"text-2xl sm:text-4xl lg:text-5xl font-extrabold bengali-font leading-tight\" style=\"color: #ffffff !important;\">\r\n                \u0986\u09aa\u09a8\u09be\u09b0 IELTS Journey \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 \u0986\u099c \u09a5\u09c7\u0995\u09c7\u0987\r\n            <\/h2>\r\n\r\n            <p class=\"text-sm sm:text-base md:text-lg max-w-2xl mx-auto bengali-font leading-relaxed\" style=\"color: #ffffff !important;\">\r\n                Basic English Foundation \u09a5\u09c7\u0995\u09c7 IELTS preparation \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 IELTS Bangladesh-\u098f\u09b0 \u09b8\u09be\u09a5\u09c7\u0964 \u0986\u09b8\u09a8 \u09b8\u0982\u0996\u09cd\u09af\u09be \u09b8\u09c0\u09ae\u09bf\u09a4!\r\n            <\/p>\r\n\r\n            <div class=\"pt-3 sm:pt-4 flex items-center justify-center\">\r\n                <a href=\"https:\/\/wa.me\/8801966829891?text=I%20want%20to%20enroll%20in%20Basic%20IELTS%20Batch\" target=\"_blank\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-3 bg-emerald-600 hover:bg-emerald-500 text-white hover:text-white font-extrabold px-6 sm:px-8 py-3.5 sm:py-4 rounded-xl sm:rounded-2xl text-base sm:text-lg shadow-xl transition-all transform hover:-translate-y-1 active:scale-95\">\r\n                    <i class=\"fab fa-whatsapp text-xl sm:text-2xl text-white\"><\/i>\r\n                    <span class=\"text-white\">WhatsApp Now<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-slate-950 text-gray-500 py-6 border-t border-slate-900 text-center text-xs\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            \u00a9 2026 IELTS Bangladesh. All rights reserved.\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Scripts -->\r\n    <script>\r\n        \/\/ Gallery Scroll Function\r\n        function scrollGallery(direction) {\r\n            const container = document.getElementById('galleryContainer');\r\n            if (container) {\r\n                const scrollAmount = container.clientWidth;\r\n                container.scrollBy({\r\n                    left: direction * scrollAmount,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ FAQ Accordion Toggle Function\r\n        function toggleFaq(index) {\r\n            const answer = document.getElementById(`faq-answer-${index}`);\r\n            const icon = document.getElementById(`faq-icon-${index}`);\r\n            \r\n            if (answer.classList.contains('hidden')) {\r\n                answer.classList.remove('hidden');\r\n                icon.classList.add('rotate-180');\r\n            } else {\r\n                answer.classList.add('hidden');\r\n                icon.classList.remove('rotate-180');\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IELTS Bangladesh | New Offline Basic IELTS Batch \ud83d\udd25 New Offline Basic IELTS Batch | Limited Seats Available Start Your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=91"}],"version-history":[{"count":37,"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/ieltsbd.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}